first commit

This commit is contained in:
max 2023-07-02 21:26:24 +00:00
commit 93939cc942
410 changed files with 24661 additions and 0 deletions

0
README.md Normal file
View file

6
archetypes/default.md Normal file
View file

@ -0,0 +1,6 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---

131
config.toml Normal file
View file

@ -0,0 +1,131 @@
baseURL = "https://home.whytheyfight.com"
languageCode = "en-us"
title = "WTFxUS | Home"
theme = "roxo-hugo"
summarylength = 25
# Site Menus
[menu]
# Navbar Menus
[[menu.nav]]
name = "Home"
url = "https://home.whytheyfight.com"
weight = 1
[[menu.nav]]
name = "About"
url = "about"
weight = 2
[[menu.nav]]
name = "Portfolio"
url = "portfolio"
weight = 3
[[menu.nav]]
name = "Blog"
url = "https://blog.whytheyfight.com"
weight = 4
[[menu.nav]]
name = "Check out the beta!"
url = "https://apps.whytheyfight.com"
weight = 5
# Site Params
[params]
logo = "images/logo.png"
dateFormat = "26 FEB 1994"
# Meta data
description = "WTFxUS | An open source record label"
author = "Why They Fight"
# Google Analitycs
#googleAnalitycsID = "Your ID"
# We're using formspree.io for form handling, paste your formspree url below
fabform = "https://fabform.io/f/3jZiNxY"
# Contact Form
[params.contactForm]
placeholder_first_name = "First Name"
placeholder_last_name = "Last Name"
placeholder_email = "Email"
placeholder_project_type = "Project Type"
placeholder_about_the_project = "About the Project"
send_message = "Send Message"
[[params.contactForm.projectType]]
value = "gd"
title = "Music Related"
[[params.contactForm.projectType]]
value = "wd"
title = "Web Design/Hosting"
# Navbar Action Button
[params.navAction]
status = true
name = "Check out the beta!"
url = "https://beta.whytheyfight.com"
# Banner Section
[params.banner]
enable = true
background_image = "images/backgrounds/wtfxus-background.jpg"
heading = "Were a record label based on all open-source projects!"
tagline = "Welcome to WTFxUS"
primary_button = "See Our Works"
primary_button_url = "portfolio"
secondary_button = "Connect with Us"
secondary_button_url = "contact"
[params.portfolio]
enable = true
title = "OUR RECENT WORKS"
subtitle = "Our latest releases"
[params.call_to_action]
enable = true
background_image = "images/backgrounds/cta-background.jpg"
title = "LETS WORK TOGETHER"
primary_button = "Submit Query"
primary_button_url = "contact"
secondary_button = "Not Convinced"
secondary_button_url = "portfolio"
[params.footer]
# Footer Contact Info
[params.footer.contactInfo]
title = "Contact Info"
email = "support@whytheyfight.com"
# address = "713 Elmwood St.<br>Prior Lake, MN 55372"
# phone = "409-896-1444"
# Footer Sitemap
[params.footer.sitemap]
title = "Sitemap"
[[params.footer.sitemap.link]]
name = "About WTFxUS"
url = "about"
[[params.footer.sitemap.link]]
name = "Projects"
url = "portfolio"
[[params.footer.sitemap.link]]
name = "Blog"
url = "https://blog.whytheyfight.com"
[[params.footer.sitemap.link]]
name = "Contact"
url = "contact"
# Footer Social Media
[params.footer.social]
title = "Social Media"
[[params.footer.social.link]]
name = "Mastodon"
url = "https://social.whytheyfight.com"
[[params.footer.social.link]]
name = "Funkwhale"
url = "https://music.whytheyfight.com"
[[params.footer.social.link]]
name = "Discord"
url = "https://discord.whytheyfight.com"
[[params.footer.social.link]]
name = "Blog"
url = "https://blog.whytheyfight.com"
# Footer Service
[params.footer.service]
title = "We help artists:"
description = "develop music<br>in an open source environment<br>safe from third party tracking"

8
content/about/_index.md Normal file
View file

@ -0,0 +1,8 @@
---
title: "About Us"
date: 2018-07-12T18:19:33+06:00
heading : "WE ARE WHY THEY FIGHT. AN OPEN SOURCE RECORD LABEL FROM DENVER."
description : "We are specialized in developing music in an open source way free from third party tracking and advertising. We also provide a portal for anyone to get involved in the Fediverse."
expertise_title: "Expertise"
expertise_sectors: ["Recording Services", "Data Hosting", "Mixing and Mastering Services", "Branding Support", "Music Production", "Web Design", "Self Hosting"]
---

View file

@ -0,0 +1,36 @@
---
title: "Design Inspiration: The Best Projects From December"
date: 2019-12-24T13:45:06+06:00
image: images/blog/blog-post-04.jpg
feature_image: images/blog/blog-details-image.jpg
author: Alexender Schoitiz
---
### Black Lines brand identity, by & Smith
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
![blog-details-image-02](https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg)
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
> Paul Rand, graphic designer

View file

@ -0,0 +1,37 @@
---
title: "Design Inspiration: The Best Projects From November"
date: 2019-12-24T13:36:06+06:00
image: images/blog/blog-post-02.jpg
feature_image: images/blog/blog-details-image.jpg
author: Alexender Schoitiz
---
### Black Lines brand identity, by & Smith
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
![blog-details-image-02](https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg)
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
> Paul Rand, graphic designer

View file

@ -0,0 +1,36 @@
---
title: "Pt Chooses Classic Blue for Its Colour of the Year 2020"
date: 2019-12-24T13:32:54+06:00
image: images/blog/blog-post-03.jpg
feature_image: images/blog/blog-details-image.jpg
author: Alexender Schoitiz
---
### Black Lines brand identity, by & Smith
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
![blog-details-image-02](https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg)
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
> Paul Rand, graphic designer

View file

@ -0,0 +1,37 @@
---
title: "The 10 Biggest Rebrands and Logo Designs of 2019"
date: 2019-12-24T13:40:00+06:00
image: images/blog/blog-post-01.jpg
feature_image: images/blog/blog-details-image.jpg
author: Alexender Schoitiz
---
### Black Lines brand identity, by & Smith
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
![blog-details-image-02](https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg)
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
> Paul Rand, graphic designer

6
content/blog/_index.md Normal file
View file

@ -0,0 +1,6 @@
---
title : "Roxo Blog"
date : 2019-12-23T20:17:01+06:00
description : "By fusing strategy & design we help our partners build their brands, drive business, & stand out from the noise in saturated markets! Follow our blog for the latest case studies and projects."
---

View file

@ -0,0 +1,36 @@
---
title: "The 10 Biggest Product Stories of 2019"
date: 2019-12-24T12:58:17+06:00
image: images/blog/blog-post-04.jpg
feature_image: images/blog/blog-details-image.jpg
author: Alexender Schoitiz
---
### Black Lines brand identity, by & Smith
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
![blog-details-image-02](https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg)
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
> Paul Rand, graphic designer

View file

@ -0,0 +1,7 @@
---
title : "Contact"
date : 2019-12-23T20:17:01+06:00
heading : "Dont be shy. Say <span>Hello.</span>"
form_heading : "TELL US ABOUT YOUR PROJECT"
---

View file

