Verified Commit fd694b49 authored by Geoff Pado's avatar Geoff Pado

Add footer, further cleanup

parent d865654b
......@@ -40,7 +40,7 @@
<section>
<div class="text-container">
<h3>Immobile</h3>
<p>Turns out, some of us have jobs that require us to sit and stare at a computer all day. Why should that time be devoid of the ability to jot down small text snippets? Scrawl comes in a delicious macOS (and <strong>only</strong> macOS) flavor as well, for all your desktop data storage needs.</p>
<p>Turns out, some of us have jobs that require us to sit and stare at a computer all day. Why should that time be devoid of the ability to jot down small text snippets? Scrawl comes in a delicious macOS <a href="/other-platforms/">(and <strong>only</strong> macOS)</a> flavor as well, for all your desktop data storage needs.</p>
</div>
</section>
......
---
title: "Press Kit"
---
Coming any day now, I swear. Until then, [call me maybe](/contact/)?
\ No newline at end of file
......@@ -25,8 +25,9 @@ Hopefully you've heard of these guys. [Apple's privacy policy](https://apple.com
Apple and I share data in two ways:
- Apple may (depending on your iOS settings) collect some analytics about your use of Scrawl Notes and send anonymized bulk reports to me for identifying crashes, general usage trends, etc.
- If you use the iCloud Sync feature of Scrawl Notes (enabled by default), the text of your notes is stored on Apple's servers. I have no access to this data; I can't read it, I can't delete it, I can't even see whether a given user **has** notes stored in iCloud.
1. Apple may (depending on your iOS settings) collect some analytics about your use of Scrawl Notes and send anonymized bulk reports to me for identifying crashes, general usage trends, etc.
2. If you use the iCloud Sync feature of Scrawl Notes (enabled by default), the text of your notes is stored on Apple's servers. I have no access to this data; I can't read it, I can't delete it, I can't even see whether a given user **has** notes stored in iCloud.
#### Literally No One Else
Seriously. That's it.
......
......@@ -29,6 +29,9 @@ img {
@media screen and (max-width: 800px) {
.hero-container {
flex-direction: column-reverse; } }
.hero-container h1 {
margin-bottom: 6px; }
.text-container {
display: flex;
flex-direction: column;
......@@ -95,7 +98,7 @@ h1 {
font-family: 'Sniglet';
font-size: 48px;
line-height: 48px;
margin-bottom: 6px; }
margin-bottom: 24px; }
h2 {
color: #433737;
......@@ -115,6 +118,10 @@ h3 {
@media (prefers-color-scheme: dark) {
h3 {
color: #f3f0f0; } }
h4 {
font-size: 22px;
margin-top: 6px; }
p {
margin-bottom: 16px; }
......@@ -128,7 +135,8 @@ a {
a:hover {
color: #f3f0f0; } }
html {
background: #fbf9f9; }
background: #fbf9f9;
min-height: 100%; }
@media (prefers-color-scheme: dark) {
html {
background: #120808; } }
......@@ -141,7 +149,58 @@ body {
margin-bottom: 48px;
padding: 0px 8px; }
#wrapper {
min-height: calc(100vh - 6px);
display: grid;
grid-template-rows: 1fr auto; }
.post {
max-width: 600px;
margin: auto;
margin-top: 48px; }
footer {
background: #fbf9f9;
width: 100%;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0; }
@media (prefers-color-scheme: dark) {
footer {
background: #120808; } }
footer span {
display: block;
color: #222; }
@media (prefers-color-scheme: dark) {
footer span {
color: #f3f0f0; } }
footer .copyright {
font-family: 'Sniglet'; }
footer .copyright a {
font-family: 'Sniglet';
color: #222;
text-decoration: none; }
@media (prefers-color-scheme: dark) {
footer .copyright a {
color: #f3f0f0; } }
footer .links {
align-self: flex-end;
text-align: right; }
footer .links a {
font-family: 'Sniglet';
margin-left: 6px; }
@media screen and (max-width: 800px) {
footer .links {
align-self: center; } }
#footer-content {
width: 512px;
display: flex;
justify-content: space-between; }
@media screen and (max-width: 800px) {
#footer-content {
width: calc(100vw - 24px);
flex-direction: column;
justify-content: center;
align-items: center; } }
......@@ -4,6 +4,7 @@ $light-text: #222;
$light-header: #1f1414;
$light-subheader: #433737;
$light-background: #fbf9f9;
$light-footer: $light-background;
$light-accent: #ff3b30;
$dark-link-hover: #f3f0f0;
......@@ -12,4 +13,5 @@ $dark-text: #f3f0f0;
$dark-header: #f3f0f0;
$dark-subheader: #f3f0f0;
$dark-background: #120808;
$dark-footer: $dark-background;
$dark-accent: #ff453a;
\ No newline at end of file
......@@ -40,6 +40,10 @@ img {
@include phone {
flex-direction: column-reverse;
}
h1 {
margin-bottom: 6px;
}
}
.text-container {
......
......@@ -35,7 +35,7 @@ h1 {
font-size: 48px;
line-height: 48px;
// color: $light-header;
margin-bottom: 6px;
margin-bottom: 24px;
@include dark {
// color: $dark-header;
......@@ -66,6 +66,11 @@ h3 {
}
}
h4 {
font-size: 22px;
margin-top: 6px;
}
p {
margin-bottom: 16px;
}
......
......@@ -7,6 +7,7 @@
html {
background: $light-background;
min-height: 100%;
@include dark {
background: $dark-background;
......@@ -26,8 +27,75 @@ body {
padding: 0px 8px;
}
#wrapper {
min-height: calc(100vh - 6px);
display: grid;
grid-template-rows: 1fr auto;
}
.post {
max-width: 600px;
margin: auto;
margin-top: 48px;
}
footer {
background: $light-footer;
width: 100%;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
@include dark {
background: $dark-footer;
}
span {
display: block;
color: $light-text;
@include dark {
color: $dark-text;
}
}
.copyright {
font-family: 'Sniglet';
a {
font-family: 'Sniglet';
color: $light-text;
text-decoration: none;
@include dark {
color: $dark-text;
}
}
}
.links {
align-self: flex-end;
text-align: right;
a {
font-family: 'Sniglet';
margin-left: 6px;
}
@include phone {
align-self: center;
}
}
}
#footer-content {
width: 512px;
display: flex;
justify-content: space-between;
@include phone {
width: calc(100vw - 24px);
flex-direction: column;
justify-content: center;
align-items: center;
}
}
\ No newline at end of file
......@@ -2,8 +2,11 @@
<html>
{{- partial "head.html" . -}}
<body>
<div id="wrapper">
<div id="content">
{{- block "main" . }}{{- end }}
</div>
{{- partial "footer.html" . -}}
</div>
</body>
</html>
......@@ -3,10 +3,10 @@
<span class="copyright">© 2020 <a href="https://cocoatype.com" aria-label="cocoa type">Cocoatype</a></span>
<span class="links">
<a href="/">Home</a>
<a href="/contact/">Contact</a>
<a href="/press/">Press</a>
<a href="/privacy/">Privacy</a>
<a href="/releases/">Releases</a>
<a href="/support/">Support</a>
</span>
</div>
</footer>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment