jonny/jonnybarnes.uk
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases 5 Packages Wiki Activity Actions

Add some colours and new fonts

Browse source
This commit is contained in:
Jonny Barnes 2020-06-22 20:58:53 +01:00
parent 63b1f4222c
commit c20a2f403c
6 changed files with 82 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/Http/Middleware/CSPHeader.php
View file

@ -32,9 +32,7 @@ blob:; \
style-src 'self' 'unsafe-inline' \
https://api.mapbox.com \
https://api.tiles.mapbox.com \
https://fonts.googleapis.com \
use.typekit.net \
p.typekit.net; \
cloud.typography.com; \
img-src 'self' data: blob: \
https://pbs.twimg.com \
https://api.mapbox.com \

42
public/assets/app.css vendored
View file

@ -1,10 +1,28 @@
:root {
--font-stack-body: montserrat, sans-serif;
--font-stack-headings: bebas-neue, sans-serif; }
/* fonts */
--font-stack-body: "Whitney SSm A", "Whitney SSm B", sans-serif;
--font-stack-headings: "Quarto A", "Quarto B", serif;
--font-stack-monospace: "Operator Mono SSm A", "Operator Mono SSm B", monospace;
/* colours */
--color-background: #004643;
--color-headline: #fffffe;
--color-paragraph: #abd1c6;
--color-button: #f9bc60;
--color-button-text: #001e1d;
/* colours - illustrations */
--color-stroke: #001e1d;
--color-main: #e8e4e6;
--color-highlight: #f9bc60;
--color-secondary: #abd1c6;
--color-tertiary: #e16162; }
body {
font-family: var(--font-stack-body);
font-size: 2rem; }
font-style: normal;
font-weight: 400;
font-size: 2rem;
background-color: var(--color-background);
color: var(--color-paragraph); }
h1,
h2,
@ -12,7 +30,23 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-stack-headings); }
font-family: var(--font-stack-headings);
font-style: normal;
font-weight: 800; }
pre,
code {
font-family: var(--font-stack-monospace);
font-style: normal;
font-weight: 400; }
a {
color: var(--color-highlight);
text-decoration: none; }
.h-feed > .note,
.h-feed > .h-entry {
margin-top: 4rem; }
body {
display: flex;

2
public/assets/app.css.map
View file

File diff suppressed because one or more lines are too long

23
resources/sass/_base.scss vendored
View file

@ -1,6 +1,10 @@
body {
font-family: var(--font-stack-body);
font-style: normal;
font-weight: 400;
font-size: 2rem;
background-color: var(--color-background);
color: var(--color-paragraph);
}
h1,
@ -10,4 +14,23 @@ h4,
h5,
h6 {
font-family: var(--font-stack-headings);
font-style: normal;
font-weight: 800;
}
pre,
code {
font-family: var(--font-stack-monospace);
font-style: normal;
font-weight: 400;
}
a {
color: var(--color-highlight);
text-decoration: none;
}
.h-feed > .note,
.h-feed > .h-entry {
margin-top: 4rem;
}

20
resources/sass/_variables.scss vendored
View file

@ -1,4 +1,20 @@
:root {
--font-stack-body: montserrat, sans-serif;
--font-stack-headings: bebas-neue, sans-serif;
/* fonts */
--font-stack-body: "Whitney SSm A", "Whitney SSm B", sans-serif;
--font-stack-headings: "Quarto A", "Quarto B", serif;
--font-stack-monospace: "Operator Mono SSm A", "Operator Mono SSm B", monospace;
/* colours */
--color-background: #004643;
--color-headline: #fffffe;
--color-paragraph: #abd1c6;
--color-button: #f9bc60;
--color-button-text: #001e1d;
/* colours - illustrations */
--color-stroke: #001e1d;
--color-main: #e8e4e6;
--color-highlight: #f9bc60;
--color-secondary: #abd1c6;
--color-tertiary: #e16162;
}

1
resources/views/master.blade.php
View file

@ -5,6 +5,7 @@
<title>@if (App::environment() == 'local'){!! "[testing] -"!!}@endif @yield('title'){{ config('app.display_name') }}</title>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="/assets/frontend/normalize.css">
<link rel="stylesheet" href="https://cloud.typography.com/6554898/6676412/css/fonts.css">
<link rel="stylesheet" href="/assets/app.css">
<link rel="stylesheet" href="/assets/highlight/zenburn.css">
<link rel="alternate" type="application/rss+xml" title="Blog RSS Feed" href="/blog/feed.rss">