Browse Source

Update to carousel images.

pull/11/head
CetaceanNation 5 years ago
parent
commit
4ef846ee40
5 changed files with 32 additions and 7 deletions
  1. BIN
      public/img/friends.png
  2. BIN
      public/img/friends2.png
  3. BIN
      public/img/repos.png
  4. +7
    -6
      public/index.html
  5. +25
    -1
      public/style.css

BIN
public/img/friends.png View File

Before After
Width: 1302  |  Height: 1032  |  Size: 1.0 MiB

BIN
public/img/friends2.png View File

Before After
Width: 1465  |  Height: 1544  |  Size: 880 KiB

BIN
public/img/repos.png View File

Before After
Width: 1586  |  Height: 593  |  Size: 252 KiB

+ 7
- 6
public/index.html View File

@ -48,18 +48,18 @@
<div id="mainCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="text-center">
<img src="./img/DolphinCroissant.png" />
<div class="image-vert text-center">
<img class="img-fluid carousel-img" src="./img/friends.png" />
</div>
</div>
<div class="carousel-item">
<div class="text-center">
<img src="./img/DolphinCroissant.png" />
<div class="image-vert text-center">
<img class="img-fluid carousel-img" src="./img/repos.png" />
</div>
</div>
<div class="carousel-item">
<div class="text-center">
<img src="./img/DolphinCroissant.png" />
<div class="image-vert text-center">
<img class="img-fluid carousel-img" src="./img/DolphinCroissant.png" />
</div>
</div>
</div>
@ -98,6 +98,7 @@
</div>
<img class="side-img img-fluid col" src="./img/graphExample.png" />
</div>
<p>check</p>
</div>
</body>
</html>

+ 25
- 1
public/style.css View File

@ -47,11 +47,27 @@
#mainCarousel {
height: 500px;
background-color: black;
background-color: #232323;
}
.carousel-item {
height: 500px;
overflow: hidden;
vertical-align: middle;
}
.carousel-img {
width: 100%;
min-height: 300px;
display: inline-block;
top: 0%;
left: 0%;
position: absolute;
}
.img-vert {
display: inline-block;
height: 100%;
}
.error {
@ -205,4 +221,12 @@ body {
align-self: center;
width: 80%;
}
.carousel-img {
width: 100%;
min-height: 200px;
display: inline-block;
top: 10px;
position: relative;
}
}

Loading…
Cancel
Save