initial commit

master
maxfromwtf 2 years ago
parent 22699305ab
commit 3cb231a3a5
  1. 144
      about.html
  2. 239
      contact.html
  3. 10041
      css/bootstrap-4.3.1.css
  4. 10038
      css/maxbootstrap-4.3.1.css
  5. 86
      home.html
  6. BIN
      images/.DS_Store
  7. BIN
      images/140X140.gif
  8. BIN
      images/200x200.gif
  9. BIN
      images/35X35.gif
  10. BIN
      images/400x400.gif
  11. BIN
      images/TwitchGlitchBlackOps.png
  12. BIN
      images/blacklogo.png
  13. BIN
      images/card-img.png
  14. BIN
      images/white logo
  15. BIN
      images/wtfus.gif
  16. BIN
      images/wtfxus.jpg
  17. 83
      index.html
  18. 2
      ip/example-index.php
  19. 2
      ip/index.php
  20. BIN
      js/.DS_Store
  21. 4435
      js/bootstrap-4.3.1.js
  22. 2
      js/jquery-3.3.1.min.js
  23. 2
      js/jquery-3.5.1.min.js
  24. 5
      js/popper.min.js
  25. 52
      maxfromwtf.html

@ -0,0 +1,144 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="images/blacklogo.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About | WTFxUS</title>
<!-- Bootstrap -->
<link href="css/bootstrap-4.3.1.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<img height="40" src="images/white logo">
<a class="navbar-brand" href="#">WTFxUS</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="home.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://open.spotify.com/playlist/1Eu0OT5741DZAkePkyeFYQ?si=FJ5LvDEDTeK4h9rZ6kipZw" rel="noopener noreferrer" target="_blank">Music</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://blog.whytheyfight.com" rel="noopener noreferrer" target="_blank">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Shop</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="https://twitch.whytheyfight.com">Twitch</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item active" href="about.html">About Us <span class="sr-only">(current)</span></a>
<a class="dropdown-item" href="contact.html">Contact Us</a>
</div>
</li>
</ul>
</div>
</nav>
<section>
<div class="jumbotron text-center mt-2">
<div class="container">
<div class="row">
<div class="col-12">
<img height="300" src="images/blacklogo.png">
<h1>About WTFxUS</h1><br>
<p>Why They Fight is a DIY independent music label. <br> We aim to eventually provide services to artists of all kinds<br>in an effort to help collaboration<br>using open source software.</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-lg-12 mb-4 mt-2 text-center">
<h2>ABOUT US</h2>
</div>
</div>
</div>
<div class="container ">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12 text-center offset-xl-4">
<br><img class="rounded-circle" alt="140x140" style="width: 140px; height: 140px;" src="images/140X140.gif" data-holder-rendered="true">
<br><br><h3>Max Barksdale</h3>
<p>Musician turned self-hosted sys admin.</p>
</div>
</div> </section><hr>
<section>
<div class="container">
<div class="row">
<div class="col-12 mb-2 text-center">
<br><h2>OUR SERVICES</h2><br>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-lg-4 aligncenter">
<br><h3>WTFxUS Cloud</h3><br>
<p> Self-hosted Dropbox-like alternative utilizing Nextcloud available to artists and members.</p>
<p><a class="btn btn-link" href="https://cloud.whytheyfight.com" rel="noopener noreferrer" target="_blank">View details »</a></p>
</div>
<div class="col-sm-6 col-lg-4 aligncenter">
<br><h3>Password Protection</h3><br>
<p> Encrypted password vault using Bitwarden available to artists and members. </p>
<p><a class="btn btn-link" href="https://keys.whytheyfight.com" rel="noopener noreferrer" target="_blank">View details »</a></p>
</div>
<div class="col-sm-6 col-lg-4 aligncenter">
<br><h3>Electronic Business Card</h3><br>
<p> Custom made Linktree-like business card to share all of your favorite links.</p>
<p><a class="btn btn-link" href="https://whytheyfight.com/maxfromwtf" rel="noopener noreferrer" target="_blank">View example »</a></p>
</div>
<div class="col-sm-6 col-lg-4 aligncenter">
<br><h3>Blog Features</h3><br>
<p> <em class="icon-desktop "></em> Featured new releases on our music blog.</p>
<p><a class="btn btn-link" href="https://blog.whytheyfight.com/music" rel="noopener noreferrer" target="_blank">View details »</a></p>
</div>
<div class="col-sm-6 col-lg-4 aligncenter">
<br><h3>VIP Access</h3><br>
<p> VIP Access to our Minecraft and Discord servers.</p>
<p><a class="btn btn-link" href="https://discord.whytheyfight.com" rel="noopener noreferrer" target="_blank">View details »</a></p>
</div>
<div class="col-sm-6 col-lg-4 aligncenter">
<br><h3>Meeting Rooms</h3><br>
<p> Private Zoom-like conference rooms available for artists and members.</p>
<p><a class="btn btn-link" href="https://live.whytheyfight.com" rel="noopener noreferrer" target="_blank">View example »</a></p>
</div>
</div>
</div>
</div>
</section><hr>
<section>
<div class="container">
<div class="row">
<div class="col-12 text-center"> <br><br>
<h1>Powered by Open Source!</h1><br>
<p>Most of our services are<br>freely available software<br>on the internet.<br><br>You could host all of this yourself<br>and in the future, we aim<br>to provide resources through our blog<br>on how you can do all of this yourself!<br><br>All code for this site is available <br><a href="https://github.com/maxfromwtf">here on Github!</a><br><br>
<br><br><br>
</div>
</div>
</div>
</section>
<br>
<br>
<footer class="text-center">
<div class="container">
<div class="row">
<div class="col-12">
<p>Copyright © Why They Fight <br> All rights reserved</p>
</div>
</div>
</div>
</footer>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.3.1.js"></script>
</body>
</html>

