From 8c63e5bc76862e336ff206fe6d451b737265fbf9 Mon Sep 17 00:00:00 2001 From: Nye Evans Date: Thu, 31 Dec 2020 13:46:26 +0000 Subject: [PATCH] cleaned things up, moving away from grid setup moved things around, removed redundant classes/ids nothing uses grids anymore, mainly margins although this may cause issues later, i dont have enough experience to tell yet --- Mainpage.css | 119 +++++++++++++++++---------------------------------- index.html | 38 +++++++--------- 2 files changed, 55 insertions(+), 102 deletions(-) diff --git a/Mainpage.css b/Mainpage.css index 70f9fe3..c5766f0 100644 --- a/Mainpage.css +++ b/Mainpage.css @@ -6,15 +6,9 @@ src: url("Fonts/Roboto/RobotoMono-VariableFont_wght.ttf") } - -*{ - color: #FCC42F; - font-family: "roboto"; - -} - body{ - margin: 20; + color: #ffd256; + font-family: "roboto"; background-color: #221A0F; background-image: url("Images/BackGroundTestNoGlow.png"); background-position: bottom; @@ -25,42 +19,36 @@ body{ h1, h2, h3{ background-color: #ffa500; background: radial-gradient(#E39823 40%, #8D5001); - border-radius: 5px + border-radius: 5px; + font-size: clamp(12px, 1vw, 50px); + padding: 1.3vh; } -h1{ +h1{ font-size: 5vw; + padding-left: 6; - grid-column-start: 1; - grid-column-end: 5; - grid-row-start: 3; - grid-row-end: 6; + margin-left: 2vw; + margin-right: 70vw; + margin-top: 10vh; + margin-bottom: 70vh; + + height: 20vh; + text-align: left; + } -h2{ - font-size: 1vw; - padding: 1.3vh; - grid-column-start: 2; - grid-column-end: 12; - grid-row-start: 14; - grid-row-end: 19; +h2, h3{ + margin-top: 10vh; + margin-bottom: 10vh; + margin-left: auto; + margin-right: auto; + min-width: 720px; + max-width: 86vw; + } -h3{ - font-size: 1vw; - padding: 1.3vh; - grid-column-start: 2; - grid-column-end: 12; - grid-row-start: 2; - grid-row-end: 7; -} -.titleScreenArea{ /*the large empty space around the title*/ - grid-column-start: 1; - grid-column-end: 13; - grid-row-start: 4; - grid-row-end: 8; -} .orangeBack{ /*for anything that isnt a tag*/ background-color: #ffa500; @@ -70,68 +58,39 @@ h3{ } .orangeBorder{ - border: 5px outset #E39823; border-radius: 5px; } - - .textBox{ text-align: center; padding: 2.5vh; - font-size: 1vw; + font-size: 1.3vw; } -#filter{ - position: fixed; - top: 0; - left: 0; -} -#bodyAboveImage{ - display: grid; - grid-template-columns: repeat(12, 1fr); - grid-template-rows: repeat(19, 1fr); - gap: 1vh; - height: 200vh; -} +@media (orientation:portrait){ -#bodyBelowImage{ - display: grid; - grid-template-columns: repeat(12, 1fr); - grid-template-rows: repeat(16, 1fr); - gap: 1vh; - height: 170vh; -} + h1{ + font-size: 10vw; -#profileImage{ - width: 100%; - height: auto; - text-align: center; -} + margin-left: 2vw; + margin-right: 2vw; + margin-top: 5vh; + margin-bottom: 85vh; -#galleryLinkText{ - grid-column-start: 6; - grid-column-end: 8; - grid-row-start: 8; - grid-row-end: 9; -} + height: 10vh; -#programGalleryButton{ - grid-column-start: 4; - grid-column-end: 6; - grid-row-start: 10; - grid-row-end: 11; -} + } -#artGalleryButton{ - grid-column-start: 8; - grid-column-end: 10; - grid-row-start: 10; - grid-row-end: 11; + h2, h3{ + margin-top: 10vh; + margin-bottom: 10vh; + font-size: 2vw; + } } + diff --git a/index.html b/index.html index e0f19ba..860c30a 100644 --- a/index.html +++ b/index.html @@ -3,36 +3,30 @@ - -
-

+ +
+

Nye Evans
Portfolio

-
-

- [PLACEHOLDER TEXT->]Welcome! Welcome to City 17! You have chosen, or been chosen, to relocate to one of our finest remaining urban centers. I thought so much of City 17 that I elected to establish my administration here, in the Citadel so thoughtfully provided by our benefactors. I've been proud to call City 17 my home. And so, whether you are here to stay, or passing through on your way to parts unknown - welcome to City 17. It's safer here. - Welcome! Welcome to City 17! You have chosen, or been chosen, to relocate to one of our finest remaining urban centers. I thought so much of City 17 that I elected to establish my administration here, in the Citadel so thoughtfully provided by our benefactors. I've been proud to call City 17 my home. And so, whether you are here to stay, or passing through on your way to parts unknown - welcome to City 17. It's safer here. - Welcome! Welcome to City 17! You have chosen, or been chosen, to relocate to one of our finest remaining urban centers. I thought so much of City 17 that I elected to establish my administration here, in the Citadel so thoughtfully provided by our benefactors. I've been proud to call City 17 my home. And so, whether you are here to stay, or passing through on your way to parts unknown - welcome to City 17. It's safer here. - Welcome! Welcome to City 17! You have chosen, or been chosen, to relocate to one of our finest remaining urban centers. I thought so much of City 17 that I elected to establish my administration here, in the Citadel so thoughtfully provided by our benefactors. I've been proud to call City 17 my home. And so, whether you are here to stay, or passing through on your way to parts unknown - welcome to City 17. It's safer here. -

-
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+ +
-
-

- [PLACEHOLDER TEXT->]Welcome! Welcome to City 17! You have chosen, or been chosen, to relocate to one of our finest remaining urban centers. I thought so much of City 17 that I elected to establish my administration here, in the Citadel so thoughtfully provided by our benefactors. I've been proud to call City 17 my home. And so, whether you are here to stay, or passing through on your way to parts unknown - welcome to City 17. It's safer here. - Welcome! Welcome to City 17! You have chosen, or been chosen, to relocate to one of our finest remaining urban centers. I thought so much of City 17 that I elected to establish my administration here, in the Citadel so thoughtfully provided by our benefactors. I've been proud to call City 17 my home. And so, whether you are here to stay, or passing through on your way to parts unknown - welcome to City 17. It's safer here. - Welcome! Welcome to City 17! You have chosen, or been chosen, to relocate to one of our finest remaining urban centers. I thought so much of City 17 that I elected to establish my administration here, in the Citadel so thoughtfully provided by our benefactors. I've been proud to call City 17 my home. And so, whether you are here to stay, or passing through on your way to parts unknown - welcome to City 17. It's safer here. - Welcome! Welcome to City 17! You have chosen, or been chosen, to relocate to one of our finest remaining urban centers. I thought so much of City 17 that I elected to establish my administration here, in the Citadel so thoughtfully provided by our benefactors. I've been proud to call City 17 my home. And so, whether you are here to stay, or passing through on your way to parts unknown - welcome to City 17. It's safer here. -

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

-
check out my work here:
-
programming projects
-
other projects
-
+
check out my work here:
+
programming projects
+
other projects
\ No newline at end of file