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

mobile updates

Browse source 
sorted font-size changing on safari and firefox,
added border to bottom of gallery
resized some margins/sorted out layout
This commit is contained in:
Nye Evans 2021-01-13 17:03:23 +00:00
parent 2ab1876cd0
commit 016f6578e5
3 changed files with 26 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
index.html
View file

@ -48,6 +48,7 @@
<p class = "galleryCaption"></p> <p class = "galleryCaption"></p>
<button class = "galleryLeftArrow" onClick = "window.parent.lastSlide();">◄</button> <button class = "galleryLeftArrow" onClick = "window.parent.lastSlide();">◄</button>
<button class = "galleryRightArrow" onClick = "window.parent.nextSlide();">►</button> <button class = "galleryRightArrow" onClick = "window.parent.nextSlide();">►</button>
<!--<div style = "grid-column: 1/13; grid-row: 13; border-bottom: 5px solid #ffd256;"></div>-->
</div> </div>
<div class = "textBox" id= "outroText"> <div class = "textBox" id= "outroText">

2
pages/gallery/blog-post-default.css
View file

@ -64,7 +64,7 @@ iframe{
margin-left: 0vw; margin-left: 0vw;
margin-right: 0vw; margin-right: 0vw;
margin-top: 5vh; margin-top: 5vh;
margin-bottom: 85vh; margin-bottom: 20vh;
padding-top: 0.5vh; padding-top: 0.5vh;

40
pages/mainpage.css
View file

@ -184,6 +184,11 @@ h1{
as well as disabling double tap, disables zoom which some people with bad eyes need, use something else as well as disabling double tap, disables zoom which some people with bad eyes need, use something else
*/ */
touch-action: manipulation; touch-action: manipulation;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
} }
h1{ h1{
@ -203,10 +208,11 @@ h1{
} }
.textBox{ .textBox{
padding: 0;
margin-top: 3vh; margin-top: 3vh;
margin-bottom: 3vh; margin-bottom: 3vh;
margin-left: auto; margin-left: 5px;
margin-right: auto; margin-right: 5px;
min-width: inherit; min-width: inherit;
max-width: inherit; max-width: inherit;
@ -214,7 +220,7 @@ h1{
border-radius: 0; border-radius: 0;
text-align: left; text-align: left;
font-size: clamp(5px, 1.4vw, 50px); font-size: clamp(25px, 3.6vw, 50px);
} }
.profileImage{ .profileImage{
@ -234,7 +240,7 @@ h1{
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
border-radius: 0; border-radius: 0;
font-size: clamp(2rem, 3vw, 5rem); font-size: clamp(2rem, 4vw, 5rem);
} }
#programGallery{ #programGallery{
@ -243,16 +249,22 @@ h1{
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
border-bottom: 5px solid #ffd256;
border-top: 5px solid #ffd256;
} }
.galleryImage{ /*all images should be 700x700*/ .galleryImage{ /*all images should be 700x700*/
grid-column: 1/13; grid-column: 1/13;
grid-row: 2/7; grid-row: 2/7;
border-bottom-left-radius: 0;
border: 0;
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
border-radius: 0;
border: 5px solid #ffd256;
border-left: 0;
border-right: 0;
object-position: center; object-position: center;
@ -279,24 +291,18 @@ h1{
padding: 5px; padding: 5px;
font-size: clamp(5px, 1.4vw, 50px); font-size: clamp(5px, 4vw, 50px);
border-radius: 0; border: 0;
border: 5px solid #ffd256;
border-left: 0;
border-right: 0;
} }
.galleryCaption{ .galleryCaption{
grid-column: 1/13; grid-column: 1/13;
grid-row: 7/12; grid-row: 7/12;
font-size: clamp(5px, 1.4vw, 50px); font-size: clamp(5px, 3vw, 50px);
border: 5px solid #ffd256; border: 0;
border-left: 0;
border-right: 0;
border-radius: 0;
} }
.galleryLeftArrow{ .galleryLeftArrow{
@ -311,6 +317,8 @@ h1{
font-size: 7vw; font-size: 7vw;
} }
#outroText{ #outroText{
margin-top: 20vh; margin-top: 20vh;
margin-bottom: 30vh; margin-bottom: 30vh;