@ -0,0 +1,239 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Contact | WTFxUS</title>
<link rel="icon" href="images/blacklogo.png">
<!-- Bootstrap -->
<link href="css/bootstrap-4.3.1.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<img height="40" src="images/white logo">
<a class="navbar-brand" href="#">WTFxUS</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="home.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://open.spotify.com/playlist/1Eu0OT5741DZAkePkyeFYQ?si=FJ5LvDEDTeK4h9rZ6kipZw" rel="noopener noreferrer" target="_blank">Music</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://blog.whytheyfight.com" rel="noopener noreferrer" target="_blank">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Shop</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="https://twitch.whytheyfight.com">Twitch</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="about.html">About Us</a>
<a class="dropdown-item active" href="contact.html">Contact Us <span class="sr-only">(current)</span></a>
</div>
</li>
</ul>
<!-- <form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form> -->
</div>
</nav>
<header>
<div class="jumbotron">
<div class="container">
<div class="row">
<div class="col-12">
<h1 class="text-center">Contact Us!</h1> <br>
<p class="text-center">We will have a contact form soon <br> but for now please send all related emails to <br>support@whytheyfight.com</p>
<!-- <p>&nbsp;</p>
<p class="text-center"><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a> </p> -->
</div>
</div>
</div>
</div>
</header>
<!-- <section>
<div class="container">
<div class="row">
<div class="col-lg-12 mb-4 mt-2 text-center">
<h2>ABOUT US</h2>
</div>
</div>
</div>
<div class="container ">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12 text-center">
<img class="rounded-circle" alt="140x140" style="width: 140px; height: 140px;" src="images/140X140.gif" data-holder-rendered="true">
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 text-center">
<img class="rounded-circle" alt="140x140" style="width: 140px; height: 140px;" src="images/140X140.gif" data-holder-rendered="true">
<h3>Lorem ipsum dolor</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 text-center">
<img class="rounded-circle" alt="140x140" style="width: 140px; height: 140px;" src="images/140X140.gif" data-holder-rendered="true">
<h3>Lorem ipsum dolor</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 text-center">
<img class="rounded-circle" alt="140x140" style="width: 140px; height: 140px;" src="images/140X140.gif" data-holder-rendered="true">
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 text-center">
<img class="rounded-circle" alt="140x140" style="width: 140px; height: 140px;" src="images/140X140.gif" data-holder-rendered="true">
<h3>Lorem ipsum dolor</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 text-center">
<img class="rounded-circle" alt="140x140" style="width: 140px; height: 140px;" src="images/140X140.gif" data-holder-rendered="true">
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</div>
</div>
<div class="row">
<div class="col-sm-12 mt-4 mb-2 text-center">
<h2>TESTIMONIALS</h2>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-lg-6">
<blockquote class="blockquote">
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></small>
</blockquote>
</div>
<div class="col-sm-6 col-lg-6">
<blockquote class="blockquote">
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></small>
</blockquote>
</div>
<div class="col-sm-6 col-lg-6">
<blockquote class="blockquote">
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></small>
</blockquote>
</div>
<div class="col-sm-6 col-lg-6">
<blockquote class="blockquote">
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></small>
</blockquote>
</div>
</div>
</div>
<div class="jumbotron">
<div class="container">
<div class="row">
<div class="text-center col-md-8 col-12 mx-auto">
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, praesentium, autem, veritatis error quidem eos fuga atque asperiores magnam deleniti necessitatibus sequi</p>
</div>
</div>
<div class="row">
<div class="col-sm-4 col-auto mx-auto"> <a class="btn btn-block btn-lg btn-success" href="#" title="">Sign up now!</a> </div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-12 mb-2 text-center">
<h2>OUR SERVICES</h2>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-lg-4">
<h3>Feature Description</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt impedit est voluptatem doloremque architecto corporis suscipit quidem ratione! Quis laborum nam optio dolorem doloremque ex nobis quibusdam ad quo dolores? </p>
<p><a class="btn btn-link" href="http://www.adobe.com">View details »</a></p>
</div>
<div class="col-sm-6 col-lg-4">
<h3>Feature Description</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate, illo, libero esse assumenda culpa consequatur exercitationem beatae odio praesentium nihil iste ipsum reiciendis pariatur. Recusandae, reiciendis quidem eaque aut ab. </p>
<p><a class="btn btn-link" href="http://www.adobe.com">View details »</a></p>
</div>
<div class="col-sm-6 col-lg-4">
<h3>Feature Description</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, adipisci recusandae veniam laudantium distinctio temporibus eveniet dolorum earum iusto veritatis provident ducimus minima dolore quas vel omnis cumque voluptas quibusdam.</p>
<p><a class="btn btn-link" href="http://www.adobe.com">View details »</a></p>
</div>
<div class="col-sm-6 col-lg-4">
<h3>Feature Description</h3>
<p> <em class="icon-desktop "></em> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, earum rem nostrum provident repellat inventore laborum deleniti quas facere Quasi impedit autem qui cupiditate modi vero vitae dolorum nisi explicabo ea dolores animi. Inventore, omnis.</p>
<p><a class="btn btn-link" href="http://www.adobe.com">View details »</a></p>
</div>
<div class="col-sm-6 col-lg-4">
<h3>Feature Description</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, iure, perspiciatis, ab ad quia animi esse repudiandae tempore quisquam dolorem sequi voluptatum qui fugiat. Quasi impedit autem qui cupiditate iusto?</p>
<p><a class="btn btn-link" href="http://www.adobe.com">View details »</a></p>
</div>
<div class="col-sm-6 col-lg-4">
<h3>Feature Description</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, aut, hic laudantium reprehenderit sapiente nemo consequatur corrupti accusantium! Hic, non rerum nihil reprehenderit excepturi explicabo error tempore aliquam eveniet odit.</p>
<p><a class="btn btn-link" href="http://www.adobe.com">View details »</a></p>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-12 col-md-8 mx-auto">
<div class="jumbotron">
<div class="row text-center">
<div class="text-center col-12">
<h2>Request a free quote</h2>
</div>
<div class="text-center col-12">
<!-- CONTACT FORM https://github.com/jonmbake/bootstrap3-contact-form -->
<!-- <form id="feedbackForm" class="text-center">
<div class="form-group">
<label for="name">Name</label>
<input type="text" class="form-control" id="name" name="name" placeholder="Name" aria-describedby="nameHelp">
<span id="nameHelp" class="form-text text-muted" style="display: none;">Please enter your name.</span>
</div>
<div class="form-group">
<label for="email">E-Mail</label>
<input type="email" class="form-control" id="email" name="email" placeholder="Email Address" aria-describedby="emailHelp">
<span id="emailHelp" class="form-text text-muted" style="display: none;">Please enter a valid e-mail address.</span>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea rows="10" cols="100" class="form-control" id="message" name="message" placeholder="Message" aria-describedby="messageHelp"></textarea>
<span id="messageHelp" class="form-text text-muted" style="display: none;">Please enter a message.</span>
</div>
<button type="submit" id="feedbackSubmit" class="btn btn-primary btn-lg"> Send</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div> -->
<footer class="text-center">
<div class="container">
<div class="row">
<div class="col-12">
<p>Copyright © Why They Fight <br> All rights reserved</p>
</div>
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.5.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.3.1.js"></script>
</body>
</html>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

