diff --git a/index.html b/index.html index a63ecd6..1c07cb7 100644 --- a/index.html +++ b/index.html @@ -2,6 +2,7 @@
+ @@ -15,7 +16,7 @@
-

+

Nye "Ro" Evans
Portfolio

@@ -128,7 +129,10 @@
- + +
I hope you like my work! If you ever want to contact me, my Email, Github and Social Medias can be found below. diff --git a/pages/AllProjects.css b/pages/AllProjects.css new file mode 100644 index 0000000..ccac19d --- /dev/null +++ b/pages/AllProjects.css @@ -0,0 +1,15 @@ +.projectThumbnail{ + width: 16vh; + margin-left: 3vw; +} + +.item{ + display: flex; + margin-top: 4vh; +} + +.itemText{ + display: flex; + flex-direction: column; + padding: 10px; +} \ No newline at end of file diff --git a/pages/AllProjects.html b/pages/AllProjects.html index 7968d48..96ca2ba 100644 --- a/pages/AllProjects.html +++ b/pages/AllProjects.html @@ -2,23 +2,80 @@
- - - + + + + Nye Evans Portfolio
+ +

Things I have done:

+ +
+ +
+

Your mum

+
+ lmao I did ur mom +
+
+ +
+ + +
+ +
+

And also your dad

+
+ I am bisexual +
+
+ +
+ + +
+ +
+

I fucked both your parents

+
+ they were totally into it because Im cool as hell B) +
+
+ +
+ + +
+ +
+

*breakdown*

