styling test

PadjokeJ · Oct 27, 2024 · 6cf25b7 · 6cf25b7
1 parent c50abee
commit 6cf25b7
Show file tree

Hide file tree

Showing 2 changed files with 69 additions and 2 deletions.
diff --git a/wiki/index.html b/wiki/index.html
@@ -1,12 +1,32 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <p><a href="https://padjokej.github.io"><img src="https://padjokej.github.io/images/pfp.png" width="64"></a><h1>WIKI</h1></p>
+    <div id = "top-title">
+        <div id="header-titles">
+            <p>
+                <a href="https://padjokej.dev"> 
+
+                    <div id="header-image"> 
+                        <img src="https://avatars.githubusercontent.com/u/145267541" width="128"> 
+                    </div> 
+                </a> 
+
+                <h1 id="text-color">
+                    WIKIES
+                </h1> 
+            </p>
+
+            <link rel="stylesheet" href="wiki.css">
+        </div>
+    </div>
+
     </head>
 
+
+
     <body>
         <p>
-          <a href="https://padjokej.github.io/wiki/tealeaf/" >Tealeaf</a>
+            <a href="https://padjokej.github.io/wiki/tealeaf/" >Tealeaf</a>
         </p>
     </body>
 </html>
diff --git a/wiki/wiki.css b/wiki/wiki.css
@@ -0,0 +1,47 @@
+body
+{
+    margin: 0;
+    background: rgb(36, 44, 44);
+
+    text-align: left;
+}
+
+#text-color
+{
+    color : rgb(142, 167, 167)
+}
+
+img 
+{
+    border-radius: 5% 10% 50%;
+}
+
+#tip-title
+{
+    font-size:4.5vw;
+    margin-bottom:10%;
+}
+
+#top-title
+{
+    text-transform:capitalize;
+    line-height:normal;
+    text-align:left;
+}
+
+#header-titles
+{
+    width:100%;
+    margin-left:0;
+    text-align: left;
+    float: left;
+}
+
+#header-image
+{
+    width:20%;
+    margin-right: 16px;
+    margin-bottom: 32px;
+    text-align:left;
+    float: left;
+}