@ -0,0 +1,86 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home | WTFxUS</title>
<!-- Bootstrap -->
<link href="css/bootstrap-4.3.1.css" rel="stylesheet">
<link rel="icon" href="images/blacklogo.png">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<img height="40" src="images/white logo">
<a class="navbar-brand" href="#">WTFxUS</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://open.spotify.com/playlist/1Eu0OT5741DZAkePkyeFYQ?si=FJ5LvDEDTeK4h9rZ6kipZw" rel="noopener noreferrer" target="_blank">Music</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://blog.whytheyfight.com" rel="noopener noreferrer" target="_blank">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Shop</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="https://twitch.whytheyfight.com">Twitch</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="about.html">About Us</a>
<a class="dropdown-item" href="contact.html">Contact Us</a>
</div>
</li>
</ul>
</div>
</nav>
<section>
<div class="jumbotron text-center mt-2">
<div class="container">
<div class="row">
<div class="col-12">
<img height="300" src="images/blacklogo.png">
<h1>WTFxUS</h1>
<p>a DIY independent record label</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-12 text-center"> <br>
<h1>Welcome!</h1><br>
<p>We're still working on<br>putting this site together;<br>so it might be a minute<br>before we launch the shop.<br><br>In the meantime,<br> please click around and check out<br>some of our current features like our <br><a href="https://twitch.whytheyfight.com">Twitch Open Source Music Distribution Label</a><br>and keep up with our <a href="https://blog.whytheyfight.com">blog</a><br>for more updates!<br><br>Love each other!</p>Max<br><br>
<br><br><br>
</div>
</div>
</div>
</section>
<footer class="text-center">
<div class="container">
<div class="row">
<div class="col-12">
<p>Copyright © Why They Fight <br> All rights reserved</p>
</div>
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.5.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.3.1.js"></script>
</body>
</html>

