diff --git a/assets/Blog Files/Images/HelloWorld.png b/assets/Blog Files/Images/HelloWorld.png new file mode 100644 index 0000000..546ec0c Binary files /dev/null and b/assets/Blog Files/Images/HelloWorld.png differ diff --git a/assets/styles/blog.css b/assets/styles/blog.css new file mode 100644 index 0000000..9ebddc7 --- /dev/null +++ b/assets/styles/blog.css @@ -0,0 +1,74 @@ +* { + box-sizing: border-box; + } + + body { + font-family: Arial; + padding: px; + background: #868686; + } + + /* Header/Blog Title */ + .header { + padding: 30px; + font-size: 40px; + text-align: center; + background: white; + } + + /* Create two unequal columns that floats next to each other */ + /* Left column */ + .leftcolumn { + margin: auto; + padding: 10px; + float: left; + width: 75%; + } + + /* Right column */ + .rightcolumn { + float: left; + width: 25%; + padding-left: 20px; + } + + /* Fake image */ + .fakeimg { + background-color: #aaa; + width: 100%; + } + + /* Add a card effect for articles */ + .card { + background-color: white; + padding: 20px; + margin-top: 20px; + } + + /* Clear floats after the columns */ + .row:after { + content: ""; + display: table; + clear: both; + } + + /* Footer */ + .footer { + padding: 20px; + text-align: center; + background: #ddd; + margin-top: 20px; + } + + .image { + max-width:100%; + max-height:100%; + } + + /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */ + @media screen and (max-width: 800px) { + .leftcolumn, .rightcolumn { + width: 100%; + padding: 0; + } + } \ No newline at end of file diff --git a/assets/styles/navbar.css b/assets/styles/navbar.css index acc4d5f..721482e 100644 --- a/assets/styles/navbar.css +++ b/assets/styles/navbar.css @@ -3,7 +3,7 @@ ul { margin: 0; padding: 0; overflow: hidden; - background-color: #333; + background-color: rgb(0, 0, 0); position: fixed; top: 0; width: 100%; @@ -22,11 +22,11 @@ ul { } li a:hover:not(.active) { - background-color: #111; + background-color: #080753; } .active { - background-color: #04AA6D; + background-color: #1100ff; } body{ margin: 0px; diff --git a/assets/styles/titillium_web_font.css b/assets/styles/titillium_web_font.css index 02f546f..b9603b0 100644 --- a/assets/styles/titillium_web_font.css +++ b/assets/styles/titillium_web_font.css @@ -16,7 +16,7 @@ } p { - font-family: 'titillium_webbold', Arial, sans-serif; + font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; } \ No newline at end of file diff --git a/blog.html b/blog.html new file mode 100644 index 0000000..8f89133 --- /dev/null +++ b/blog.html @@ -0,0 +1,59 @@ + + + + Blog + + + + + + + + + + + + + + + + +
+ + + +
+

Blog I guess

+
+ +
+
+
+

Hello World

+
First Blog Post, Nov 23, 2022
+
+

This Blog will have update notes and other things.

+
+
+
+
+

About Me

+

I like playing Bloons Tower Defense and coding

+
+
+

Follow Me

+

Nothing Here Yet

+
+
+
+ +
+

No Footer Yet

+
+ + \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..ceccd47 --- /dev/null +++ b/contact.html @@ -0,0 +1,29 @@ + + + + Contact Us + + + + + + + + + + + + + + + + +
+ + + \ No newline at end of file diff --git a/index.html b/index.html index 1c3dfaf..fcd5126 100644 --- a/index.html +++ b/index.html @@ -15,23 +15,23 @@ - lin +
- -
-
-
-   - Mark Zuckerberg -

   Welcome to my Website.

- - + +
+
+
+   + Geometry Tools Ga +

   Welcome to my Website.

+ + \ No newline at end of file diff --git a/sitemap.html b/sitemap.html index 596e41d..3f33b4a 100644 --- a/sitemap.html +++ b/sitemap.html @@ -15,16 +15,20 @@ +
-

Click an image to go to its corresponding page.

+
+
+
+

Click an image to go to its corresponding page.


    diff --git a/test.html b/test.html deleted file mode 100644 index fe31abc..0000000 --- a/test.html +++ /dev/null @@ -1,27 +0,0 @@ - - - - Test - - -

Pdf Test

-
- -
- - - \ No newline at end of file