From 6efc8356175ced3b391efb898ce07d2c8575d601 Mon Sep 17 00:00:00 2001
From: max <max@whytheyfight.com>
Date: Thu, 2 Feb 2023 06:13:00 +0000
Subject: [PATCH] adding linktree

---
 css/index.css      |  36 +++++++++++++++---------------------
 css/maxfromwtf.css |  45 +++++++++++++++++++++++++++++++++++++++++++++
 images/favicon.ico | Bin 0 -> 2232 bytes
 index.html         |   5 +++++
 maxfromwtf.html    |  22 ++++++++++++++++++++++
 5 files changed, 87 insertions(+), 21 deletions(-)
 create mode 100644 css/maxfromwtf.css
 create mode 100644 images/favicon.ico
 create mode 100644 maxfromwtf.html

diff --git a/css/index.css b/css/index.css
index 13ec9b7..ca7dc77 100644
--- a/css/index.css
+++ b/css/index.css
@@ -2,23 +2,20 @@ body, html {
     height: 100%;
     margin: 0;
     font: 400 15px/1.8 "Lato", sans-serif;
-    color: #777;
-  }
+    color: #777;}
   
-  .bgimg-1, .bgimg-2, .bgimg-3 {
+.bgimg-1, .bgimg-2, .bgimg-3 {
     position: relative;
     opacity: 0.65;
     background-position: center;
     background-repeat: no-repeat;
-    background-size: cover;
-  
+    background-size: cover;  
   }
-  .bgimg-1 {
+.bgimg-1 {
     background-image: url("/images/blacklogo.png");
     height: 100%;
   }
-  
-  .caption {
+.caption {
     position: absolute;
     left: 0;
     top: 50%;
@@ -26,22 +23,20 @@ body, html {
     text-align: center;
     color: #000;
   }
-  
-  .caption span.border {
+.caption span.border {
     background-color: #111;
     color: #fff;
     padding: 18px;
     font-size: 25px;
     letter-spacing: 10px;
   }
-  
-  h3 {
+h3 {
     letter-spacing: 5px;
     text-transform: uppercase;
     font: 20px "Lato", sans-serif;
     color: #111;
   }
-  .btn {
+.btn {
     border: none;
     background-color: inherit;
     padding: 14px 28px;
@@ -49,12 +44,11 @@ body, html {
     cursor: pointer;
     display: inline-block;
   }
+.btn:hover {background: #eee;}
   
-  .btn:hover {background: #eee;}
-  
-  .home {color: green;}
-  .login {color: rgb(233, 87, 238);}
-  .music {color: rgb(255, 190, 70);}
-  .blog {color: rgb(0, 217, 255);}
-  .discord {color: black;}
-  .git {color: rgb(230, 68, 68);}
\ No newline at end of file
+.home {color: green;}
+.login {color: rgb(233, 87, 238);}
+.music {color: rgb(255, 190, 70);}
+.blog {color: rgb(0, 217, 255);}
+.discord {color: black;}
+.git {color: rgb(230, 68, 68);}
\ No newline at end of file
diff --git a/css/maxfromwtf.css b/css/maxfromwtf.css
new file mode 100644
index 0000000..668283b
--- /dev/null
+++ b/css/maxfromwtf.css
@@ -0,0 +1,45 @@
+body {
+    background: rgb(255, 125, 175);
+    color: #fff;
+    font-family: 'Open Sans', sans-serif;
+    font-size: 15px;
+    letter-spacing: 2px;
+    }
+img {
+    border-radius: 50%;
+    }
+.profile-picture {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 10%;
+    height: auto;
+    max-width: 100px;
+    }
+.links {
+    text-align: center;
+    margin-top: 20px;
+    padding: 20px;
+    border: 1px solid white;
+    border-width: 2px;
+    width: 290px;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    border-radius: 40px;
+    }
+a {
+    text-decoration: none;
+    color: white;
+    transition: color 1s;
+    }
+.bottom-text {
+    text-align: center;
+    margin-top: 40px;
+    font-size: 20px;
+    font-weight: bold;
+    }
+a:hover {
+    color: #000;
+    background: #fff;
+    }
\ No newline at end of file
diff --git a/images/favicon.ico b/images/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..0486a96ca035331db01111cc5fd0a3ee7c1bb646
GIT binary patch
literal 2232
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
GLSTZ#7#suu

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 30dd716..858f930 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,12 @@
 <!DOCTYPE html>
 <html>
 <head>
+<title>~WTFxUS~</title>
+<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
 <link rel="stylesheet" href="/css/index.css">
+<meta charset="UTF-8">
+<meta name="description" content="WTFxUS Landing Page">
+<meta name="keywords" content="WTFxUS, Record label, independent, diy">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 <body>
diff --git a/maxfromwtf.html b/maxfromwtf.html
new file mode 100644
index 0000000..3cab36d
--- /dev/null
+++ b/maxfromwtf.html
@@ -0,0 +1,22 @@
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="/css/maxfromwtf.css">
+<title>Links | WTFxUS</title>
+</head>
+<body>
+<!-- Profile picture-->
+<img src="/images/white logo.png" alt="profile picture" class="profile-picture">
+<!-- Profile name-->
+<div class="profile-name">@maxfromwtf</div>
+<!-- Links-->
+<a href="https://whytheyfight.com" class="links">WTFxUS</a>
+<a href="https://open.spotify.com/playlist/1Eu0OT5741DZAkePkyeFYQ?si=5f9e7f899aab487e" class="links">Music</a>
+<a href="https://discord.whytheyfight.com" class="links">Discord</a>
+<a href="https://max.whytheyfight.com" class="links">Personal Blog (Coming Soon)</a>
+<a href="https://social.whytheyfight.com" class="links">Mastodon (Coming Soon)</a>
+<!-- Logo -->
+<div class="bottom-text">Links | WTFxUS</div>
+</body>
+</html>
\ No newline at end of file