@ -0,0 +1,16 @@
---
title: "Just Listen by Why They Fight"
date: 2013-06-07T20:56:42+06:00
type: portfolio
image: "images/projects/justlisten.jpg"
category: ["PRODUCT LABEL"]
project_images: ["images/projects/justlisten.jpg"]
---
Just Listen was released by Why They Fight on June 7th, 2013.
FFA: The Maine, All Time Low, Emo, Pop-punk.
Available for [streaming](https://distrokid.com/hyperfollow/whytheyfight/efN6)!

View file

@ -0,0 +1,4 @@
---
title: "Portfolio | WTFxUS"
date: 2019-12-23T16:48:28+06:00
---

View file

@ -0,0 +1,16 @@
---
title: "Fake Friends by crystalculture"
date: 2019-12-23T20:56:42+06:00
type: portfolio
image: "images/projects/fakefriends.jpg"
category: ["PRODUCT LABEL"]
project_images: ["images/projects/fakefriends.jpg"]
---
Fake Friends was released by Crystalculture on April 20th, 2023.
FFA: Hyperpop, 100 Gecs, Umru, Laura Les.
Available for [streaming](https://distrokid.com/hyperfollow/crystalculture/fake-friends)!

3
data/clients.yml Normal file
View file

@ -0,0 +1,3 @@
enable : true
title : "Projects we utilize"
client_logos : ["images/logos/docker.png","images/logos/swag.png","images/logos/portainer.png","images/logos/hugo.png","images/logos/openldap.png","images/logos/keycloak.png","images/logos/heimdall.png","images/logos/forgejo.png","images/logos/funkwhale.png","images/logos/ghost.png","images/logos/matrix.png","images/logos/owncast.png","images/logos/peertube.png","images/logos/pixelfed.png","images/logos/mastodon.png","images/logos/plausible.png","images/logos/vaultwarden.png","images/logos/nextcloud.png",]

13
data/contact.yml Normal file
View file

@ -0,0 +1,13 @@
enable : true
contactFormTitle : CONTACT US
contactFormSubtitle : >
Feel free to send us any questions you might have!
mapTitle : FIND US
mapSubtitle : >
Here is our support email!
mail1 : support@whytheyfight.com
#officeAddress1 : 125, Kings Street, Melbourne United Kingdom,600562
#officeAddress2 : 925, Lab Street, San Fransisco, United State 90278
#mail2 : info@timer.com
#phone1: +07 052 245 022
#phone2: +07 052 245 025

14
data/counter.yml Normal file
View file

@ -0,0 +1,14 @@
enable : true
heading : "CHECK OUT OUR RELEASE STATS!"
counter_item:
- title: "Singles Released"
number: "5"
- title: "Albums Released"
number: "5"
- title: "Number of Artists"
number: "3"
- title: "Seconds of Audio Released"
number: "775"

34
data/feature.yml Normal file
View file

@ -0,0 +1,34 @@
enable : true
title : Offer From Me
subtitle: >
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, <br> quasi dolores numquam dolor vero ex, tempora commodi repellendus quod laborum.
item :
- icon : ion-ios-flask-outline
title : Media heading
description : >
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
- icon : ion-ios-lightbulb-outline
title : Well documented.
description : >
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
- icon : ion-ios-americanfootball-outline
title : Free updates
description : >
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
- icon : ion-ios-keypad-outline
title : Solid Support
description : >
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
- icon : ion-ios-barcode-outline
title : Simple Installation
description : >
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
- icon : ion-ios-lightbulb-outline
title : Well documented.
description : >
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.

8
data/gallery.yml Normal file
View file

@ -0,0 +1,8 @@
enable : true
galleryImages :
- image : images/portfolio/item-1.jpg
- image : images/portfolio/item-2.jpg
- image : images/portfolio/item-3.jpg
- image : images/portfolio/item-4.jpg
- image : images/portfolio/item-5.jpg
- image : images/portfolio/item-6.jpg

24
data/service.yml Normal file
View file

@ -0,0 +1,24 @@
enable : true
title : WHAT WE LOVE TO DO
subtitle: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis porro recusandae non quibusdam iure adipisci.
image : images/team.jpg
serviceItem :
- icon : ion-ios-paper-outline
title : BRANDING
description: >
Veritatis eligendi, dignissimos. Porta fermentum mus aute pulvinar earum minus platea massa feugiat rutrum urna facilisi ipsameum
- icon : ion-ios-pint-outline
title : DESIGN
description: >
Veritatis eligendi, dignissimos. Porta fermentum mus aute pulvinar earum minus platea massa feugiat rutrum urna facilisi ipsameum
- icon : ion-ios-paper-outline
title : DEVELOPMENT
description: >
Veritatis eligendi, dignissimos. Porta fermentum mus aute pulvinar earum minus platea massa feugiat rutrum urna facilisi ipsameum
- icon : ion-ios-paper-outline
title : THEMEING
description: >
Veritatis eligendi, dignissimos. Porta fermentum mus aute pulvinar earum minus platea massa feugiat rutrum urna facilisi ipsameum

9
data/team.yml Normal file
View file

@ -0,0 +1,9 @@
enable : true
title : Team that makes the difference.
members :
- image : images/team/max.jpg
name : Max Barksdale
designation : Creative Director
#linktree : https://www.whytheyfight.com/maxfromwtf
instagram : https://www.instagram.com/maxfromwtf
#mastodon : https://social.whytheyfight.com/@max

111
data/testimonial.yml Normal file
View file

@ -0,0 +1,111 @@
enable : true
title : "PROJECTS WE UTILIZE"
subtitle: "What open source projects we use here!"
testimonial_item :
- thumb : "images/logos/docker.png"
name : "Docker"
company_position: "Apache v2.0"
quote : >
"We use Docker and Docker-Compose to self host our services!"
- thumb : "images/logos/swag.png"
name : "SWAG"
company_position: "Apache v2.0"
quote : >
"We use SWAG by Linuxserver.io as our reverse proxy!"
- thumb : "images/logos/portainer.png"
name : "Portainer"
company_position: "Zlib"
quote : >
"We use Portainer to manage our containers!"
- thumb : "images/logos/hugo.png"
name : "Hugo"
company_position: "Apache 2.0"
quote : >
"We use Hugo for our main home page!"
- thumb : "images/logos/openldap.png"
name : "OpenLDAP"
company_position: "MIT"
quote : >
"We use OpenLDAP as our user account backend!"
- thumb : "images/logos/keycloak.png"
name : "OpenLDAP"
company_position: "Apache 2.0"
quote : >
"We use Keycloak as our user account frontend!"
- thumb : "images/logos/heimdall.png"
name : "Heimdall"
company_position: "MIT"
quote : >
"We use Heimdall as our app landing page!"
- thumb : "images/logos/forgejo.png"
name : "Forgejo"
company_position: "MIT"
quote : >
"We use Forgejo as our Git pipeline!"
- thumb : "images/logos/Funkwhale.png"
name : "Funkwhale"
company_position: "GPL-3.0"
quote : >
"We use Funkwhale as a music server!"
- thumb : "images/logos/ghost.png"
name : "Ghost"
company_position: "MIT"
quote : >
"We use Ghost for our blog!"
- thumb : "images/logos/matrix.png"
name : "Matrix"
company_position: "Apache 2.0"
quote : >
"We use Matrix and Element for encrypted chat!"
- thumb : "images/logos/owncast.png"
name : "Owncast"
company_position: "MIT"
quote : >
"We use Owncast for our company related broadcasts!"
- thumb : "images/logos/peertube.png"
name : "Peertube"
company_position: "AGPL 3.0"
quote : >
"We use Peertube for our video hosting and streaming server!"
- thumb : "images/logos/pixelfed.png"
name : "Pixelfed"
company_position: "AGPL 3.0"
quote : >
"We provide a Pixelfed server!"
- thumb : "images/logos/mastodon.png"
name : "Mastodon"
company_position: "AGPL 3.0"
quote : >
"We provide a Mastodon server!"
- thumb : "images/logos/plausible.png"
name : "Plausible"
company_position: "MIT"
quote : >
"We use Plausible for anonymous website statistics!"
- thumb : "images/logos/vaultwarden.png"
name : "Vaultwarden"
company_position: "AGPL 3.0"
quote : >
"We use Vaultwarden for password management!"
- thumb : "images/logos/nextcloud.png"
name : "Nextcloud"
company_position: "AGPL 3.0"
quote : >
"We use Nextcloud for our cloud storage!"

317
public/about/index.html Normal file
View file

@ -0,0 +1,317 @@
<!DOCTYPE html>
<html lang="en-us"><head>
<meta charset="utf-8" />
<title>About Us</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>
<section class="site-about-header">
<div class="container">
<div class="row">
<div class="col-12">
<div class="site-about-wrapper">
<div class="site-about-company">
<h1>
WE ARE WHY THEY FIGHT. AN OPEN SOURCE RECORD LABEL FROM DENVER.
</h1>
</div>
<div class="site-about-description">
<p>
We are specialized in developing music in an open source way free from third party tracking and advertising. We also provide a portal for anyone to get involved in the Fediverse.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="site-expertise">
<div class="container">
<div class="row">
<div class="col-md-5">
<div class="section-title">
<h2>Expertise</h2>
</div>
</div>
<div class="col-md-6">
<ul class="site-expertise-list">
<li>Recording Services</li>
<li>Data Hosting</li>
<li>Mixing and Mastering Services</li>
<li>Branding Support</li>
<li>Music Production</li>
<li>Web Design</li>
<li>Self Hosting</li>
</ul>
</div>
</div>
</div>
</section>
<section class="site-team">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title">
<h2>
Team that makes the difference.
</h2>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="site-team-member">
<div class="site-team-member-image">
<img src="https://home.whytheyfight.com/images/team/max.jpg" alt="team-member">
</div>
<div class="site-team-member-content">
<h3>Max Barksdale</h3>
<p>Creative Director</p>
<ul class="site-team-member-social">
<li><a href="https://home.whytheyfight.com"><i class="fa fa-medium"></i></a></li>
<li><a href="https://home.whytheyfight.com"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://www.instagram.com/maxfromwtf"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
</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">LETS 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>

11
public/about/index.xml Normal file
View file

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>About Us on WTFxUS | Home</title>
<link>https://home.whytheyfight.com/about/</link>
<description>Recent content in About Us on WTFxUS | Home</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<lastBuildDate>Thu, 12 Jul 2018 18:19:33 +0600</lastBuildDate><atom:link href="https://home.whytheyfight.com/about/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

View file

@ -0,0 +1,267 @@
<!DOCTYPE html>
<html lang="en-us"><head>
<meta charset="utf-8" />
<title>Design Inspiration: The Best Projects From December</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>
<section class="site-blog details">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<article class="site-blog-details">
<p><span>December 24, 2019</span> by <span>Alexender Schoitiz</span></p>
<h2 class="blog-title">Design Inspiration: The Best Projects From December</h2>
<img class="feature-image" src="https://home.whytheyfight.com/images/blog/blog-details-image.jpg" alt="blog-feature-image">
<h3 id="black-lines-brand-identity-by--smith">Black Lines brand identity, by &amp; Smith</h3>
<p>Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.</p>
<ol>
<li>ROFL means Rolling on floor laughing.</li>
<li>STFU means Shut the <em>freak</em> up.</li>
<li>LMK means Let me know.</li>
<li>ILY means I love you.</li>
<li>YOLO means You only live once.</li>
<li>SMH means Shaking my head.</li>
</ol>
<p>The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio &amp; Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to &amp; Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.</p>
<ol>
<li>ROFL means Rolling on floor laughing.</li>
<li>STFU means Shut the <em>freak</em> up.</li>
<li>LMK means Let me know.</li>
<li>ILY means I love you.</li>
<li>YOLO means You only live once.</li>
<li>SMH means Shaking my head.</li>
</ol>
<p><img src="https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg" alt="blog-details-image-02"></p>
<p>Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.</p>
<blockquote>
<p>&ldquo;The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring.&rdquo;</p>
</blockquote>
<blockquote>
<p>Paul Rand, graphic designer</p>
</blockquote>
</article>
</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">LETS 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>

View file

@ -0,0 +1,267 @@
<!DOCTYPE html>
<html lang="en-us"><head>
<meta charset="utf-8" />
<title>Design Inspiration: The Best Projects From November</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>
<section class="site-blog details">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<article class="site-blog-details">
<p><span>December 24, 2019</span> by <span>Alexender Schoitiz</span></p>
<h2 class="blog-title">Design Inspiration: The Best Projects From November</h2>
<img class="feature-image" src="https://home.whytheyfight.com/images/blog/blog-details-image.jpg" alt="blog-feature-image">
<h3 id="black-lines-brand-identity-by--smith">Black Lines brand identity, by &amp; Smith</h3>
<p>Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.</p>
<ol>
<li>ROFL means Rolling on floor laughing.</li>
<li>STFU means Shut the <em>freak</em> up.</li>
<li>LMK means Let me know.</li>
<li>ILY means I love you.</li>
<li>YOLO means You only live once.</li>
<li>SMH means Shaking my head.</li>
</ol>
<p>The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio &amp; Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to &amp; Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.</p>
<ol>
<li>ROFL means Rolling on floor laughing.</li>
<li>STFU means Shut the <em>freak</em> up.</li>
<li>LMK means Let me know.</li>
<li>ILY means I love you.</li>
<li>YOLO means You only live once.</li>
<li>SMH means Shaking my head.</li>
</ol>
<p><img src="https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg" alt="blog-details-image-02"></p>
<p>Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.</p>
<blockquote>
<p>&ldquo;The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring.&rdquo;</p>
</blockquote>
<blockquote>
<p>Paul Rand, graphic designer</p>
</blockquote>
</article>
</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">LETS 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>

343
public/blog/index.html Normal file
View file

@ -0,0 +1,343 @@
<!DOCTYPE html>
<html lang="en-us"><head>
<meta charset="utf-8" />
<title>Roxo Blog</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>
<section class="site-blog-header">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h1>Roxo Blog</h1>
<p>
By fusing strategy &amp; design we help our partners build their brands, drive business, &amp; stand out from the noise in saturated markets! Follow our blog for the latest case studies and projects.
</p>
</div>
</div>
</div>
</section>
<section class="site-blog">
<div class="container">
<div class="row">
<div class="col-lg-6">
<article class="site-blog-post">
<div class="site-blog-post-thumb">
<img src="https://home.whytheyfight.com/images/blog/blog-post-04.jpg" alt="post-thumb">
</div>
<div class="site-blog-post-content">
<span>December 24, 2019</span>
<h3><a href="https://home.whytheyfight.com/blog/design-inspiration-the-best-projects-from-december/">Design Inspiration: The Best Projects From December</a></h3>
<p>
Black Lines brand identity, by &amp; Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. ...
</p>
<a href="https://home.whytheyfight.com/blog/design-inspiration-the-best-projects-from-december/" class="read-more">read more</a>
</div>
</article>
</div>
<div class="col-lg-6">
<article class="site-blog-post">
<div class="site-blog-post-thumb">
<img src="https://home.whytheyfight.com/images/blog/blog-post-01.jpg" alt="post-thumb">
</div>
<div class="site-blog-post-content">
<span>December 24, 2019</span>
<h3><a href="https://home.whytheyfight.com/blog/the-10-biggest-rebrands-and-logo-designs-of-2019/">The 10 Biggest Rebrands and Logo Designs of 2019</a></h3>
<p>
Black Lines brand identity, by &amp; Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. ...
</p>
<a href="https://home.whytheyfight.com/blog/the-10-biggest-rebrands-and-logo-designs-of-2019/" class="read-more">read more</a>
</div>
</article>
</div>
<div class="col-lg-6">
<article class="site-blog-post">
<div class="site-blog-post-thumb">
<img src="https://home.whytheyfight.com/images/blog/blog-post-02.jpg" alt="post-thumb">
</div>
<div class="site-blog-post-content">
<span>December 24, 2019</span>
<h3><a href="https://home.whytheyfight.com/blog/design-inspiration-the-best-projects-from-november/">Design Inspiration: The Best Projects From November</a></h3>
<p>
Black Lines brand identity, by &amp; Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. ...
</p>
<a href="https://home.whytheyfight.com/blog/design-inspiration-the-best-projects-from-november/" class="read-more">read more</a>
</div>
</article>
</div>
<div class="col-lg-6">
<article class="site-blog-post">
<div class="site-blog-post-thumb">
<img src="https://home.whytheyfight.com/images/blog/blog-post-03.jpg" alt="post-thumb">
</div>
<div class="site-blog-post-content">
<span>December 24, 2019</span>
<h3><a href="https://home.whytheyfight.com/blog/pt-chooses-classic-blue-for-its-colour-of-the-year-2020/">Pt Chooses Classic Blue for Its Colour of the Year 2020</a></h3>
<p>
Black Lines brand identity, by &amp; Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. ...
</p>
<a href="https://home.whytheyfight.com/blog/pt-chooses-classic-blue-for-its-colour-of-the-year-2020/" class="read-more">read more</a>
</div>
</article>
</div>
<div class="col-12">
<div class="site-blog-pagination">
<ul class="pagination pagination-default">
<li class="page-item disabled">
<a aria-disabled="true" aria-label="First" class="page-link" role="button" tabindex="-1"><span aria-hidden="true">&laquo;&laquo;</span></a>
</li>
<li class="page-item disabled">
<a aria-disabled="true" aria-label="Previous" class="page-link" role="button" tabindex="-1"><span aria-hidden="true">&laquo;</span></a>
</li>
<li class="page-item active">
<a aria-current="page" aria-label="Page 1" class="page-link" role="button">1</a>
</li>
<li class="page-item">
<a href="/blog/page/2/" aria-label="Page 2" class="page-link" role="button">2</a>
</li>
<li class="page-item">
<a href="/blog/page/2/" aria-label="Next" class="page-link" role="button"><span aria-hidden="true">&raquo;</span></a>
</li>
<li class="page-item">
<a href="/blog/page/2/" aria-label="Last" class="page-link" role="button"><span aria-hidden="true">&raquo;&raquo;</span></a>
</li>
</ul>
</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">LETS 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>

56
public/blog/index.xml Normal file
View file

@ -0,0 +1,56 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Roxo Blog on WTFxUS | Home</title>
<link>https://home.whytheyfight.com/blog/</link>
<description>Recent content in Roxo Blog on WTFxUS | Home</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<lastBuildDate>Mon, 23 Dec 2019 20:17:01 +0600</lastBuildDate><atom:link href="https://home.whytheyfight.com/blog/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Design Inspiration: The Best Projects From December</title>
<link>https://home.whytheyfight.com/blog/design-inspiration-the-best-projects-from-december/</link>
<pubDate>Tue, 24 Dec 2019 13:45:06 +0600</pubDate>
<guid>https://home.whytheyfight.com/blog/design-inspiration-the-best-projects-from-december/</guid>
<description>Black Lines brand identity, by &amp;amp; Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager.</description>
</item>
<item>
<title>The 10 Biggest Rebrands and Logo Designs of 2019</title>
<link>https://home.whytheyfight.com/blog/the-10-biggest-rebrands-and-logo-designs-of-2019/</link>
<pubDate>Tue, 24 Dec 2019 13:40:00 +0600</pubDate>
<guid>https://home.whytheyfight.com/blog/the-10-biggest-rebrands-and-logo-designs-of-2019/</guid>
<description>Black Lines brand identity, by &amp;amp; Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager.</description>
</item>
<item>
<title>Design Inspiration: The Best Projects From November</title>
<link>https://home.whytheyfight.com/blog/design-inspiration-the-best-projects-from-november/</link>
<pubDate>Tue, 24 Dec 2019 13:36:06 +0600</pubDate>
<guid>https://home.whytheyfight.com/blog/design-inspiration-the-best-projects-from-november/</guid>
<description>Black Lines brand identity, by &amp;amp; Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager.</description>
</item>
<item>
<title>Pt Chooses Classic Blue for Its Colour of the Year 2020</title>
<link>https://home.whytheyfight.com/blog/pt-chooses-classic-blue-for-its-colour-of-the-year-2020/</link>
<pubDate>Tue, 24 Dec 2019 13:32:54 +0600</pubDate>
<guid>https://home.whytheyfight.com/blog/pt-chooses-classic-blue-for-its-colour-of-the-year-2020/</guid>
<description>Black Lines brand identity, by &amp;amp; Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager.</description>
</item>
<item>
<title>The 10 Biggest Product Stories of 2019</title>
<link>https://home.whytheyfight.com/blog/the-10-biggest-product-stories-of-2019/</link>
<pubDate>Tue, 24 Dec 2019 12:58:17 +0600</pubDate>
<guid>https://home.whytheyfight.com/blog/the-10-biggest-product-stories-of-2019/</guid>
<description>Black Lines brand identity, by &amp;amp; Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager.</description>
</item>
</channel>
</rss>

View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>https://home.whytheyfight.com/blog/</title>
<link rel="canonical" href="https://home.whytheyfight.com/blog/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://home.whytheyfight.com/blog/">
</head>
</html>

View file

@ -0,0 +1,289 @@
<!DOCTYPE html>
<html lang="en-us"><head>
<meta charset="utf-8" />
<title>Roxo Blog</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>
<section class="site-blog-header">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h1>Roxo Blog</h1>
<p>
By fusing strategy &amp; design we help our partners build their brands, drive business, &amp; stand out from the noise in saturated markets! Follow our blog for the latest case studies and projects.
</p>
</div>
</div>
</div>
</section>
<section class="site-blog">
<div class="container">
<div class="row">
<div class="col-lg-6">
<article class="site-blog-post">
<div class="site-blog-post-thumb">
<img src="https://home.whytheyfight.com/images/blog/blog-post-04.jpg" alt="post-thumb">
</div>
<div class="site-blog-post-content">
<span>December 24, 2019</span>
<h3><a href="https://home.whytheyfight.com/blog/the-10-biggest-product-stories-of-2019/">The 10 Biggest Product Stories of 2019</a></h3>
<p>
Black Lines brand identity, by &amp; Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. ...
</p>
<a href="https://home.whytheyfight.com/blog/the-10-biggest-product-stories-of-2019/" class="read-more">read more</a>
</div>
</article>
</div>
<div class="col-12">
<div class="site-blog-pagination">
<ul class="pagination pagination-default">
<li class="page-item">
<a href="/blog/" aria-label="First" class="page-link" role="button"><span aria-hidden="true">&laquo;&laquo;</span></a>
</li>
<li class="page-item">
<a href="/blog/" aria-label="Previous" class="page-link" role="button"><span aria-hidden="true">&laquo;</span></a>
</li>
<li class="page-item">
<a href="/blog/" aria-label="Page 1" class="page-link" role="button">1</a>
</li>
<li class="page-item active">
<a aria-current="page" aria-label="Page 2" class="page-link" role="button">2</a>
</li>
<li class="page-item disabled">
<a aria-disabled="true" aria-label="Next" class="page-link" role="button" tabindex="-1"><span aria-hidden="true">&raquo;</span></a>
</li>
<li class="page-item disabled">
<a aria-disabled="true" aria-label="Last" class="page-link" role="button" tabindex="-1"><span aria-hidden="true">&raquo;&raquo;</span></a>
</li>
</ul>
</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">LETS 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>

View file

@ -0,0 +1,267 @@
<!DOCTYPE html>
<html lang="en-us"><head>
<meta charset="utf-8" />
<title>Pt Chooses Classic Blue for Its Colour of the Year 2020</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>
<section class="site-blog details">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<article class="site-blog-details">
<p><span>December 24, 2019</span> by <span>Alexender Schoitiz</span></p>
<h2 class="blog-title">Pt Chooses Classic Blue for Its Colour of the Year 2020</h2>
<img class="feature-image" src="https://home.whytheyfight.com/images/blog/blog-details-image.jpg" alt="blog-feature-image">
<h3 id="black-lines-brand-identity-by--smith">Black Lines brand identity, by &amp; Smith</h3>
<p>Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.</p>
<ol>
<li>ROFL means Rolling on floor laughing.</li>
<li>STFU means Shut the <em>freak</em> up.</li>
<li>LMK means Let me know.</li>
<li>ILY means I love you.</li>
<li>YOLO means You only live once.</li>
<li>SMH means Shaking my head.</li>
</ol>
<p>The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio &amp; Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to &amp; Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.</p>
<ol>
<li>ROFL means Rolling on floor laughing.</li>
<li>STFU means Shut the <em>freak</em> up.</li>
<li>LMK means Let me know.</li>
<li>ILY means I love you.</li>
<li>YOLO means You only live once.</li>
<li>SMH means Shaking my head.</li>
</ol>
<p><img src="https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg" alt="blog-details-image-02"></p>
<p>Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.</p>
<blockquote>
<p>&ldquo;The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring.&rdquo;</p>
</blockquote>
<blockquote>
<p>Paul Rand, graphic designer</p>
</blockquote>
</article>
</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">LETS 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>

View file

@ -0,0 +1,267 @@
<!DOCTYPE html>
<html lang="en-us"><head>
<meta charset="utf-8" />
<title>The 10 Biggest Product Stories of 2019</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>
<section class="site-blog details">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<article class="site-blog-details">
<p><span>December 24, 2019</span> by <span>Alexender Schoitiz</span></p>
<h2 class="blog-title">The 10 Biggest Product Stories of 2019</h2>
<img class="feature-image" src="https://home.whytheyfight.com/images/blog/blog-details-image.jpg" alt="blog-feature-image">
<h3 id="black-lines-brand-identity-by--smith">Black Lines brand identity, by &amp; Smith</h3>
<p>Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.</p>
<ol>
<li>ROFL means Rolling on floor laughing.</li>
<li>STFU means Shut the <em>freak</em> up.</li>
<li>LMK means Let me know.</li>
<li>ILY means I love you.</li>
<li>YOLO means You only live once.</li>
<li>SMH means Shaking my head.</li>
</ol>
<p>The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio &amp; Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to &amp; Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.</p>
<ol>
<li>ROFL means Rolling on floor laughing.</li>
<li>STFU means Shut the <em>freak</em> up.</li>
<li>LMK means Let me know.</li>
<li>ILY means I love you.</li>
<li>YOLO means You only live once.</li>
<li>SMH means Shaking my head.</li>
</ol>
<p><img src="https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg" alt="blog-details-image-02"></p>
<p>Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.</p>
<blockquote>
<p>&ldquo;The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring.&rdquo;</p>
</blockquote>
<blockquote>
<p>Paul Rand, graphic designer</p>
</blockquote>
</article>
</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">LETS 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>

View file

@ -0,0 +1,267 @@
<!DOCTYPE html>
<html lang="en-us"><head>
<meta charset="utf-8" />
<title>The 10 Biggest Rebrands and Logo Designs of 2019</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>
<section class="site-blog details">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<article class="site-blog-details">
<p><span>December 24, 2019</span> by <span>Alexender Schoitiz</span></p>
<h2 class="blog-title">The 10 Biggest Rebrands and Logo Designs of 2019</h2>
<img class="feature-image" src="https://home.whytheyfight.com/images/blog/blog-details-image.jpg" alt="blog-feature-image">
<h3 id="black-lines-brand-identity-by--smith">Black Lines brand identity, by &amp; Smith</h3>
<p>Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.</p>
<ol>
<li>ROFL means Rolling on floor laughing.</li>
<li>STFU means Shut the <em>freak</em> up.</li>
<li>LMK means Let me know.</li>
<li>ILY means I love you.</li>
<li>YOLO means You only live once.</li>
<li>SMH means Shaking my head.</li>
</ol>
<p>The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio &amp; Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to &amp; Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.</p>
<ol>
<li>ROFL means Rolling on floor laughing.</li>
<li>STFU means Shut the <em>freak</em> up.</li>
<li>LMK means Let me know.</li>
<li>ILY means I love you.</li>
<li>YOLO means You only live once.</li>
<li>SMH means Shaking my head.</li>
</ol>
<p><img src="https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg" alt="blog-details-image-02"></p>
<p>Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.</p>
<blockquote>
<p>&ldquo;The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring.&rdquo;</p>
</blockquote>
<blockquote>
<p>Paul Rand, graphic designer</p>
</blockquote>
</article>
</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">LETS 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>

View file

@ -0,0 +1,189 @@
<!DOCTYPE html>
<html lang="en-us"><head>
<meta charset="utf-8" />
<title>Categories</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>
</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>

View file

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories on WTFxUS | Home</title>
<link>https://home.whytheyfight.com/categories/</link>
<description>Recent content in Categories on WTFxUS | Home</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language><atom:link href="https://home.whytheyfight.com/categories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

131
public/config.toml Normal file
View file

@ -0,0 +1,131 @@
baseURL = "http://home.whytheyfight.com"
languageCode = "en-us"
title = "WTFxUS | Home"
theme = "roxo-hugo"
summarylength = 25
# Site Menus
[menu]
# Navbar Menus
[[menu.nav]]
name = "Home"
url = "https://home.whytheyfight.com"
weight = 1
[[menu.nav]]
name = "About"
url = "about"
weight = 2
[[menu.nav]]
name = "Portfolio"
url = "portfolio"
weight = 3
[[menu.nav]]
name = "Blog"
url = "https://blog.whytheyfight.com"
weight = 4
[[menu.nav]]
name = "Check out the beta!"
url = "https://beta.whytheyfight.com"
weight = 5
# Site Params
[params]
logo = "images/logo.png"
dateFormat = "26 FEB 1994"
# Meta data
description = "Roxo Hugo themes | Design Agency Template by StaticMania"
author = "StaticMania"
# Google Analitycs
#googleAnalitycsID = "Your ID"
# We're using formspree.io for form handling, paste your formspree url below
fabform = "https://fabform.io/f/3jZiNxY"
# Contact Form
[params.contactForm]
placeholder_first_name = "First Name"
placeholder_last_name = "Last Name"
placeholder_email = "Email"
placeholder_project_type = "Project Type"
placeholder_about_the_project = "About the Project"
send_message = "Send Message"
[[params.contactForm.projectType]]
value = "gd"
title = "Graphics Design"
[[params.contactForm.projectType]]
value = "wd"
title = "Web Design"
# Navbar Action Button
[params.navAction]
status = true
name = "Get in touch"
url = "contact"
# Banner Section
[params.banner]
enable = true
background_image = "images/backgrounds/wtfxus-background.jpg"
heading = "Were a Design Studio That Belies In the Great Ideas"
tagline = "WE WORK HARD, WE PLAY HARD"
primary_button = "See Our Works"
primary_button_url = "portfolio"
secondary_button = "Connect with Us"
secondary_button_url = "contact"
[params.portfolio]
enable = true
title = "OUR RECENT WORKS"
subtitle = "Crafting experiences and seeking to make the complex clear & beautiful."
[params.call_to_action]
enable = true
background_image = "images/backgrounds/cta-background.jpg"
title = "LETS WORK TOGETHER"
primary_button = "Submit Query"
primary_button_url = "contact"
secondary_button = "Not Convinced"
secondary_button_url = "portfolio"
[params.footer]
# Footer Contact Info
[params.footer.contactInfo]
title = "Contact Info"
address = "713 Elmwood St.<br>Prior Lake, MN 55372"
phone = "409-896-1444"
email = "info@roxo.co"
# Footer Sitemap
[params.footer.sitemap]
title = "Sitemap"
[[params.footer.sitemap.link]]
name = "About Company"
url = "about"
[[params.footer.sitemap.link]]
name = "Projects"
url = "portfolio"
[[params.footer.sitemap.link]]
name = "Blog"
url = "blog"
[[params.footer.sitemap.link]]
name = "Contact"
url = "contact"
# Footer Social Media
[params.footer.social]
title = "Social Media"
[[params.footer.social.link]]
name = "Medium"
url = "#"
[[params.footer.social.link]]
name = "Behance"
url = "#"
[[params.footer.social.link]]
name = "Dribbble"
url = "#"
[[params.footer.social.link]]
name = "Instagram"
url = "#"
# Footer Service
[params.footer.service]
title = "We help brands:"
description = "develop design solutions<br>produce valuable cultural content<br>create fresh brand experience"

245
public/contact/index.html Normal file
View file

@ -0,0 +1,245 @@
<!DOCTYPE html>
<html lang="en-us"><head>
<meta charset="utf-8" />
<title>Contact</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>
<section class="site-contact">
<div class="container">
<div class="row">
<div class="col-lg-5">
<h1 class="site-contact-title">
Dont be shy. Say <span>Hello.</span>
</h1>
</div>
<div class="col-lg-6 ml-auto">
<div class="site-contact-form">
<h4>TELL US ABOUT YOUR PROJECT</h4>
<form id="contact-form" action="https://fabform.io/f/3jZiNxY" method="post">
<div class="row">
<div class="col-lg-6">
<input type="text" class="form-control" name="first-name" id="first-name" placeholder="First Name" required>
</div>
<div class="col-lg-6">
<input type="text" class="form-control" name="last-name" id="last-name" placeholder="Last Name" required>
</div>
<div class="col-lg-6">
<input type="email" class="form-control" name="email" id="email" placeholder="Email" required>
</div>
<div class="col-lg-6">
<div class="select-wrapper">
<select class="form-control" id="projectType" name="project-type" required>
<option value="" selected disabled hidden>Project Type</option>
<option value="gd">Music Related</option>
<option value="wd">Web Design/Hosting</option>
</select>
</div>
</div>
<div class="col-12">
<textarea class="form-control" id="aboutProject" name="about-project" rows="6" placeholder="About the Project"></textarea>
</div>
<div class="col-12">
<button formtarget="_blank" type="submit" class="btn btn-primary" id="contact-form-button">
<span class="btn-area">
<span data-text="Send Message">
Send Message
</span>
</span>
</button>
</div>
<p id="contact-form-status"></p>
</div>
</form>
</div>
</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>

11
public/contact/index.xml Normal file
View file

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Contact on WTFxUS | Home</title>
<link>https://home.whytheyfight.com/contact/</link>
<description>Recent content in Contact on WTFxUS | Home</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<lastBuildDate>Mon, 23 Dec 2019 20:17:01 +0600</lastBuildDate><atom:link href="https://home.whytheyfight.com/contact/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

View file

@ -0,0 +1,8 @@
---
title: "About Us"
date: 2018-07-12T18:19:33+06:00
heading : "WE ARE ROXO DESIGN. AN AWARD-WINNING CREATIVE STUDIO IN FLORIDA."
description : "We are specialized in developing forward-thinking brand identities, websites, illustration and animation for all types of customers. And we do this by bringing our customers through each phase of the design process with us."
expertise_title: "Expertise"
expertise_sectors: ["Customer Experience Design", "Digital Products", "Development", "Campaign & Content", "Employer Branding", "Animation & Motion Graphics", "Packaging & Product Design", "Retail & Spacial", "Print & Editorial Design", "Concept/Text", "Information Design"]
---

View file

@ -0,0 +1,36 @@
---
title: "Design Inspiration: The Best Projects From December"
date: 2019-12-24T13:45:06+06:00
image: images/blog/blog-post-04.jpg
feature_image: images/blog/blog-details-image.jpg
author: Alexender Schoitiz
---
### Black Lines brand identity, by & Smith
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
![blog-details-image-02](https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg)
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
> Paul Rand, graphic designer

View file

@ -0,0 +1,37 @@
---
title: "Design Inspiration: The Best Projects From November"
date: 2019-12-24T13:36:06+06:00
image: images/blog/blog-post-02.jpg
feature_image: images/blog/blog-details-image.jpg
author: Alexender Schoitiz
---
### Black Lines brand identity, by & Smith
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
![blog-details-image-02](https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg)
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
> Paul Rand, graphic designer

View file

@ -0,0 +1,36 @@
---
title: "Pt Chooses Classic Blue for Its Colour of the Year 2020"
date: 2019-12-24T13:32:54+06:00
image: images/blog/blog-post-03.jpg
feature_image: images/blog/blog-details-image.jpg
author: Alexender Schoitiz
---
### Black Lines brand identity, by & Smith
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
![blog-details-image-02](https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg)
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
> Paul Rand, graphic designer

View file

@ -0,0 +1,37 @@
---
title: "The 10 Biggest Rebrands and Logo Designs of 2019"
date: 2019-12-24T13:40:00+06:00
image: images/blog/blog-post-01.jpg
feature_image: images/blog/blog-details-image.jpg
author: Alexender Schoitiz
---
### Black Lines brand identity, by & Smith
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
![blog-details-image-02](https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg)
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
> Paul Rand, graphic designer

View file

@ -0,0 +1,6 @@
---
title : "Roxo Blog"
date : 2019-12-23T20:17:01+06:00
description : "By fusing strategy & design we help our partners build their brands, drive business, & stand out from the noise in saturated markets! Follow our blog for the latest case studies and projects."
---

View file

@ -0,0 +1,36 @@
---
title: "The 10 Biggest Product Stories of 2019"
date: 2019-12-24T12:58:17+06:00
image: images/blog/blog-post-04.jpg
feature_image: images/blog/blog-details-image.jpg
author: Alexender Schoitiz
---
### Black Lines brand identity, by & Smith
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
1. ROFL means Rolling on floor laughing.
2. STFU means Shut the *freak* up.
3. LMK means Let me know.
4. ILY means I love you.
5. YOLO means You only live once.
6. SMH means Shaking my head.
![blog-details-image-02](https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg)
Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
> Paul Rand, graphic designer

View file

@ -0,0 +1,7 @@
---
title : "Contact"
date : 2019-12-23T20:17:01+06:00
heading : "Dont be shy. Say <span>Hello.</span>"
form_heading : "TELL US ABOUT YOUR PROJECT"
---

View file

@ -0,0 +1,4 @@
---
title: "We build better <span>products</span> to help our clients build better <span>companies</span>"
date: 2019-12-23T16:48:28+06:00
---

View file

@ -0,0 +1,29 @@
---
title: "TESTING THIS PAGE"
date: 2019-12-23T20:56:42+06:00
type: portfolio
image: "images/projects/project-thumb-four.jpg"
category: ["PRODUCT LABEL"]
project_images: ["images/projects/project-details-image-one.jpg", "images/projects/project-details-image-two.jpg"]
---
The “Seamless Watch” watch has all the features that users expect in a digital watch, and some unusual features.
The watch has the following features:
Time and date displayed on the screen. Current time is in large numbers, date is in small numbers above it.
Light: Pressing the light button on the side of the watch activates a light while the button is pressed. Pressing and holding that button for 3 seconds turns on the light and keeps it on, until the button is held again for 3 seconds or up to 2 hours. After 2 hours, it will automatically turn off.
Alarm. A daily alarm may be set for a given time. The alarm may be enabled or disabled. When the alarm is enabled and the alarm time is reached, the watch will beep fast for 5 seconds, then slowly for 30 seconds, then fast for another 5 seconds. Pressing any button stops the alarm sound (in addition to performing its normal function).
Timer. Timer mode shows a count-up timer that starts at 00:00. When the timer is started, it counts up. Pressing the start/stop button will pause the timer, pressing it again continues counting up. Pressing and holding the button for 3 seconds resets the timer to 00:00 and stops counting.
Mystery answer. After entering this mode, the screen initially displays “ask now”. The user may ask a yes-or-no question aloud and press the start/stop button, this will display a randomly selected answer that is one of the following: “yeah”, “yeah right”, “no”, “no doubt”, “keep trying”, “keep dreaming”. Whenever the display has more than one word, only one word is displayed for 2 seconds, then the other word is displayed for 2 seconds, alternately. The answer is displayed until the user leaves this mode, or he/she presses start/stop again for a new answer.
Note: these strings are for the English version of the watch, we will need to use completely different strings in other countries without reprogramming the logic of the watch.
The user may cycle among all modes (date/time, timer, mystery answer) by pressing the mode button.

View file

@ -0,0 +1,28 @@
---
title: "KIO TAPE"
date: 2019-12-23T15:44:46+06:00
type: portfolio
image: "images/projects/project-thumb-four.jpg"
category: ["PRODUCT LABEL"]
project_images: ["images/projects/project-details-image-one.jpg", "images/projects/project-details-image-two.jpg"]
---
The “Seamless Watch” watch has all the features that users expect in a digital watch, and some unusual features.
The watch has the following features:
Time and date displayed on the screen. Current time is in large numbers, date is in small numbers above it.
Light: Pressing the light button on the side of the watch activates a light while the button is pressed. Pressing and holding that button for 3 seconds turns on the light and keeps it on, until the button is held again for 3 seconds or up to 2 hours. After 2 hours, it will automatically turn off.
Alarm. A daily alarm may be set for a given time. The alarm may be enabled or disabled. When the alarm is enabled and the alarm time is reached, the watch will beep fast for 5 seconds, then slowly for 30 seconds, then fast for another 5 seconds. Pressing any button stops the alarm sound (in addition to performing its normal function).
Timer. Timer mode shows a count-up timer that starts at 00:00. When the timer is started, it counts up. Pressing the start/stop button will pause the timer, pressing it again continues counting up. Pressing and holding the button for 3 seconds resets the timer to 00:00 and stops counting.
Mystery answer. After entering this mode, the screen initially displays “ask now”. The user may ask a yes-or-no question aloud and press the start/stop button, this will display a randomly selected answer that is one of the following: “yeah”, “yeah right”, “no”, “no doubt”, “keep trying”, “keep dreaming”. Whenever the display has more than one word, only one word is displayed for 2 seconds, then the other word is displayed for 2 seconds, alternately. The answer is displayed until the user leaves this mode, or he/she presses start/stop again for a new answer.
Note: these strings are for the English version of the watch, we will need to use completely different strings in other countries without reprogramming the logic of the watch.
The user may cycle among all modes (date/time, timer, mystery answer) by pressing the mode button.

View file

@ -0,0 +1,28 @@
---
title: "OSEN CLOCK"
date: 2019-12-23T15:56:43+06:00
type: portfolio
image: "images/projects/project-thumb-two.jpg"
category: ["PRODUCT DESIGN"]
project_images: ["images/projects/project-details-image-one.jpg", "images/projects/project-details-image-two.jpg"]
---
The “Seamless Watch” watch has all the features that users expect in a digital watch, and some unusual features.
The watch has the following features:
Time and date displayed on the screen. Current time is in large numbers, date is in small numbers above it.
Light: Pressing the light button on the side of the watch activates a light while the button is pressed. Pressing and holding that button for 3 seconds turns on the light and keeps it on, until the button is held again for 3 seconds or up to 2 hours. After 2 hours, it will automatically turn off.
Alarm. A daily alarm may be set for a given time. The alarm may be enabled or disabled. When the alarm is enabled and the alarm time is reached, the watch will beep fast for 5 seconds, then slowly for 30 seconds, then fast for another 5 seconds. Pressing any button stops the alarm sound (in addition to performing its normal function).
Timer. Timer mode shows a count-up timer that starts at 00:00. When the timer is started, it counts up. Pressing the start/stop button will pause the timer, pressing it again continues counting up. Pressing and holding the button for 3 seconds resets the timer to 00:00 and stops counting.
Mystery answer. After entering this mode, the screen initially displays “ask now”. The user may ask a yes-or-no question aloud and press the start/stop button, this will display a randomly selected answer that is one of the following: “yeah”, “yeah right”, “no”, “no doubt”, “keep trying”, “keep dreaming”. Whenever the display has more than one word, only one word is displayed for 2 seconds, then the other word is displayed for 2 seconds, alternately. The answer is displayed until the user leaves this mode, or he/she presses start/stop again for a new answer.
Note: these strings are for the English version of the watch, we will need to use completely different strings in other countries without reprogramming the logic of the watch.
The user may cycle among all modes (date/time, timer, mystery answer) by pressing the mode button.

View file

@ -0,0 +1,28 @@
---
title: "SEAMLESS WATCH"
date: 2019-12-23T15:55:44+06:00
type: portfolio
image: "images/projects/project-thumb-three.jpg"
category: ["REBRAND"]
project_images: ["images/projects/project-details-image-one.jpg", "images/projects/project-details-image-two.jpg"]
---
The “Seamless Watch” watch has all the features that users expect in a digital watch, and some unusual features.
The watch has the following features:
Time and date displayed on the screen. Current time is in large numbers, date is in small numbers above it.
Light: Pressing the light button on the side of the watch activates a light while the button is pressed. Pressing and holding that button for 3 seconds turns on the light and keeps it on, until the button is held again for 3 seconds or up to 2 hours. After 2 hours, it will automatically turn off.
Alarm. A daily alarm may be set for a given time. The alarm may be enabled or disabled. When the alarm is enabled and the alarm time is reached, the watch will beep fast for 5 seconds, then slowly for 30 seconds, then fast for another 5 seconds. Pressing any button stops the alarm sound (in addition to performing its normal function).
Timer. Timer mode shows a count-up timer that starts at 00:00. When the timer is started, it counts up. Pressing the start/stop button will pause the timer, pressing it again continues counting up. Pressing and holding the button for 3 seconds resets the timer to 00:00 and stops counting.
Mystery answer. After entering this mode, the screen initially displays “ask now”. The user may ask a yes-or-no question aloud and press the start/stop button, this will display a randomly selected answer that is one of the following: “yeah”, “yeah right”, “no”, “no doubt”, “keep trying”, “keep dreaming”. Whenever the display has more than one word, only one word is displayed for 2 seconds, then the other word is displayed for 2 seconds, alternately. The answer is displayed until the user leaves this mode, or he/she presses start/stop again for a new answer.
Note: these strings are for the English version of the watch, we will need to use completely different strings in other countries without reprogramming the logic of the watch.
The user may cycle among all modes (date/time, timer, mystery answer) by pressing the mode button.

View file

@ -0,0 +1,28 @@
---
title: "USE-LESS BRAND"
date: 2019-12-23T15:58:10+06:00
type: portfolio
image: "images/projects/project-thumb-one.jpg"
category: ["UI UX"]
project_images: ["images/projects/project-details-image-one.jpg", "images/projects/project-details-image-two.jpg"]
---
The “Seamless Watch” watch has all the features that users expect in a digital watch, and some unusual features.
The watch has the following features:
Time and date displayed on the screen. Current time is in large numbers, date is in small numbers above it.
Light: Pressing the light button on the side of the watch activates a light while the button is pressed. Pressing and holding that button for 3 seconds turns on the light and keeps it on, until the button is held again for 3 seconds or up to 2 hours. After 2 hours, it will automatically turn off.
Alarm. A daily alarm may be set for a given time. The alarm may be enabled or disabled. When the alarm is enabled and the alarm time is reached, the watch will beep fast for 5 seconds, then slowly for 30 seconds, then fast for another 5 seconds. Pressing any button stops the alarm sound (in addition to performing its normal function).
Timer. Timer mode shows a count-up timer that starts at 00:00. When the timer is started, it counts up. Pressing the start/stop button will pause the timer, pressing it again continues counting up. Pressing and holding the button for 3 seconds resets the timer to 00:00 and stops counting.
Mystery answer. After entering this mode, the screen initially displays “ask now”. The user may ask a yes-or-no question aloud and press the start/stop button, this will display a randomly selected answer that is one of the following: “yeah”, “yeah right”, “no”, “no doubt”, “keep trying”, “keep dreaming”. Whenever the display has more than one word, only one word is displayed for 2 seconds, then the other word is displayed for 2 seconds, alternately. The answer is displayed until the user leaves this mode, or he/she presses start/stop again for a new answer.
Note: these strings are for the English version of the watch, we will need to use completely different strings in other countries without reprogramming the logic of the watch.
The user may cycle among all modes (date/time, timer, mystery answer) by pressing the mode button.

4
public/css/bootstrap.min.css vendored Normal file

File diff suppressed because one or more lines are too long

4
public/data/clients.yml Normal file
View file

@ -0,0 +1,4 @@
enable : true
title : "Who trust our judgment"
client_logos :
["images/clients/client-logo-one.png", "images/clients/client-logo-two.png", "images/clients/client-logo-three.png", "images/clients/client-logo-four.png", "images/clients/client-logo-five.png", "images/clients/client-logo-six.png", "images/clients/client-logo-seven.png", "images/clients/client-logo-eight.png", "images/clients/client-logo-nine.png", "images/clients/client-logo-ten.png"]

13
public/data/contact.yml Normal file
View file

@ -0,0 +1,13 @@
enable : true
contactFormTitle : CONTACT WITH ME
contactFormSubtitle : >
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore, ea! consectetur adipisicing elit. Dolore, ea!
mapTitle : FIND US
mapSubtitle : >
Si aute quis eu proident o cupidatat ne anim nescius, et est praesentibus, o quorum vidisse expetendis, nostrud eram quibusdam ad nam nostrud ubi.
officeAddress1 : 125, Kings Street, Melbourne United Kingdom,600562
officeAddress2 : 925, Lab Street, San Fransisco, United State 90278
mail1 : support@timer.com
mail2 : info@timer.com
phone1: +07 052 245 022
phone2: +07 052 245 025

14
public/data/counter.yml Normal file
View file

@ -0,0 +1,14 @@
enable : true
heading : "THE PROOF IS IN THE PUDDING!"
counter_item:
- title: "Happy Clients"
number: "250"
- title: "Projects Completed"
number: "100"
- title: "Cups of coffee"
number: "350"
- title: "Telephone Talks"
number: "775"

34
public/data/feature.yml Normal file
View file

@ -0,0 +1,34 @@
enable : true
title : Offer From Me
subtitle: >
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, <br> quasi dolores numquam dolor vero ex, tempora commodi repellendus quod laborum.
item :
- icon : ion-ios-flask-outline
title : Media heading
description : >
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
- icon : ion-ios-lightbulb-outline
title : Well documented.
description : >
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
- icon : ion-ios-americanfootball-outline
title : Free updates
description : >
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
- icon : ion-ios-keypad-outline
title : Solid Support
description : >
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
- icon : ion-ios-barcode-outline
title : Simple Installation
description : >
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
- icon : ion-ios-lightbulb-outline
title : Well documented.
description : >
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.

8
public/data/gallery.yml Normal file
View file

@ -0,0 +1,8 @@
enable : true
galleryImages :
- image : images/portfolio/item-1.jpg
- image : images/portfolio/item-2.jpg
- image : images/portfolio/item-3.jpg
- image : images/portfolio/item-4.jpg
- image : images/portfolio/item-5.jpg
- image : images/portfolio/item-6.jpg

24
public/data/service.yml Normal file
View file

@ -0,0 +1,24 @@
enable : true
title : WHAT WE LOVE TO DO
subtitle: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis porro recusandae non quibusdam iure adipisci.
image : images/team.jpg
serviceItem :
- icon : ion-ios-paper-outline
title : BRANDING
description: >
Veritatis eligendi, dignissimos. Porta fermentum mus aute pulvinar earum minus platea massa feugiat rutrum urna facilisi ipsameum
- icon : ion-ios-pint-outline
title : DESIGN
description: >
Veritatis eligendi, dignissimos. Porta fermentum mus aute pulvinar earum minus platea massa feugiat rutrum urna facilisi ipsameum
- icon : ion-ios-paper-outline
title : DEVELOPMENT
description: >
Veritatis eligendi, dignissimos. Porta fermentum mus aute pulvinar earum minus platea massa feugiat rutrum urna facilisi ipsameum
- icon : ion-ios-paper-outline
title : THEMEING
description: >
Veritatis eligendi, dignissimos. Porta fermentum mus aute pulvinar earum minus platea massa feugiat rutrum urna facilisi ipsameum

44
public/data/team.yml Normal file
View file

@ -0,0 +1,44 @@
enable : true
title : Team that makes the difference.
members :
- image : images/team/team-member-one.jpg
name : PABLO ESCOBAR
designation : Creative Director
medium : https://www.medium.com/
linkedin : https://www.linkedin.com/
instagram : https://www.instagram.com/
- image : images/team/team-member-two.jpg
name : MONTINO RIAU
designation : Product Manager
medium : https://www.medium.com/
linkedin : https://www.linkedin.com/
instagram : https://www.instagram.com/
- image : images/team/team-member-three.jpg
name : ALEX NAASRI
designation : Chief Design Officer
medium : https://www.medium.com/
linkedin : https://www.linkedin.com/
instagram : https://www.instagram.com/
- image : images/team/team-member-four.jpg
name : HONGMAN CHIOA
designation : UX Researcher
medium : https://www.medium.com/
linkedin : https://www.linkedin.com/
instagram : https://www.instagram.com/
- image : images/team/team-member-five.jpg
name : SANTIO ANDRESS
designation : Content Researcher
medium : https://www.medium.com/
linkedin : https://www.linkedin.com/
instagram : https://www.instagram.com/
- image : images/team/team-member-six.jpg
name : RAMESH PAUL
designation : Creative Designer
medium : https://www.medium.com/
linkedin : https://www.linkedin.com/
instagram : https://www.instagram.com/

View file

@ -0,0 +1,39 @@
enable : true
title : "OPINION FROM REAL PEOPLE"
subtitle: "What clients says about our services."
testimonial_item :
- thumb : "images/testimonial/user-thumb-one.jpg"
name : "Simonns Hodge"
company_position: "CEO, Credito"
quote : >
"Trust us we looked for a very long time and wasted thousands of dollars testing other teams, freelancers, and outsource companies."
- thumb : "images/testimonial/user-thumb-two.jpg"
name : "Rekon Montino"
company_position: "CDO, Bulmuci"
quote : >
"Roxo products have allowed us to deliver better support to all our clients. The agility with which we can implement new features and workflows is a key element."
- thumb : "images/testimonial/user-thumb-three.jpg"
name : "Ryan Hillary"
company_position: "MD, Udilamo"
quote : >
"Were a really busy restaurant, and roxo gives our customers a easy way to order, pay, and pick up their food so they can beat the line and beat that lunch rush."
- thumb : "images/testimonial/user-thumb-four.jpg"
name : "Dockrel Kahn"
company_position: "PM, Walmet"
quote : >
"Trust us we looked for a very long time and wasted thousands of dollars testing other teams, freelancers, and outsource companies."
- thumb : "images/testimonial/user-thumb-five.jpg"
name : "Orino Monteno"
company_position: "CEO, Axion"
quote : >
"Roxo products have allowed us to deliver better support to all our clients. The agility with which we can implement new features and workflows is a key element."
- thumb : "images/testimonial/user-thumb-six.jpg"
name : "Welfo Roy"
company_position: "PDO, Komoyo"
quote : >
"Were a really busy restaurant, and roxo gives our customers a easy way to order, pay, and pick up their food so they can beat the line and beat that lunch rush."

2337
public/font-awesome/css/font-awesome.css vendored Executable file

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

File diff suppressed because it is too large Load diff

After

Width:  |  Height:  |  Size: 434 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="15.698" height="9.17" viewBox="0 0 15.698 9.17">
<g id="down-arrow" transform="translate(0 -127.244)">
<g id="_x31_0_34_" transform="translate(0 127.244)">
<g id="Group_20" data-name="Group 20">
<path id="Path_24" data-name="Path 24" d="M15.505,127.438a.655.655,0,0,0-.929,0l-6.727,7.382-6.728-7.382a.655.655,0,0,0-.929,0,.663.663,0,0,0,0,.934l7.159,7.855a.648.648,0,0,0,.5.187.647.647,0,0,0,.5-.187l7.16-7.856A.662.662,0,0,0,15.505,127.438Z" transform="translate(0 -127.244)" fill="#eaa4a4"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 595 B

View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="26.07" height="32.634" viewBox="0 0 26.07 32.634">
<g id="download" transform="translate(-3.282)">
<path id="Path_1" data-name="Path 1" d="M16.317,32.634a.5.5,0,0,1-.5-.5V.5a.5.5,0,0,1,1,0V32.134A.5.5,0,0,1,16.317,32.634Z" fill="#00113e"/>
<path id="Path_2" data-name="Path 2" d="M16.315,32.634h0a.5.5,0,0,1-.354-.146L3.428,19.951a.5.5,0,0,1,.707-.707L16.314,31.427,28.5,19.244a.5.5,0,1,1,.707.707L16.668,32.487A.5.5,0,0,1,16.315,32.634Z" fill="#00113e"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 527 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 194 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 495 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 188 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 700 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 919 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 827 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 830 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/images/favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 527 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/images/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 283 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

Some files were not shown because too many files have changed in this diff Show more