diff --git a/InBug-White.png b/InBug-White.png new file mode 100644 index 0000000..627f6b5 Binary files /dev/null and b/InBug-White.png differ diff --git a/about.html b/about.html new file mode 100644 index 0000000..303580b --- /dev/null +++ b/about.html @@ -0,0 +1,44 @@ + + + + + + + About + + +

Andre Moon

+ +

About me

+

I enjoy picking up new hobbies and interests in my free time

+

Books are always a welcome distraction. Whether it be fiction, fantasy, a biography, etc. there is always something that can be applied to life in some way

+

Gaming has almost always been an integral part of my life. In my opinion it is the best medium in which to tell a story. Though, recently, I have shifted to other interests to occupy my time.

+

From LoFi to heavy metal I listen to a wide range of music genres. Each has its own flare

+ +
+ + + + + +
+ + + + diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..746ecb7 --- /dev/null +++ b/contact.html @@ -0,0 +1,41 @@ + + + + + + + Contact + + +

Andre Moon

+ + +

Feel free to reach out

+ + + + + + + +
+
+

Enter name below:

+ +

Email:

+
+ +
+
\ No newline at end of file diff --git a/github-mark-white.png b/github-mark-white.png new file mode 100644 index 0000000..50b8175 Binary files /dev/null and b/github-mark-white.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..da44539 --- /dev/null +++ b/index.html @@ -0,0 +1,35 @@ + + + + + + + Personal Site + + +

Andre Moon

+ + +

Aspiring developer, music enthusiast

+

Building a strong foundation

+ foundation photo +

Develop a passion for learning. If you do, you will never cease to grow + - Anthony J D'Angelo +

+ + + + diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 0000000..f3af763 --- /dev/null +++ b/portfolio.html @@ -0,0 +1,33 @@ + + + + + + + Portfolio + + +

Andre Moon

+ + +

Stay tuned, more to come

+ +
+ under construction picture +
+ + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..5a11318 --- /dev/null +++ b/style.css @@ -0,0 +1,123 @@ +/* Overall style */ +body { + background-color: bisque; +} + +#Name { + text-decoration: underline; + font-family: fantasy; + font-weight: bolder; + display: flex; + margin: auto; +} + +nav { + border: 1px solid black; + border-radius: 0 20px 0 20px; + padding: 10px 0 10px 0; + background-color: grey; + color: whitesmoke; + font-weight: bold; + height: 2.5rem; + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + text-decoration: underline; +} +#T { + color: white; + align-items: center; + text-shadow: 2px 2px 5px dodgerblue; +} + +#button { + cursor: pointer; +} + +.F1 { + position: fixed; + bottom: 0; + width: 100%; + display: flex; + flex-direction: row; + justify-content: center; + background-color: black; + color: white; + gap: 10ch; +} + +.git { + width: 50px; + height: 50px; + cursor: pointer; +} + +.linked { + width: 50px; + height: 50px; + cursor: pointer; +} + +/* home page */ + +.quote { + font-size: 45px; + display: flex auto; +} + +.AD { + text-decoration: underline; +} + +.foundation { + display: flex; + float: right; +} + +/* about page */ + +#AB { + background-color: bisque; +} + +#interests { + display: grid auto; + grid-template-columns: repeat(3, 3fr); + padding: 100; +} + +/* Portfolio page */ + +#PO { + background-color: bisque; +} + +.ST { + text-align: center; +} + +.construction { + display: flex; + justify-content: center; + margin: 100; +} + +.cons { + margin: 60px; + grid-column: 2 / 5; + grid-row: 2 / 5; +} + +/* Contact page */ + +#forms { + display: flex; + justify-content: center; + margin: 100px; +} + +h3 { + text-align: center; + margin: 100px; +}