first commit

archetypes/default.md

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

config.toml

@@ -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               = "We’re 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               = "LET’S 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"

content/about/_index.md

@@ -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"]
+---

content/blog/Design-inspiration-the-best-projects-from-December.md

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

content/blog/Design-inspiration-the-best-projects-from-November.md

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

content/blog/Pt-chooses-Classic-Blue-for-its-colour-of-the-year-2020.md

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

content/blog/The-10-biggest-rebrands-and-logo-designs-of-2019.md

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

content/blog/_index.md

@@ -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."
+---
+

content/blog/the-10-biggest-product-stories-of-2019.md

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

content/contact/_index.md

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

content/portfolio/Just Listen.md

@@ -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)!
+
+

content/portfolio/_index.md

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

content/portfolio/fakefriends.md

@@ -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)!
+
+

data/clients.yml

@@ -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",]

data/contact.yml

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

data/counter.yml

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

data/feature.yml

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

data/gallery.yml

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

data/service.yml

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

data/team.yml

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

data/testimonial.yml

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

public/about/index.html

@@ -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">LET’S WORK TOGETHER</h1>
+          <ul class="site-cta-buttons">
+            <li>
+              <a href="https://home.whytheyfight.com/contact" class="btn btn-secondary">
+                <span class="btn-area">
+                  <span data-text="Submit Query">
+                    Submit Query
+                  </span>
+                </span>
+              </a>
+            </li>
+            <li>
+              <a href="https://home.whytheyfight.com/portfolio" class="btn btn-primary">
+                <span class="btn-area">
+                  <span data-text="Not Convinced">
+                    Not Convinced
+                  </span>
+                </span>
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+  
+
+
+
+        </main><footer class="site-footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="site-footer-logo"><a href="https://home.whytheyfight.com"><img src="https://home.whytheyfight.com/images/logo-footer.png" alt="logo-footer"></a></div>
+      </div>
+      
+      <div class="col-lg-3 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Contact Info</h5>
+          <p class="site-footer-widget-description">
+            
+            <br>
+            <a href="tel:"></a>
+            <br>
+            <a href="mailto:support@whytheyfight.com">support@whytheyfight.com</a>
+          </p>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-2 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Sitemap</h5>
+          <ul class="site-footer-widget-links">
+            
+            <li><a href="https://home.whytheyfight.com/about">About WTFxUS</a></li>
+            
+            <li><a href="https://home.whytheyfight.com/portfolio">Projects</a></li>
+            
+            <li><a href="https://blog.whytheyfight.com">Blog</a></li>
+            
+            <li><a href="https://home.whytheyfight.com/contact">Contact</a></li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-2 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Social Media</h5>
+          <ul class="site-footer-widget-links">
+            
+              <li><a href="https://social.whytheyfight.com">Mastodon</a></li>
+            
+              <li><a href="https://music.whytheyfight.com">Funkwhale</a></li>
+            
+              <li><a href="https://discord.whytheyfight.com">Discord</a></li>
+            
+              <li><a href="https://blog.whytheyfight.com">Blog</a></li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-3 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">We help artists:</h5>
+          <p class="site-footer-widget-description">
+            develop music<br>in an open source environment<br>safe from third party tracking
+          </p>
+        </div>
+      </div>
+      
+      <div class="col-lg-2 col-12">
+        <a href="#top" class="site-footer-widget-top">
+          <img src="https://home.whytheyfight.com/images/to-top.svg" alt="back-to-top">
+          <p>
+            I want to 
+            <br>
+            visit again
+          </p>
+        </a>
+      </div>
+      <div class="col-12">
+        <div class="site-footer-copyright">
+          <p>© Copyright 2023 - All Rights Reserved by <a href="https://staticmania.com/" target="_blank">StaticMania</a> </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>
+
+
+
+<script src="https://home.whytheyfight.com/js/vendor.min.js"></script>
+
+<script src="https://home.whytheyfight.com/js/script.min.js"></script></body>
+</html>

public/about/index.xml

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

public/blog/design-inspiration-the-best-projects-from-december/index.html

@@ -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">LET’S WORK TOGETHER</h1>
+          <ul class="site-cta-buttons">
+            <li>
+              <a href="https://home.whytheyfight.com/contact" class="btn btn-secondary">
+                <span class="btn-area">
+                  <span data-text="Submit Query">
+                    Submit Query
+                  </span>
+                </span>
+              </a>
+            </li>
+            <li>
+              <a href="https://home.whytheyfight.com/portfolio" class="btn btn-primary">
+                <span class="btn-area">
+                  <span data-text="Not Convinced">
+                    Not Convinced
+                  </span>
+                </span>
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+  
+
+
+
+        </main><footer class="site-footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="site-footer-logo"><a href="https://home.whytheyfight.com"><img src="https://home.whytheyfight.com/images/logo-footer.png" alt="logo-footer"></a></div>
+      </div>
+      
+      <div class="col-lg-3 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Contact Info</h5>
+          <p class="site-footer-widget-description">
+            
+            <br>
+            <a href="tel:"></a>
+            <br>
+            <a href="mailto:support@whytheyfight.com">support@whytheyfight.com</a>
+          </p>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-2 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Sitemap</h5>
+          <ul class="site-footer-widget-links">
+            
+            <li><a href="https://home.whytheyfight.com/about">About WTFxUS</a></li>
+            
+            <li><a href="https://home.whytheyfight.com/portfolio">Projects</a></li>
+            
+            <li><a href="https://blog.whytheyfight.com">Blog</a></li>
+            
+            <li><a href="https://home.whytheyfight.com/contact">Contact</a></li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-2 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Social Media</h5>
+          <ul class="site-footer-widget-links">
+            
+              <li><a href="https://social.whytheyfight.com">Mastodon</a></li>
+            
+              <li><a href="https://music.whytheyfight.com">Funkwhale</a></li>
+            
+              <li><a href="https://discord.whytheyfight.com">Discord</a></li>
+            
+              <li><a href="https://blog.whytheyfight.com">Blog</a></li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-3 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">We help artists:</h5>
+          <p class="site-footer-widget-description">
+            develop music<br>in an open source environment<br>safe from third party tracking
+          </p>
+        </div>
+      </div>
+      
+      <div class="col-lg-2 col-12">
+        <a href="#top" class="site-footer-widget-top">
+          <img src="https://home.whytheyfight.com/images/to-top.svg" alt="back-to-top">
+          <p>
+            I want to 
+            <br>
+            visit again
+          </p>
+        </a>
+      </div>
+      <div class="col-12">
+        <div class="site-footer-copyright">
+          <p>© Copyright 2023 - All Rights Reserved by <a href="https://staticmania.com/" target="_blank">StaticMania</a> </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>
+
+
+
+<script src="https://home.whytheyfight.com/js/vendor.min.js"></script>
+
+<script src="https://home.whytheyfight.com/js/script.min.js"></script></body>
+</html>

public/blog/design-inspiration-the-best-projects-from-november/index.html

@@ -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">LET’S WORK TOGETHER</h1>
+          <ul class="site-cta-buttons">
+            <li>
+              <a href="https://home.whytheyfight.com/contact" class="btn btn-secondary">
+                <span class="btn-area">
+                  <span data-text="Submit Query">
+                    Submit Query
+                  </span>
+                </span>
+              </a>
+            </li>
+            <li>
+              <a href="https://home.whytheyfight.com/portfolio" class="btn btn-primary">
+                <span class="btn-area">
+                  <span data-text="Not Convinced">
+                    Not Convinced
+                  </span>
+                </span>
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+  
+
+
+
+        </main><footer class="site-footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="site-footer-logo"><a href="https://home.whytheyfight.com"><img src="https://home.whytheyfight.com/images/logo-footer.png" alt="logo-footer"></a></div>
+      </div>
+      
+      <div class="col-lg-3 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Contact Info</h5>
+          <p class="site-footer-widget-description">
+            
+            <br>
+            <a href="tel:"></a>
+            <br>
+            <a href="mailto:support@whytheyfight.com">support@whytheyfight.com</a>
+          </p>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-2 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Sitemap</h5>
+          <ul class="site-footer-widget-links">
+            
+            <li><a href="https://home.whytheyfight.com/about">About WTFxUS</a></li>
+            
+            <li><a href="https://home.whytheyfight.com/portfolio">Projects</a></li>
+            
+            <li><a href="https://blog.whytheyfight.com">Blog</a></li>
+            
+            <li><a href="https://home.whytheyfight.com/contact">Contact</a></li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-2 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Social Media</h5>
+          <ul class="site-footer-widget-links">
+            
+              <li><a href="https://social.whytheyfight.com">Mastodon</a></li>
+            
+              <li><a href="https://music.whytheyfight.com">Funkwhale</a></li>
+            
+              <li><a href="https://discord.whytheyfight.com">Discord</a></li>
+            
+              <li><a href="https://blog.whytheyfight.com">Blog</a></li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-3 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">We help artists:</h5>
+          <p class="site-footer-widget-description">
+            develop music<br>in an open source environment<br>safe from third party tracking
+          </p>
+        </div>
+      </div>
+      
+      <div class="col-lg-2 col-12">
+        <a href="#top" class="site-footer-widget-top">
+          <img src="https://home.whytheyfight.com/images/to-top.svg" alt="back-to-top">
+          <p>
+            I want to 
+            <br>
+            visit again
+          </p>
+        </a>
+      </div>
+      <div class="col-12">
+        <div class="site-footer-copyright">
+          <p>© Copyright 2023 - All Rights Reserved by <a href="https://staticmania.com/" target="_blank">StaticMania</a> </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>
+
+
+
+<script src="https://home.whytheyfight.com/js/vendor.min.js"></script>
+
+<script src="https://home.whytheyfight.com/js/script.min.js"></script></body>
+</html>

public/blog/index.html

@@ -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">LET’S WORK TOGETHER</h1>
+          <ul class="site-cta-buttons">
+            <li>
+              <a href="https://home.whytheyfight.com/contact" class="btn btn-secondary">
+                <span class="btn-area">
+                  <span data-text="Submit Query">
+                    Submit Query
+                  </span>
+                </span>
+              </a>
+            </li>
+            <li>
+              <a href="https://home.whytheyfight.com/portfolio" class="btn btn-primary">
+                <span class="btn-area">
+                  <span data-text="Not Convinced">
+                    Not Convinced
+                  </span>
+                </span>
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+  
+
+
+
+        </main><footer class="site-footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="site-footer-logo"><a href="https://home.whytheyfight.com"><img src="https://home.whytheyfight.com/images/logo-footer.png" alt="logo-footer"></a></div>
+      </div>
+      
+      <div class="col-lg-3 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Contact Info</h5>
+          <p class="site-footer-widget-description">
+            
+            <br>
+            <a href="tel:"></a>
+            <br>
+            <a href="mailto:support@whytheyfight.com">support@whytheyfight.com</a>
+          </p>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-2 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Sitemap</h5>
+          <ul class="site-footer-widget-links">
+            
+            <li><a href="https://home.whytheyfight.com/about">About WTFxUS</a></li>
+            
+            <li><a href="https://home.whytheyfight.com/portfolio">Projects</a></li>
+            
+            <li><a href="https://blog.whytheyfight.com">Blog</a></li>
+            
+            <li><a href="https://home.whytheyfight.com/contact">Contact</a></li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-2 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Social Media</h5>
+          <ul class="site-footer-widget-links">
+            
+              <li><a href="https://social.whytheyfight.com">Mastodon</a></li>
+            
+              <li><a href="https://music.whytheyfight.com">Funkwhale</a></li>
+            
+              <li><a href="https://discord.whytheyfight.com">Discord</a></li>
+            
+              <li><a href="https://blog.whytheyfight.com">Blog</a></li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-3 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">We help artists:</h5>
+          <p class="site-footer-widget-description">
+            develop music<br>in an open source environment<br>safe from third party tracking
+          </p>
+        </div>
+      </div>
+      
+      <div class="col-lg-2 col-12">
+        <a href="#top" class="site-footer-widget-top">
+          <img src="https://home.whytheyfight.com/images/to-top.svg" alt="back-to-top">
+          <p>
+            I want to 
+            <br>
+            visit again
+          </p>
+        </a>
+      </div>
+      <div class="col-12">
+        <div class="site-footer-copyright">
+          <p>© Copyright 2023 - All Rights Reserved by <a href="https://staticmania.com/" target="_blank">StaticMania</a> </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>
+
+
+
+<script src="https://home.whytheyfight.com/js/vendor.min.js"></script>
+
+<script src="https://home.whytheyfight.com/js/script.min.js"></script></body>
+</html>

public/blog/index.xml

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

public/blog/page/1/index.html

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

public/blog/page/2/index.html