+
+ I'm doin' your mom, yes, yours! + First saw her in the Walmart pickin' out your drawers + Big Dolly Parton hair like an '80s prom queen + But her ass was lookin' good all up in them mom-jeans + I approached her in the checkout line, and said, "Yo baby, wassup?" + She had two gallons of milk, and I was starin' at her jugs + Five minutes later, she agreed to get with me +
+
+ +
+ + - - - -
+
Twitter   Email diff --git a/pages/basic.css b/pages/basic.css new file mode 100644 index 0000000..5b57027 --- /dev/null +++ b/pages/basic.css @@ -0,0 +1,86 @@ +@import url("reset.css"); + +@font-face{ + font-family:"roboto"; + font-weight: 100; + src: url("../fonts/Roboto/RobotoMono-VariableFont_wght.ttf") +} +html{ + font: 100%; +} + +body{ + color: #ffd256; + background-color: #181818; + font-family: "roboto"; + line-height: 1.3; +} + +button{ + background-color: transparent; + border: none; + color: #ffd256; +} + + +button:focus { + border: none; + outline: none; +} + +a:link:not(.galleryLink), a:visited:not(.galleryLink){ + color: #ffd256; + border-radius: 2px; + transition: background-color 0.5s, color 0.5s; +} + +.galleryLink{ + text-decoration: none; + color:#ffd256; +} + +h1{ + font-size: clamp(1.2rem, 4vw, 4rem); + + padding-left: 6; + + margin-top: 4vh; + + height: 20vh; + text-align: center; + +} + +.subTitle{ + font-size: 30%; + padding-top: 10; + padding-left: 5; +} + +#socialBar{ + display: flex; + margin-bottom: 5vh; + + justify-content: center; +} + +#backButtonContainer{ + text-align: center; + margin-bottom: 7vh; + margin-top: 7vh; +} + + +.orangeBorder{ + border: 2px solid transparent; + border-radius: 5px; + + padding: 5px; + + transition: border 0.5s; +} + +.orangeBorder:hover{ + border: 2px solid #ffd256; + padding: 5px; +} \ No newline at end of file diff --git a/pages/effects.css b/pages/effects.css index b726ff9..5835951 100644 --- a/pages/effects.css +++ b/pages/effects.css @@ -45,4 +45,4 @@ span:hover{ ::-webkit-selection { background-color: #ffd256; color: #181818; -} \ No newline at end of file +} diff --git a/pages/gallery/aardvark-work/aardvark-work.html b/pages/gallery/aardvark-work/aardvark-work.html index 371e5b4..abdfafe 100644 --- a/pages/gallery/aardvark-work/aardvark-work.html +++ b/pages/gallery/aardvark-work/aardvark-work.html @@ -1,6 +1,7 @@
+
@@ -46,7 +47,7 @@
\ No newline at end of file diff --git a/pages/gallery/blog-post-default.css b/pages/gallery/blog-post-default.css index b8874ea..bc63ee0 100644 --- a/pages/gallery/blog-post-default.css +++ b/pages/gallery/blog-post-default.css @@ -62,11 +62,6 @@ iframe:hover{ text-decoration: none; } -#backButtonContainer{ - text-align: center; - margin-bottom: 7vh; - margin-top: 7vh; -} @media (orientation:portrait){ diff --git a/pages/gallery/cat-tower-defence/cat-tower-defence.html b/pages/gallery/cat-tower-defence/cat-tower-defence.html index f3f2b12..a96ac26 100644 --- a/pages/gallery/cat-tower-defence/cat-tower-defence.html +++ b/pages/gallery/cat-tower-defence/cat-tower-defence.html @@ -1,6 +1,7 @@
+
@@ -26,7 +27,7 @@
\ No newline at end of file diff --git a/pages/gallery/epq-project/epq-project.html b/pages/gallery/epq-project/epq-project.html index 694d873..a562b30 100644 --- a/pages/gallery/epq-project/epq-project.html +++ b/pages/gallery/epq-project/epq-project.html @@ -2,6 +2,7 @@
+
@@ -31,7 +32,7 @@
- <-Back to main page + <-Back
\ No newline at end of file diff --git a/pages/gallery/mind-map/mind-map.html b/pages/gallery/mind-map/mind-map.html index ffd4f99..23c8914 100644 --- a/pages/gallery/mind-map/mind-map.html +++ b/pages/gallery/mind-map/mind-map.html @@ -1,11 +1,12 @@
+

- EPQ Project + Mind Mapping Software

What it is

@@ -27,7 +28,7 @@
- <-Back to main page + <-Back
\ No newline at end of file diff --git a/pages/gallery/room-builder/room-builder.html b/pages/gallery/room-builder/room-builder.html index 91c8f3f..9bb7367 100644 --- a/pages/gallery/room-builder/room-builder.html +++ b/pages/gallery/room-builder/room-builder.html @@ -1,6 +1,7 @@
+
@@ -24,7 +25,7 @@
- <-Back to main page + <-Back
\ No newline at end of file diff --git a/pages/mainpage.css b/pages/mainpage.css index a37d390..c6d3919 100644 --- a/pages/mainpage.css +++ b/pages/mainpage.css @@ -1,40 +1,4 @@ -@import url("reset.css"); - -@font-face{ - font-family:"roboto"; - font-weight: 100; - src: url("../fonts/Roboto/RobotoMono-VariableFont_wght.ttf") -} -html{ - font: 100%; -} - -body{ - color: #ffd256; - background-color: #181818; - font-family: "roboto"; - line-height: 1.3; -} - -button{ - background-color: transparent; - border: none; - color: #ffd256; -} - - -button:focus { - border: none; - outline: none; -} - -a:link:not(.galleryLink), a:visited:not(.galleryLink){ - color: #ffd256; - border-radius: 2px; - transition: background-color 0.5s, color 0.5s; -} - -h1{ +#siteTitle h1{ font-size: clamp(1.2rem, 4vw, 4rem); padding-left: 6; @@ -49,26 +13,6 @@ h1{ } -.subTitle{ - font-size: 30%; - padding-top: 10; - padding-left: 5; -} - -.orangeBorder{ - border: 2px solid transparent; - border-radius: 5px; - - padding: 5px; - - transition: border 0.5s; -} - -.orangeBorder:hover{ - border: 2px solid #ffd256; - padding: 5px; -} - .textBox{ text-align: center; font-size: clamp(1rem, 1.2vw, 3rem); @@ -109,7 +53,7 @@ h1{ } .galleryItem{ - height: 13vw; + height: 100%; } @@ -146,7 +90,7 @@ h1{ width: 78.5vw; height: 19vh; transition: visibility 0.3s, opacity 0.5s; - margin-top: 14.85vw; + margin-top: 20.85vh; } .popupTongue{ @@ -154,8 +98,8 @@ h1{ opacity: 0; transition: visibility 0.3s, opacity 0.5s; - width: 1.85vw; - height: 1.85vw; + width: 1.85vh; + height: 1.85vh; margin-left: 5vw; } @@ -184,6 +128,11 @@ h1{ font-weight: 700; } +#galleryOutroLink{ + text-align: center; + margin-top: 5vh; +} + #outroText{ margin-top: 12vh; margin-bottom: 20vh; @@ -191,12 +140,5 @@ h1{ margin-right: 27vw; } -#socialBar{ - display: flex; - margin-bottom: 5vh; - - justify-content: center; -} -