DressOrc/Portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

finished slideshow structure added second slideshow for unrelated projects, added social bar

Browse source
This commit is contained in:
Nye Evans 2021-01-01 14:08:44 +00:00
parent 5ebd799886
commit 26e97431d6
7 changed files with 79 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

74
Pages/Mainpage.css
View file

@ -77,57 +77,93 @@ h2, h3{
#programGallery{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(10, 1fr);
grid-template-columns: repeat(10, 1fr);
height: 70vh;
width: 70vw;
min-width: 800px;
min-height: 500px;
margin-left: auto;
margin-right: auto;
margin-top: 10vh;
margin-bottom: 10vh;
background-color: #ffa500;
background: radial-gradient(#E39823 40%, #8D5001);
border-radius: 5px;
}
#programGalleryImage{ /*all images should be 700x700*/
#personalGallery{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(10, 1fr);
height: 70vh;
width: 70vw;
min-width: 800px;
min-height: 500px;
margin-left: auto;
margin-right: auto;
margin-top: 10vh;
}
.GalleryImage{ /*all images should be 700x700*/
grid-column: 2/8;
grid-row: 2/11;
grid-column: 1/7;
border-bottom-left-radius: 5px;
object-fit: cover;
width: 100%;
height: 100%;
}
#programGalleryTitle{
.GalleryTitle{
grid-column: 2/12;
grid-row: 1;
grid-column: 1/11;
padding: 5px;
font-size: 5.4vh;
font-size: 5vh;
border-radius: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#programGalleryCaption{
grid-column: 7/11;
.GalleryCaption{
grid-column: 8/12;
grid-row: 2/11;
border-radius: 0;
border-bottom-right-radius: 5px;
}
#programGalleryLeftArrow{
display: inline;
float: left;
.GalleryLeftArrow{
grid-column: 1;
grid-row: 5/6;
font-size: 7vw;
}
#programGalleryRightArrow{
display: inline;
float: right;
.GalleryRightArrow{
grid-column: 12;
grid-row: 5/6;
font-size: 7vw;
}
#socialBar{
position: fixed;
display: flex;
margin-left: 1vh;
margin-bottom: 1vh;
bottom: 0;
left: 0 ;
}
@media (orientation:portrait){