Skip to content

Commit

Permalink
prepare: First release
Browse files Browse the repository at this point in the history
Still needs favicon pack.
  • Loading branch information
joshbruce committed Dec 4, 2023
1 parent 6d315f9 commit ab955ca
Show file tree
Hide file tree
Showing 5 changed files with 246 additions and 23 deletions.
144 changes: 121 additions & 23 deletions site-root/public/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,8 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Mastering the Mundane</title>
<meta name="keywords" content="Time Management, Self Management, Life Management, Life Coaching, Productivity Coaching, Financial Coaching, Professional Organization, bookkeeping, accoutability partner, digital organization, onsite, remote, hybrid">
<meta name="description" content="Josh Bruce helps individuals and organization make peace with space, time, and money. Whether itʼs physical, digital, or downsizing, Josh can probably help. Josh Bruce has been working as a coach for over a decade and is a self-proclaimed productivity super-freak."
<meta name="keywords" content="Time Management, Self Management, Life Management, Life Coaching, Productivity Coaching, Financial Coaching, Professional Organization, bookkeeping, accoutability partner, digital organization, onsite, remote, hybrid, josh, bruce, josh bruce">
<style type="text/css">
@charset "UTF-8";
@font-face {
Expand All @@ -26,30 +27,127 @@
font-family: "hyper-reg", Verdana, Geneva, sans-serif;
}

body {
width: 700pt;
margin: 0 auto;
h1 > a {
display: block;
height: 50px;
width: auto;
background-image: url('/ui/mark.svg');
background-repeat: no-repeat;
background-position: center center;
}

[is="sr-only"] {
position: absolute;
left: -999em;
right: auto;
}

blockquote {
margin-top: 2rem;
margin-bottom: 4rem;
text-align: center;
font-style: italic;
font-size: 1.5rem;
}

section {
margin-top: 4rem;
padding: 2rem;
padding-top: 75px;
background-repeat: no-repeat;
background-size: 100px auto;
background-position: top center;
}

section:first-of-type {
background-image: url('/ui/icon-time.svg');
}

section:nth-of-type(2) {
background-image: url('/ui/icon-space.svg');
}

section:last-of-type {
background-image: url('/ui/icon-money.svg');
}

section > h2 {
text-align: center;
}

section a {
display: block;
background-color: hsla(10, 98%, 26%, 1);
padding: 1rem 0.2rem;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
color: hsla(10, 100%, 100%, 1);
text-align: center;
transition:
background-color 0.3s,
color 0.3s;
}

section a:hover {
background-color: hsla(10, 74%, 90%, 1);
color: hsla(10, 0%, 0%, 1);
}

footer {
margin-top: 4rem;
}

footer > p {
text-align: center;
}

@media screen and (min-width: 700pt) {
body {
max-width: 800pt;
margin: 0 auto;
}

article {
display: grid;
grid-template-columns: auto auto auto;
column-gap: 2rem;
min-height: 100vh;
}

section {
padding-top: 100px;
}
}
</style>
</head>
<body>
<h1>Mastering the Mundane</h1>
<blockquote>
<p>Just because itʼs mundane, doesnʼt mean itʼs easy.</p>
</blockquote>
<p is="sr-only">I can assist you in making peace with: <a href="#time">time</a>, <a href="#space">space</a>, and <a href="#money">money</a>.</p>
<p><a href="https://calendly.com/joshbruce/lets-talk">Schedule a free consultation</a></p>
<h2 id="time">Time</h2>
<p>Create or upgrade your time management system.</p>
<h2 id="space">Space</h2>
<p>Make your physical and digital spaces work <em>with</em> you.</p>
<h2 id="money">Money</h2>
<p>Get a grip on your finances and relationship with money.</p>
<h2 is="sr-only">The process</h2>
<h3><span>Step one:</span> Discuss</h3>
<p><a href="https://calendly.com/joshbruce/lets-talk">Schedule a free consultation</a></p>
<h3><span>Step two:</span> Prepare</h3>
<h3><span>Step three:</span> Perform</h3>
<h3><span>Step four:</span> Review</h3>
<h3><span>Step five:</span> Reflect</h3>
<header>
<h1><a href="/"><span is="sr-only">Mastering the Mundane</span></a></h1>
<blockquote>
<p>Just because itʼs mundane,<br>doesnʼt mean itʼs easy.</p>
</blockquote>
</header>
<article>
<p is="sr-only">Assisting you in making peace with: <a href="#time">time</a>, <a href="#space">space</a>, and <a href="#money">money</a>.</p>
<section>
<h2 id="time">Time</h2>
<p>Create or upgrade your time management system.</p>
<p><a href="https://calendly.com/joshbruce/lets-talk">Schedule<br>free consultation</a></p>
<p><a href="https://leanpub.com/master-the-mundane">Sign up for<br>book notifications</a></p>
</section>
<section>
<h2 id="space">Space</h2>
<p>Make your physical and digital spaces work <em>with</em> you.</p>
<p><a href="https://calendly.com/joshbruce/lets-talk">Schedule<br>free consultation</a></p>
</section>
<section>
<h2 id="money">Money</h2>
<p>Get a grip on your finances and relationship with money.</p>
<p><a href="https://calendly.com/joshbruce/lets-talk">Schedule<br>free consultation</a></p>
</section>
</article>
<footer>
<p>Copyright © 2023–2024 Mastering the Mundane.</p>
</footer>
</body>
14 changes: 14 additions & 0 deletions site-root/public/ui/icon-money.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
20 changes: 20 additions & 0 deletions site-root/public/ui/icon-space.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 17 additions & 0 deletions site-root/public/ui/icon-time.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit ab955ca

Please sign in to comment.