BIN
images/.DS_Store vendored

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 485 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 712 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 570 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 899 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

@ -0,0 +1,83 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<title>~ WTFxUS ~</title>
<link rel="icon" href="images/blacklogo.png">
<style>
body, html {
height: 100%;
margin: 0;
font: 400 15px/1.8 "Lato", sans-serif;
color: #777;
}
.bgimg-1, .bgimg-2, .bgimg-3 {
position: relative;
opacity: 0.65;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bgimg-1 {
background-image: url("images/wtfxus.jpg");
height: 100%;
}
.caption {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
color: #000;
}
.caption span.border {
background-color: #111;
color: #fff;
padding: 18px;
font-size: 25px;
letter-spacing: 10px;
}
h3 {
letter-spacing: 5px;
text-transform: uppercase;
font: 20px "Lato", sans-serif;
color: #111;
}
</style>
</head>
<body>
<div class="bgimg-1">
<div class="caption">
<span class="border">WTFxUS</span>
<br>
<br>
<a href="home.html"><span class="border">ENTER</span></a>
</div>
</div>
<div id="table">
<table cellspacing="75" style="padding:10px 10px" align="center">
<tr>
<h2>
<td><a href="home.html">Home</a></td>
<td><a href="https://open.spotify.com/playlist/1Eu0OT5741DZAkePkyeFYQ?si=FJ5LvDEDTeK4h9rZ6kipZw" rel="noopener noreferrer" target="_blank">Music</a></td>
<td><a href="https://twitch.whytheyfight.com">Twitch</a></td>
<td>Shop</td>
<td><a href="https://blog.whytheyfight.com" rel="noopener noreferrer" target="_blank">Blog</a></td>
<td><a href="about.html">About</a></td>
<td><a href="contact.html">Contact Us</a></td>
</h2>
</tr>
</table>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>

@ -0,0 +1,2 @@
<?php $ip = $_SERVER['REMOTE_ADDR']; ?>
<?php print $ip; ?>

@ -0,0 +1,2 @@
<?php $ip = $_SERVER['REMOTE_ADDR']; ?>
<?php print $ip; ?>

BIN
js/.DS_Store vendored

Binary file not shown.

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

5
js/popper.min.js vendored

File diff suppressed because one or more lines are too long

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Max | WTFxUS</title>
<link rel="icon" href="images/blacklogo.png">
<!-- Bootstrap -->
<link href="css/maxbootstrap-4.3.1.css" rel="stylesheet">
</head>
<body>
<header>
<div class="jumbotron">
<div class="container">
<div class="row">
<div class="col-12">
<center><img height="100" width="100" src="/images/blacklogo.png"></center>
<h1 class="text-center">@maxfromwtf</h1>
<p class="text-center">- Vegan - Musician - Yogi -<br>- Nonbinary - </p>
</div>
</div>
</div>
</div>
</header>
<div class="container"><p class="text-center"><a class="btn btn-primary btn-lg" href="https://whytheyfight.com" role="button" rel="noopener noreferrer" target="_blank">WTFxUS</a> </p> </div>
<br>
<div class="container"><p class="text-center"><a class="btn btn-primary btn-lg" href="https://www.kickstarter.com/projects/1660363304/sinsations-a-bl-yaoi-visual-novel?ref=discovery&term=sinsations" role="button" rel="noopener noreferrer" target="_blank">Sinsations Kickstarter</a> </p> </div>
<br>
<br>
<div class="container"><p class="text-center"><a class="btn btn-primary btn-lg" href="https://twitch.whytheyfight.com" role="button" rel="noopener noreferrer" target="_blank">Twitch</a> </p> </div>
<br>
<div class="container"><p class="text-center"><a class="btn btn-primary btn-lg" href="https://open.spotify.com/playlist/1Eu0OT5741DZAkePkyeFYQ?si=FJ5LvDEDTeK4h9rZ6kipZw" role="button" rel="noopener noreferrer" target="_blank">Spotify</a> </p> </div> <br>
<div class="container"><p class="text-center"><a class="btn btn-primary btn-lg" href="https://discord.whytheyfight.com" role="button" rel="noopener noreferrer" target="_blank">Discord</a> </p> </div>
<br>
<div class="container"><p class="text-center"><a class="btn btn-primary btn-lg" href="https://blog.whytheyfight.com" role="button" rel="noopener noreferrer" target="_blank">Blog</a> </p> </div>
<br>
<footer class="text-center">
<div class="container">
<div class="row">
<div class="col-12">
</div>
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.5.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.3.1.js"></script>
</body>
</html>
Loading…
Cancel
Save