lily/WTFxUS
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

adding linktree

Browse source
This commit is contained in:
max 2023-02-02 06:13:00 +00:00
parent 31db7e3838
commit 6efc835617
5 changed files with 87 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
css/index.css
View file

@ -2,8 +2,7 @@ body, html {
height: 100%;
margin: 0;
font: 400 15px/1.8 "Lato", sans-serif;
color: #777;
}
color: #777;}
.bgimg-1, .bgimg-2, .bgimg-3 {
position: relative;
@ -11,13 +10,11 @@ body, html {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bgimg-1 {
background-image: url("/images/blacklogo.png");
height: 100%;
}
.caption {
position: absolute;
left: 0;
@ -26,7 +23,6 @@ body, html {
text-align: center;
color: #000;
}
.caption span.border {
background-color: #111;
color: #fff;
@ -34,7 +30,6 @@ body, html {
font-size: 25px;
letter-spacing: 10px;
}
h3 {
letter-spacing: 5px;
text-transform: uppercase;
@ -49,7 +44,6 @@ body, html {
cursor: pointer;
display: inline-block;
}
.btn:hover {background: #eee;}
.home {color: green;}

45
css/maxfromwtf.css Normal file
View file

@ -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;
}

BIN
images/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.2 KiB

5
index.html
View file

@ -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>

22
maxfromwtf.html Normal file
View file

@ -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>