@@ -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">LET’S WORK TOGETHER</h1>
+          <ul class="site-cta-buttons">
+            <li>
+              <a href="https://home.whytheyfight.com/contact" class="btn btn-secondary">
+                <span class="btn-area">
+                  <span data-text="Submit Query">
+                    Submit Query
+                  </span>
+                </span>
+              </a>
+            </li>
+            <li>
+              <a href="https://home.whytheyfight.com/portfolio" class="btn btn-primary">
+                <span class="btn-area">
+                  <span data-text="Not Convinced">
+                    Not Convinced
+                  </span>
+                </span>
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+  
+
+
+
+        </main><footer class="site-footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="site-footer-logo"><a href="https://home.whytheyfight.com"><img src="https://home.whytheyfight.com/images/logo-footer.png" alt="logo-footer"></a></div>
+      </div>
+      
+      <div class="col-lg-3 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Contact Info</h5>
+          <p class="site-footer-widget-description">
+            
+            <br>
+            <a href="tel:"></a>
+            <br>
+            <a href="mailto:support@whytheyfight.com">support@whytheyfight.com</a>
+          </p>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-2 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Sitemap</h5>
+          <ul class="site-footer-widget-links">
+            
+            <li><a href="https://home.whytheyfight.com/about">About WTFxUS</a></li>
+            
+            <li><a href="https://home.whytheyfight.com/portfolio">Projects</a></li>
+            
+            <li><a href="https://blog.whytheyfight.com">Blog</a></li>
+            
+            <li><a href="https://home.whytheyfight.com/contact">Contact</a></li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-2 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Social Media</h5>
+          <ul class="site-footer-widget-links">
+            
+              <li><a href="https://social.whytheyfight.com">Mastodon</a></li>
+            
+              <li><a href="https://music.whytheyfight.com">Funkwhale</a></li>
+            
+              <li><a href="https://discord.whytheyfight.com">Discord</a></li>
+            
+              <li><a href="https://blog.whytheyfight.com">Blog</a></li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-3 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">We help artists:</h5>
+          <p class="site-footer-widget-description">
+            develop music<br>in an open source environment<br>safe from third party tracking
+          </p>
+        </div>
+      </div>
+      
+      <div class="col-lg-2 col-12">
+        <a href="#top" class="site-footer-widget-top">
+          <img src="https://home.whytheyfight.com/images/to-top.svg" alt="back-to-top">
+          <p>
+            I want to 
+            <br>
+            visit again
+          </p>
+        </a>
+      </div>
+      <div class="col-12">
+        <div class="site-footer-copyright">
+          <p>© Copyright 2023 - All Rights Reserved by <a href="https://staticmania.com/" target="_blank">StaticMania</a> </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>
+
+
+
+<script src="https://home.whytheyfight.com/js/vendor.min.js"></script>
+
+<script src="https://home.whytheyfight.com/js/script.min.js"></script></body>
+</html>

public/blog/pt-chooses-classic-blue-for-its-colour-of-the-year-2020/index.html

@@ -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">LET’S WORK TOGETHER</h1>
+          <ul class="site-cta-buttons">
+            <li>
+              <a href="https://home.whytheyfight.com/contact" class="btn btn-secondary">
+                <span class="btn-area">
+                  <span data-text="Submit Query">
+                    Submit Query
+                  </span>
+                </span>
+              </a>
+            </li>
+            <li>
+              <a href="https://home.whytheyfight.com/portfolio" class="btn btn-primary">
+                <span class="btn-area">
+                  <span data-text="Not Convinced">
+                    Not Convinced
+                  </span>
+                </span>
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+  
+
+
+
+        </main><footer class="site-footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="site-footer-logo"><a href="https://home.whytheyfight.com"><img src="https://home.whytheyfight.com/images/logo-footer.png" alt="logo-footer"></a></div>
+      </div>
+      
+      <div class="col-lg-3 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Contact Info</h5>
+          <p class="site-footer-widget-description">
+            
+            <br>
+            <a href="tel:"></a>
+            <br>
+            <a href="mailto:support@whytheyfight.com">support@whytheyfight.com</a>
+          </p>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-2 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Sitemap</h5>
+          <ul class="site-footer-widget-links">
+            
+            <li><a href="https://home.whytheyfight.com/about">About WTFxUS</a></li>
+            
+            <li><a href="https://home.whytheyfight.com/portfolio">Projects</a></li>
+            
+            <li><a href="https://blog.whytheyfight.com">Blog</a></li>
+            
+            <li><a href="https://home.whytheyfight.com/contact">Contact</a></li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-2 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Social Media</h5>
+          <ul class="site-footer-widget-links">
+            
+              <li><a href="https://social.whytheyfight.com">Mastodon</a></li>
+            
+              <li><a href="https://music.whytheyfight.com">Funkwhale</a></li>
+            
+              <li><a href="https://discord.whytheyfight.com">Discord</a></li>
+            
+              <li><a href="https://blog.whytheyfight.com">Blog</a></li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-3 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">We help artists:</h5>
+          <p class="site-footer-widget-description">
+            develop music<br>in an open source environment<br>safe from third party tracking
+          </p>
+        </div>
+      </div>
+      
+      <div class="col-lg-2 col-12">
+        <a href="#top" class="site-footer-widget-top">
+          <img src="https://home.whytheyfight.com/images/to-top.svg" alt="back-to-top">
+          <p>
+            I want to 
+            <br>
+            visit again
+          </p>
+        </a>
+      </div>
+      <div class="col-12">
+        <div class="site-footer-copyright">
+          <p>© Copyright 2023 - All Rights Reserved by <a href="https://staticmania.com/" target="_blank">StaticMania</a> </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>
+
+
+
+<script src="https://home.whytheyfight.com/js/vendor.min.js"></script>
+
+<script src="https://home.whytheyfight.com/js/script.min.js"></script></body>
+</html>

