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

Clean up old assets

Browse source
This commit is contained in:
Jonny Barnes 2023-04-07 16:29:50 +01:00
parent 8cfded9232
commit bcabf94741
Signed by: jonny
SSH key fingerprint: SHA256:CTuSlns5U7qlD9jqHvtnVmfYV3Zwl2Z7WnJ4/dqOaL8
45 changed files with 24 additions and 1127 deletions
Download patch file Download diff file Expand all files Collapse all files

10
resources/css/app.css vendored
View file

@ -1,6 +1,6 @@
@import "variables.css";
@import "base.css";
@import "layout/main.css";
@import "link-style.css";
@import "posse.css";
@import "user-profiles.css";
@import "fonts.css";
@import "layout.css";
@import "colours.css";
@import "code.css";
@import "content.css";

36
resources/css/base.css vendored
View file

@ -1,36 +0,0 @@
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,
h2,
h3,
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;
}

3
resources/css/code.css vendored Normal file
View file

@ -0,0 +1,3 @@
.hljs {
border-radius: .5rem;
}

18
resources/css/colours.css vendored Normal file
View file

@ -0,0 +1,18 @@
body {
background-color: var(--color-secondary);
color: var(--color-primary);
}
a {
color: var(--color-link);
&:visited {
color: var(--color-link-visited);
}
}
#site-header {
& a:visited {
color: var(--color-link);
}
}

36
resources/css/content.css vendored Normal file
View file

@ -0,0 +1,36 @@
@import "posse.css";
@import "h-card.css";
.h-entry {
border-inline-start: 1px solid var(--color-primary);
padding-inline-start: .5rem;
& .reply-to {
font-style: italic;
}
& .post-info {
& a {
text-decoration: none;
}
}
& .note-metadata {
display: flex;
flex-direction: row;
gap: 1rem;
& .syndication-links {
flex-flow: row wrap;
& a {
text-decoration: none;
& svg {
width: 1rem;
height: 1rem;
}
}
}
}
}

17
resources/css/fonts.css vendored Normal file
View file

@ -0,0 +1,17 @@
body {
font-family: var(--font-family-body);
font-size: var(--font-size-md);
}
code {
font-family: var(--font-family-monospace);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-family-headings);
}

32
resources/css/h-card.css vendored Normal file
View file

@ -0,0 +1,32 @@
.h-card {
& .hovercard {
display: none;
position: absolute;
z-index: 100;
padding: 1rem;
border-radius: 1rem;
box-shadow: 0 .5rem .5rem .5rem var(--color-primary-shadow);
background-color: var(--color-secondary);
width: fit-content;
transition: opacity 0.5s ease-in-out;
opacity: 0;
flex-direction: column;
gap: .5rem;
& .u-photo {
max-width: 6rem;
}
& .social-icon {
width: 1rem;
height: 1rem;
}
}
&:hover {
& .hovercard {
display: flex;
opacity: 1;
}
}
}

25
resources/css/layout.css vendored Normal file
View file

@ -0,0 +1,25 @@
.grid {
display: grid;
grid-template-columns: 5vw 1fr 5vw;
grid-template-rows: min-content 1fr min-content;
row-gap: 1rem;
}
#site-header {
grid-column: 2 / 3;
grid-row: 1 / 2;
}
main {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
footer {
grid-column: 2 / 3;
grid-row: 3 / 4;
& .iwc-logo {
max-width: 85vw;
}
}

125
resources/css/layout/main.css vendored
View file

@ -1,125 +0,0 @@
body {
display: flex;
flex-direction: column;
}
@media screen and (max-width: 699px) {
main {
margin-left: 5px;
margin-right: 5px;
}
}
@media screen and (min-width: 700px) {
main {
max-width: 700px;
}
main > .note,
main > .h-entry {
padding: 0 1rem;
}
}
main {
display: flex;
flex-direction: column;
margin: auto;
}
main img {
max-width: 100%;
}
main .h-entry:first-child > .bookmark-link {
padding-top: 2rem;
}
.note {
display: flex;
flex-direction: column;
}
.note-metadata {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.note .client {
word-break: break-all;
}
.note .syndication-links svg {
height: 1em;
width: 1em;
}
.note > .e-content > .naked-link .u-photo {
margin: 2rem 0;
}
article header > h1 {
margin-bottom: 0;
}
.post-info {
font-size: 1.4rem;
}
.pagination {
display: flex;
flex-flow: row wrap;
justify-content: space-evenly;
max-width: 90vw;
list-style-type: none;
}
.personal-bio {
padding: 0 2rem;
}
footer {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 1.5rem;
}
@media screen and (max-width: 699px) {
input {
max-width: 95vw;
}
}
.iwc-logo {
max-width: 100%;
}
@media screen and (max-width: 699px) {
footer {
margin-left: 5px;
margin-right: 5px;
}
}
#top-header {
display: flex;
flex-direction: column;
justify-content: center;
}
#top-header h1 {
width: 100%;
text-align: center;
}
nav {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
nav a {
margin: 0 0.5rem;
}

7
resources/css/link-style.css vendored
View file

@ -1,7 +0,0 @@
.post-info a {
text-decoration: none;
}
.syndication-links .u-syndication {
text-decoration: none;
}

1
resources/css/posse.css vendored
View file

@ -1,4 +1,3 @@
.p-bridgy-facebook-content,
.p-bridgy-twitter-content {
display: none;
}

3
resources/css/user-profiles.css vendored
View file

@ -1,3 +0,0 @@
.hovercard {
display: none;
}

34
resources/css/variables.css vendored
View file

@ -1,20 +1,22 @@
:root {
/* 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;
/* Font Family */
--font-family-headings: "Archer SSm A", "Archer SSm B", serif;
--font-family-body: "Verlag A", "Verlag B", sans-serif;
--font-family-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;
/* Font Size */
--font-size-sm: 0.75rem; /* 12px */
--font-size-base: 1rem; /* 16px, base */
--font-size-md: 1.25rem; /* 20px */
--font-size-lg: 1.5rem; /* 24px */
--font-size-xl: 1.75rem; /* 28px */
--font-size-xxl: 2rem; /* 32px */
--font-size-xxxl: 2.25rem; /* 36px */
/* colours - illustrations */
--color-stroke: #001e1d;
--color-main: #e8e4e6;
--color-highlight: #f9bc60;
--color-secondary: #abd1c6;
--color-tertiary: #e16162;
/* Colours */
--color-primary: oklch(36.8% 0.1 125.505);
--color-secondary: oklch(96.3% 0.1 125.505);
--color-link: oklch(48.09% 0.146 241.41);
--color-link-visited: oklch(70.44% 0.21 304.41);
--color-primary-shadow: oklch(19.56% 0.054 125.505 / 40%);
}