708 lines
22 KiB
HTML
708 lines
22 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en-us"><head>
|
||
<meta charset="utf-8" />
|
||
<title>WTFxUS | Home</title>
|
||
|
||
<!-- mobile responsive meta -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
||
|
||
<meta name="author" content="Why They Fight">
|
||
|
||
<meta name="generator" content="Hugo 0.112.3">
|
||
|
||
<!-- Bootstrap -->
|
||
|
||
<link rel="stylesheet" href="https://home.whytheyfight.com/css/bootstrap.min.css" />
|
||
<!-- font-awesome -->
|
||
<link rel="stylesheet" href="https://home.whytheyfight.com/font-awesome/css/font-awesome.min.css" />
|
||
<!-- Main Stylesheets -->
|
||
|
||
<link href="https://home.whytheyfight.com/scss/style.min.css" rel="stylesheet" />
|
||
|
||
|
||
<link rel="shortcut icon" href="https://home.whytheyfight.com/images/favicon.png" type="image/x-icon" />
|
||
<link rel="icon" href="https://home.whytheyfight.com/images/favicon.ico" type="image/x-icon" />
|
||
</head><body><nav class="navbar navbar-expand-lg site-navigation">
|
||
<div class="container">
|
||
<a class="navbar-brand" href="https://home.whytheyfight.com">
|
||
<img src="https://home.whytheyfight.com/images/logo.png" alt="logo" />
|
||
</a>
|
||
<button
|
||
class="navbar-toggler collapsed"
|
||
type="button"
|
||
data-toggle="collapse"
|
||
data-target="#sitenavbar"
|
||
>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
</button>
|
||
|
||
<div class="collapse navbar-collapse" id="sitenavbar">
|
||
<ul class="navbar-nav ml-auto main-nav">
|
||
|
||
|
||
|
||
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="https://home.whytheyfight.com"
|
||
>Home</a
|
||
>
|
||
</li>
|
||
|
||
|
||
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="https://home.whytheyfight.com/about"
|
||
>About</a
|
||
>
|
||
</li>
|
||
|
||
|
||
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="https://home.whytheyfight.com/portfolio"
|
||
>Portfolio</a
|
||
>
|
||
</li>
|
||
|
||
|
||
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="https://blog.whytheyfight.com"
|
||
>Blog</a
|
||
>
|
||
</li>
|
||
|
||
|
||
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link btn btn-sm btn-primary btn-sm-rounded"
|
||
href="https://apps.whytheyfight.com"
|
||
>
|
||
<span class="btn-area">
|
||
<span data-text="Check out the beta!">
|
||
Check out the beta!
|
||
</span>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<main>
|
||
|
||
|
||
|
||
<!-- Site Hero Start -->
|
||
<section class="site-hero" style="background-image: url('images/backgrounds/wtfxus-background.jpg');">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-10 mx-auto">
|
||
<div class="site-hero-content text-center">
|
||
<h6>Welcome to WTFxUS</h6>
|
||
<h1>
|
||
We’re a record label based on all open-source projects!
|
||
</h1>
|
||
<ul class="site-hero-content-buttons">
|
||
<li>
|
||
<a href="https://home.whytheyfight.com/portfolio" class="btn btn-secondary">
|
||
<span class="btn-area">
|
||
<span data-text="See Our Works">
|
||
See Our Works
|
||
</span>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://home.whytheyfight.com/contact" class="btn btn-primary">
|
||
<span class="btn-area">
|
||
<span data-text="Connect with Us">
|
||
Connect with Us
|
||
</span>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a href="#counter" class="site-hero-scroll scroll-to">
|
||
<img src="https://home.whytheyfight.com/images/arrow-down.svg" alt="arrow-down">
|
||
</a>
|
||
</section>
|
||
<!-- Site Hero End -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<section class="site-counter" id="counter">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="section-title">
|
||
<h2 class="text-white">CHECK OUT OUR RELEASE STATS!</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-3 col-md-6">
|
||
<div class="site-counter-item">
|
||
<span class="site-counter-item-title">Singles Released</span>
|
||
<h3 class="site-counter-item-number">5+</h3>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-3 col-md-6">
|
||
<div class="site-counter-item">
|
||
<span class="site-counter-item-title">Albums Released</span>
|
||
<h3 class="site-counter-item-number">5+</h3>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-3 col-md-6">
|
||
<div class="site-counter-item">
|
||
<span class="site-counter-item-title">Number of Artists</span>
|
||
<h3 class="site-counter-item-number">3+</h3>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-3 col-md-6">
|
||
<div class="site-counter-item">
|
||
<span class="site-counter-item-title">Seconds of Audio Released</span>
|
||
<h3 class="site-counter-item-number">775+</h3>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
<section class="site-project" id="project">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="section-title">
|
||
<h2>OUR RECENT WORKS</h2>
|
||
<p>Our latest releases</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-6 col-md-10 mx-auto">
|
||
<div class="site-project-item">
|
||
<div class="site-project-item-thumb">
|
||
<img src="https://home.whytheyfight.com/images/projects/fakefriends.jpg" alt="project-thumb">
|
||
</div>
|
||
<div class="site-project-item-content">
|
||
<span>PRODUCT LABEL</span>
|
||
<h3>Fake Friends by crystalculture</h3>
|
||
<a href="https://home.whytheyfight.com/portfolio/fakefriends/" class="read-more">view project</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-6 col-md-10 mx-auto">
|
||
<div class="site-project-item">
|
||
<div class="site-project-item-thumb">
|
||
<img src="https://home.whytheyfight.com/images/projects/justlisten.jpg" alt="project-thumb">
|
||
</div>
|
||
<div class="site-project-item-content">
|
||
<span>PRODUCT LABEL</span>
|
||
<h3>Just Listen by Why They Fight</h3>
|
||
<a href="https://home.whytheyfight.com/portfolio/just-listen/" class="read-more">view project</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12 text-center text-lg-left">
|
||
<a href="portfolio" class="site-project-cta">MORE WORKS</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
<section class="site-testimonial">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="section-title">
|
||
<h2>
|
||
PROJECTS WE UTILIZE
|
||
</h2>
|
||
<p>
|
||
What open source projects we use here!
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/docker.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>Docker</h5>
|
||
<p>Apache v2.0</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We use Docker and Docker-Compose to self host our services!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/swag.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>SWAG</h5>
|
||
<p>Apache v2.0</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We use SWAG by Linuxserver.io as our reverse proxy!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/portainer.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>Portainer</h5>
|
||
<p>Zlib</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We use Portainer to manage our containers!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/hugo.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>Hugo</h5>
|
||
<p>Apache 2.0</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We use Hugo for our main home page!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/openldap.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>OpenLDAP</h5>
|
||
<p>MIT</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We use OpenLDAP as our user account backend!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/keycloak.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>OpenLDAP</h5>
|
||
<p>Apache 2.0</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We use Keycloak as our user account frontend!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/heimdall.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>Heimdall</h5>
|
||
<p>MIT</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We use Heimdall as our app landing page!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/forgejo.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>Forgejo</h5>
|
||
<p>MIT</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We use Forgejo as our Git pipeline!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/Funkwhale.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>Funkwhale</h5>
|
||
<p>GPL-3.0</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We use Funkwhale as a music server!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/ghost.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>Ghost</h5>
|
||
<p>MIT</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We use Ghost for our blog!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/matrix.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>Matrix</h5>
|
||
<p>Apache 2.0</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We use Matrix and Element for encrypted chat!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/owncast.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>Owncast</h5>
|
||
<p>MIT</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We use Owncast for our company related broadcasts!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/peertube.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>Peertube</h5>
|
||
<p>AGPL 3.0</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We use Peertube for our video hosting and streaming server!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/pixelfed.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>Pixelfed</h5>
|
||
<p>AGPL 3.0</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We provide a Pixelfed server!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/mastodon.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>Mastodon</h5>
|
||
<p>AGPL 3.0</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We provide a Mastodon server!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/plausible.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>Plausible</h5>
|
||
<p>MIT</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We use Plausible for anonymous website statistics!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/vaultwarden.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>Vaultwarden</h5>
|
||
<p>AGPL 3.0</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We use Vaultwarden for password management!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="site-testimonial-item">
|
||
<div class="site-testimonial-item-header">
|
||
<div class="thumb">
|
||
<img src="https://home.whytheyfight.com/images/logos/nextcloud.png" alt="user-thumb-one">
|
||
</div>
|
||
<div class="person">
|
||
<h5>Nextcloud</h5>
|
||
<p>AGPL 3.0</p>
|
||
</div>
|
||
</div>
|
||
<p class="site-testimonial-item-body">
|
||
"We use Nextcloud for our cloud storage!"
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
<section class="site-cta" style='background-image: url("https://home.whytheyfight.com/images/backgrounds/cta-background.jpg");'>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12 text-center">
|
||
<h1 class="site-cta-title">LET’S WORK TOGETHER</h1>
|
||
<ul class="site-cta-buttons">
|
||
<li>
|
||
<a href="https://home.whytheyfight.com/contact" class="btn btn-secondary">
|
||
<span class="btn-area">
|
||
<span data-text="Submit Query">
|
||
Submit Query
|
||
</span>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://home.whytheyfight.com/portfolio" class="btn btn-primary">
|
||
<span class="btn-area">
|
||
<span data-text="Not Convinced">
|
||
Not Convinced
|
||
</span>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
</main><footer class="site-footer">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="site-footer-logo"><a href="https://home.whytheyfight.com"><img src="https://home.whytheyfight.com/images/logo-footer.png" alt="logo-footer"></a></div>
|
||
</div>
|
||
|
||
<div class="col-lg-3 col-md-6">
|
||
<div class="site-footer-widget">
|
||
<h5 class="site-footer-widget-title">Contact Info</h5>
|
||
<p class="site-footer-widget-description">
|
||
|
||
<br>
|
||
<a href="tel:"></a>
|
||
<br>
|
||
<a href="mailto:support@whytheyfight.com">support@whytheyfight.com</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="col-lg-2 col-md-6">
|
||
<div class="site-footer-widget">
|
||
<h5 class="site-footer-widget-title">Sitemap</h5>
|
||
<ul class="site-footer-widget-links">
|
||
|
||
<li><a href="https://home.whytheyfight.com/about">About WTFxUS</a></li>
|
||
|
||
<li><a href="https://home.whytheyfight.com/portfolio">Projects</a></li>
|
||
|
||
<li><a href="https://blog.whytheyfight.com">Blog</a></li>
|
||
|
||
<li><a href="https://home.whytheyfight.com/contact">Contact</a></li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="col-lg-2 col-md-6">
|
||
<div class="site-footer-widget">
|
||
<h5 class="site-footer-widget-title">Social Media</h5>
|
||
<ul class="site-footer-widget-links">
|
||
|
||
<li><a href="https://social.whytheyfight.com">Mastodon</a></li>
|
||
|
||
<li><a href="https://music.whytheyfight.com">Funkwhale</a></li>
|
||
|
||
<li><a href="https://discord.whytheyfight.com">Discord</a></li>
|
||
|
||
<li><a href="https://blog.whytheyfight.com">Blog</a></li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="col-lg-3 col-md-6">
|
||
<div class="site-footer-widget">
|
||
<h5 class="site-footer-widget-title">We help artists:</h5>
|
||
<p class="site-footer-widget-description">
|
||
develop music<br>in an open source environment<br>safe from third party tracking
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-2 col-12">
|
||
<a href="#top" class="site-footer-widget-top">
|
||
<img src="https://home.whytheyfight.com/images/to-top.svg" alt="back-to-top">
|
||
<p>
|
||
I want to
|
||
<br>
|
||
visit again
|
||
</p>
|
||
</a>
|
||
</div>
|
||
<div class="col-12">
|
||
<div class="site-footer-copyright">
|
||
<p>© Copyright 2023 - All Rights Reserved by <a href="https://staticmania.com/" target="_blank">StaticMania</a> </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
|
||
|
||
<script src="https://home.whytheyfight.com/js/vendor.min.js"></script>
|
||
|
||
<script src="https://home.whytheyfight.com/js/script.min.js"></script></body>
|
||
</html>
|