Homepage Styling + New Pages + Global CSS

data/web-content/homepage.md

@@ -1,55 +1,59 @@
-<!-- what? -->
+<section class="three-quarter-width">
 
-# Simple, loveable admin tools for independent music and publishing people.
+## We process sales data for record labels so they can work out artist royalties in seconds.
 
-## We exist to get artists paid quicker, and to give time back to labels so they can release more amazing music.
+We’re adding new distributors and platforms all the time. 
 
-***
-<!-- why? -->
-<section>
-
-<!-- Music is a £20 billion global industry run on shared spreadsheets and antiquated systems that takes ages to pay artists (and not always correctly).  -->
+Here’s what we currently support:
+<div class="pill-container">
+<span class="pill">Tunecore</span><span class="pill">Distrokid</span><span class="pill">CD Baby</span><span class="pill">Bandcamp</span><span class="pill">Cargo UK</span>
+</div>
 
-Independent record labels with the most artist-friendly deals are struggling to process the masses of sales data they get every month or quarter. They want to pay their artists, but it's taking them ages to work it all out. 
+If you don't see yours, let us know and we'll make it happen.
 
-We're building an innovative sales and royalties processor to solve that. 
+<a class="button button-red" href="mailto:biff@trackshift.app">Get in touch</a>
 
 </section>
 
 <section>
 
-<!-- who? -->
-
-{.float.right}
-![Trackshift team](/asset/img/editorial/homepage/about-us.png)
+## How it works
 
-## About Us
+Upload a sales report from Bandcamp and/or your distributor. TrackShift will sort the data and build your catalogue automatically. No setup required!
+</section>
 
-TrackShift was founded by Greg Bowler and Richard 'Biff' Birkin in Derbyshire, UK.  
+<section class="three-quarter-width">
 
-Greg is a technologist, solving real world problems using software. His work ranges from logging and analysis dashboards for the renewable energy sector, to interfacing with event ticketing systems for attendeees with a disability.   
+<!-- pricing -->
 
-Biff is a composer and digital strategist/user experience designer - the latter skills developed in startups that gave him the flexi-time needed to carry on being in bands and touring UK/Europe's DIY punk/hardcore scene.
+## Pricing
 
-Our working ethic is inspired by that scene, paired with a software development mantra of Simple, Loveable and Complete feature development. 
+Super simple: free to use while unregistered versus monthly/annual fee to login, save your work, plus extended features coming soon.
 
 </section>
 
 <section>
 
-<!-- how? -->
+<!-- benefits -->
 
-{.float.left}
+{.float.right}
 ![Spin your records, not your head](/asset/img/editorial/homepage/spin-your-records-LG-dark.png)
 
-## What We're Doing
+## Benefits
 
-We're working with a handful of small independent record labels, learning how they work and what their data looks like. 
+### Royalties
 
-TrackShift v1 will be launched for Record Labels early 2024 as part of an Innovate UK funded development sprint through 2023.
+<ul>
+<li>Calculate artist royalties in seconds</li>
+<li>Pay artists more frequently</li>
+<li>Share ongoing royalty reports with artists</li>
+</ul>
 
-Interested? Get in touch with <a href="mailto:biff@trackshift.app">biff@trackshift.app</a>
+### Business 
 
-</section>
+<ul>
+<li>Profit/loss visibility per product and label-wide</li>
+<li>More time spent not doing spreadsheets</li>
+</ul>
 
-<!-- etc. -->
+</section>

page/_component/global-footer.html

@@ -1,5 +1,7 @@
 <footer>
 	<img src="/asset/logo/trackshift_logo.svg" alt="TrackShift logo" width="200px;" style="display:block;margin:0 auto 2rem auto;">
 	<a href="/?homepage">Homepage</a>
+	<a href="/help">Help</a>
 	<a href="/privacy/">Privacy policy</a>
+	<a href="/credits">Credits</a>
 </footer>

page/credits.html

@@ -0,0 +1,5 @@
+<article>
+	<h1>Credits</h1>
+</article>
+
+<article data-content="credits"></article>

page/help.html

@@ -0,0 +1,6 @@
+<article>
+	<h1>Help</h1>
+	<h2>What is TrackShift?</h2>
+</article>
+
+<article data-content="sales-reports"></article>

page/index.html

@@ -1,6 +1,30 @@
-<article data-content="homepage">
-	<h1>Placeholder heading</h1>
-	<h2>Placeholder subheading</h2>
-	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi fugiat illo iusto laboriosam nihil, quasi recusandae voluptas! A consequatur delectus dolore eos itaque minus officia perspiciatis praesentium quidem? Ipsam, provident!</p>
-	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A at inventore iste nihil nisi quibusdam quidem rerum voluptas. Asperiores assumenda commodi cumque excepturi fugiat, magnam officiis quae qui sint voluptatibus.</p>
+<article>
+	<h1>Simple, loveable admin tools for independent record labels and artists.</h1>
+	<h2>Try it now. No login required! &#8631;</h2>
+	<h2 class="highlight blue-highlight">Note: we've not launched yet as we're still building it.</h2>
+	<file-uploader />
 </article>
+<article class="article-fluid dark" data-content="what"></article>
+<article class="article-fluid light" data-content="how-it-works"></article>
+<article class="article-fluid red" data-content="benefits"></article>
+
+<!-- CTA -->
+<article>
+	<section class="center">
+
+		<h1>Find Out More</h1>
+
+
+		  	<form action="https://app.us21.list-manage.com/subscribe/post?u=2458248e48ce65005aaa88029&amp;id=9cd76d10ca&amp;f_id=005c73e1f0" method="post" id="mc-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
+				<label>
+					<span>Your email address</span>
+					<input type="email" name="EMAIL" required>
+				</label>
+				<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_2458248e48ce65005aaa88029_9cd76d10ca" tabindex="-1" value=""></div>
+			  	<div class="actions"><button name="subscribe" value="Submit">Subscribe</button></div>
+	  		</form>
+
+
+	</section>
+</article>
+<article class="article-fluid light-blue" data-content="pricing"></article>