From fa79b13c7e93fb14e4faac54c753b8d7b999be9b Mon Sep 17 00:00:00 2001 From: Jacob Nicked <95031835+jacobnicked@users.noreply.github.com> Date: Thu, 8 Feb 2024 16:26:37 +0100 Subject: [PATCH] Add files via upload --- index.html | 52 ++++++++++++++++++++------- style.css | 101 ++++++++++++++++++++++++++++++++++++++++++++--------- 2 files changed, 124 insertions(+), 29 deletions(-) diff --git a/index.html b/index.html index 45379cc..342ddaf 100644 --- a/index.html +++ b/index.html @@ -5,6 +5,7 @@ Jacob Nicked + @@ -13,8 +14,9 @@ AI-generated profile picture!

Jacob Nicked

+
- Home + Home About me Contact me! My social media @@ -22,20 +24,44 @@

Jacob Nicked

Mastodon Twitter
-
-

Expected final release: 2024-2025

- - -

I am updating this website when I am able to!

-
- +
+

Expected final release: 2024-2025

+ +

I'll be updating this website when I am able to!

+
+ +
+ + +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rutrum, erat a consequat feugiat, turpis lacus fermentum dui, vitae viverra arcu elit consectetur felis. Suspendisse sit amet leo ac ante dignissim facilisis. Aliquam eleifend in purus nec tristique. Nam non erat dictum, maximus turpis in, convallis orci. Praesent volutpat tellus suscipit metus pharetra, id commodo est malesuada. Duis vehicula tincidunt metus. Ut malesuada malesuada velit a pellentesque. Nulla porta, lacus sed pellentesque accumsan, eros enim sodales eros, tempus hendrerit nibh purus id leo. Curabitur sollicitudin est non tortor mollis dignissim. Praesent feugiat orci vitae sem molestie, id pulvinar augue varius.

+
+
+ +
+
+

Until I do not figure out how put the final footer at the bottom of the page, it'll either be unavailable or not work correctly

+
+ +
-
- Copyright © Jacob Nicked 2024 -
+ \ No newline at end of file diff --git a/style.css b/style.css index 4aa8daf..d7200f2 100644 --- a/style.css +++ b/style.css @@ -1,22 +1,24 @@ body { font-family: Arial, Helvetica, sans-serif; + background-color:rgb(255, 225, 225); + min-height: 100vh; + position: relative } .custom-body { - font-family: Arial, sans-serif; margin: 15px; padding: 0; margin-top: 0px; } .title { - font-family: Arial; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; margin-left: 20px; } p { - font-family: Arial; - font-size: 20px; + font-family: Calibri; + font-size: 22px; } .top { @@ -26,8 +28,9 @@ p { } .pfp { - height: 50px; - width: auto; + max-height: 50px; + max-width: auto; + border-radius: 5px; /*margin-left: 15px; margin-top: 15px; margin-bottom: 15px;*/ @@ -38,6 +41,7 @@ p { background-color: #333; overflow: hidden; width: 100%; + border-radius: 5px; /*margin-left: 15px; margin-right: 15px;*/ } @@ -47,29 +51,94 @@ p { font-size: 15px; color: white; text-align: center; - padding: 20px 25px; + padding: 15px 25px; text-decoration: none; } .navbar #github-btn { float: right; } +/* The end of navbar */ -.main { +main { text-align: left; padding-top: 25px; padding-bottom: 25px; padding-left: 75px; padding-right: 75px; } -/* The end of navbar */ -.footer { - background-color:blanchedalmond; - overflow: hidden; - padding: 20px; - font-family: Arial; - font-size: 15px; - text-align: center; +/* Articles */ +.articles-container { + display: flex; + flex-wrap: wrap; + justify-content: space-between; } + /*Article*/ + article { + background-color: #ffffff; + padding: 25px; + margin-bottom: 10px; + border-radius: 10px; + width: 45%; + } + + /*article:last-child { + margin-bottom: 0; + }*/ + + article h3 { + margin-top: 5px; + } + + article p { + margin-top: 1px; + font-size: 18px; + } + /* The end of article */ + + a { + text-decoration: none; + color: darkslategray; + } + + /*VENUS*/ + .VENUS { + font-family: 'Cinzel'; + font-weight: bold; + float: left; + font-size: 105%; + } + + .VENUS h3 { + font-weight: bolder; + font-size: 120%; + } + + .VENUS_thecover { + max-height: 240px; + max-width: auto; + border-radius: 2%; + margin-left: 15%; + } + + /*article 2*/ + .loremipsum { + float: right; + } +/*The end of the articles*/ + + + +footer { + position: absolute; + left: 0; + right: 0; + background-color: darkslategray; + padding: 25px; + text-align: center; + font-family: 'Courier New', Courier, monospace; + font-weight: bold; + color: white; +} \ No newline at end of file