public/blog/the-10-biggest-product-stories-of-2019/index.html

@@ -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">LET’S WORK TOGETHER</h1>
+          <ul class="site-cta-buttons">
+            <li>
+              <a href="https://home.whytheyfight.com/contact" class="btn btn-secondary">
+                <span class="btn-area">
+                  <span data-text="Submit Query">
+                    Submit Query
+                  </span>
+                </span>
+              </a>
+            </li>
+            <li>
+              <a href="https://home.whytheyfight.com/portfolio" class="btn btn-primary">
+                <span class="btn-area">
+                  <span data-text="Not Convinced">
+                    Not Convinced
+                  </span>
+                </span>
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+  
+
+
+
+        </main><footer class="site-footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="site-footer-logo"><a href="https://home.whytheyfight.com"><img src="https://home.whytheyfight.com/images/logo-footer.png" alt="logo-footer"></a></div>
+      </div>
+      
+      <div class="col-lg-3 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Contact Info</h5>
+          <p class="site-footer-widget-description">
+            
+            <br>
+            <a href="tel:"></a>
+            <br>
+            <a href="mailto:support@whytheyfight.com">support@whytheyfight.com</a>
+          </p>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-2 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Sitemap</h5>
+          <ul class="site-footer-widget-links">
+            
+            <li><a href="https://home.whytheyfight.com/about">About WTFxUS</a></li>
+            
+            <li><a href="https://home.whytheyfight.com/portfolio">Projects</a></li>
+            
+            <li><a href="https://blog.whytheyfight.com">Blog</a></li>
+            
+            <li><a href="https://home.whytheyfight.com/contact">Contact</a></li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-2 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Social Media</h5>
+          <ul class="site-footer-widget-links">
+            
+              <li><a href="https://social.whytheyfight.com">Mastodon</a></li>
+            
+              <li><a href="https://music.whytheyfight.com">Funkwhale</a></li>
+            
+              <li><a href="https://discord.whytheyfight.com">Discord</a></li>
+            
+              <li><a href="https://blog.whytheyfight.com">Blog</a></li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-3 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">We help artists:</h5>
+          <p class="site-footer-widget-description">
+            develop music<br>in an open source environment<br>safe from third party tracking
+          </p>
+        </div>
+      </div>
+      
+      <div class="col-lg-2 col-12">
+        <a href="#top" class="site-footer-widget-top">
+          <img src="https://home.whytheyfight.com/images/to-top.svg" alt="back-to-top">
+          <p>
+            I want to 
+            <br>
+            visit again
+          </p>
+        </a>
+      </div>
+      <div class="col-12">
+        <div class="site-footer-copyright">
+          <p>© Copyright 2023 - All Rights Reserved by <a href="https://staticmania.com/" target="_blank">StaticMania</a> </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>
+
+
+
+<script src="https://home.whytheyfight.com/js/vendor.min.js"></script>
+
+<script src="https://home.whytheyfight.com/js/script.min.js"></script></body>
+</html>

public/blog/the-10-biggest-rebrands-and-logo-designs-of-2019/index.html

