diff --git a/about.html b/about.html new file mode 100644 index 0000000..c8da5a4 --- /dev/null +++ b/about.html @@ -0,0 +1,27 @@ + + + + + + + + About + + + +

About Me

+

I'm a future developer with a genuine passion for learning code and building new things. When I'm not immersed in development, you'll find me exploring diverse worlds as a gamer, enjoying everything from strategic challenges to immersive narratives.

+ game dev
+ + + \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..2d56000 --- /dev/null +++ b/contact.html @@ -0,0 +1,45 @@ + + + + + + + + Contacts + + + +
+

Contacts

+

+ If you would like me to contact you please provide your name and email + in the box below. +

+ contacts +
+
+ + + +
+ + + diff --git a/homepage.html b/homepage.html new file mode 100644 index 0000000..b52be66 --- /dev/null +++ b/homepage.html @@ -0,0 +1,30 @@ + + + + + + Home Page + + + + + +
+

Future Dev, Gamer

+

I am currently learning to code with the hopes of becoming a dev. I am also a big gamer, and I enjoy all types of genres.

+ Place holder photo + +
+ + + \ No newline at end of file diff --git a/index.js b/index.js new file mode 100644 index 0000000..fea9b8b --- /dev/null +++ b/index.js @@ -0,0 +1,4 @@ +const rich = "Richard Power"; +console.log(rich); + + diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 0000000..8e419bf --- /dev/null +++ b/portfolio.html @@ -0,0 +1,29 @@ + + + + + + + + Portfolio + + + +
+

Portfolio

+

This is where I would list all the projects

+ portfolio stock photo +
+ + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..ff9b271 --- /dev/null +++ b/style.css @@ -0,0 +1,77 @@ +body { + background-color: lightblue; + margin: 0; +} +nav { + display: flex; + flex-direction: row; + gap: 1ch; + justify-content: space-between; + background-color: black; + color: cornflowerblue; +} + +#links { + font-size: 40px; +} +#logo { + font-size: 20px; +} +main { + display: flex; + flex-direction: column; + justify-self: center; + text-align: center; +} +img { + width: 500px; + height: auto; + align-self: center; +} + +#blackBar { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + height: 50px; + background-color: #000; + z-index: 100; +} +#section1 { + justify-self: center; + text-align: center; +} +@media (width <= 600px) { + body { + background-color: rgb(8, 95, 177); + margin: 0%; + width: 100%; + height: 100vh; + } + main { + flex-direction: column; + width: 100%; + text-align: center; + } + #blackBar { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + height: 50px; + background-color: #000; + z-index: 100; + } + nav { + display: flex; + flex-direction: row; + gap: 10ch; + justify-content: space-evenly; + background-color: black; + color: cornflowerblue; + } +} +#input { + justify-self: center; +}