@@ -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">LET’S WORK TOGETHER</h1>
+          <ul class="site-cta-buttons">
+            <li>
+              <a href="https://home.whytheyfight.com/contact" class="btn btn-secondary">
+                <span class="btn-area">
+                  <span data-text="Submit Query">
+                    Submit Query
+                  </span>
+                </span>
+              </a>
+            </li>
+            <li>
+              <a href="https://home.whytheyfight.com/portfolio" class="btn btn-primary">
+                <span class="btn-area">
+                  <span data-text="Not Convinced">
+                    Not Convinced
+                  </span>
+                </span>
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+  
+
+
+
+        </main><footer class="site-footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="site-footer-logo"><a href="https://home.whytheyfight.com"><img src="https://home.whytheyfight.com/images/logo-footer.png" alt="logo-footer"></a></div>
+      </div>
+      
+      <div class="col-lg-3 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Contact Info</h5>
+          <p class="site-footer-widget-description">
+            
+            <br>
+            <a href="tel:"></a>
+            <br>
+            <a href="mailto:support@whytheyfight.com">support@whytheyfight.com</a>
+          </p>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-2 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Sitemap</h5>
+          <ul class="site-footer-widget-links">
+            
+            <li><a href="https://home.whytheyfight.com/about">About WTFxUS</a></li>
+            
+            <li><a href="https://home.whytheyfight.com/portfolio">Projects</a></li>
+            
+            <li><a href="https://blog.whytheyfight.com">Blog</a></li>
+            
+            <li><a href="https://home.whytheyfight.com/contact">Contact</a></li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-2 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">Social Media</h5>
+          <ul class="site-footer-widget-links">
+            
+              <li><a href="https://social.whytheyfight.com">Mastodon</a></li>
+            
+              <li><a href="https://music.whytheyfight.com">Funkwhale</a></li>
+            
+              <li><a href="https://discord.whytheyfight.com">Discord</a></li>
+            
+              <li><a href="https://blog.whytheyfight.com">Blog</a></li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      
+      <div class="col-lg-3 col-md-6">
+        <div class="site-footer-widget">
+          <h5 class="site-footer-widget-title">We help artists:</h5>
+          <p class="site-footer-widget-description">
+            develop music<br>in an open source environment<br>safe from third party tracking
+          </p>
+        </div>
+      </div>
+      
+      <div class="col-lg-2 col-12">
+        <a href="#top" class="site-footer-widget-top">
+          <img src="https://home.whytheyfight.com/images/to-top.svg" alt="back-to-top">
+          <p>
+            I want to 
+            <br>
+            visit again
+          </p>
+        </a>
+      </div>
+      <div class="col-12">
+        <div class="site-footer-copyright">
+          <p>© Copyright 2023 - All Rights Reserved by <a href="https://staticmania.com/" target="_blank">StaticMania</a> </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>
+
+
+
+<script src="https://home.whytheyfight.com/js/vendor.min.js"></script>
+
+<script src="https://home.whytheyfight.com/js/script.min.js"></script></body>
+</html>

public/categories/index.html

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

public/categories/index.xml

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

public/config.toml

@@ -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               = "We’re 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               = "LET’S 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"

public/contact/index.html

@@ -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">
+          Don’t 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>

public/contact/index.xml

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

public/content/about/_index.md

@@ -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"]
+---

public/content/blog/Design-inspiration-the-best-projects-from-December.md

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

public/content/blog/Design-inspiration-the-best-projects-from-November.md

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

public/content/blog/Pt-chooses-Classic-Blue-for-its-colour-of-the-year-2020.md

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

public/content/blog/The-10-biggest-rebrands-and-logo-designs-of-2019.md

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

public/content/blog/_index.md

@@ -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."
+---
+

public/content/blog/the-10-biggest-product-stories-of-2019.md

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

public/content/contact/_index.md

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

public/content/portfolio/_index.md

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

public/content/portfolio/kio-tape-2.md

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

public/content/portfolio/kio-tape.md

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

public/content/portfolio/osen-clock.md

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

public/content/portfolio/seamless-watch.md

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

public/content/portfolio/use-less-brand.md

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

public/data/clients.yml

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

public/data/contact.yml

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

public/data/counter.yml

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

public/data/feature.yml

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

public/data/gallery.yml

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

public/data/service.yml

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

public/data/team.yml

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

public/data/testimonial.yml

@@ -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 : > 
+            "We’re 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 : > 
+            "We’re 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." 

public/images/angle-down-select.svg

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

public/images/arrow-down.svg

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