improve appearance

This commit is contained in:
2025-06-09 11:45:49 -06:00
parent d4ac24c869
commit 97a31721d0
32 changed files with 8340 additions and 103 deletions

View File

@ -76,6 +76,24 @@ $font-path: '/fonts/static/'
font-weight: 900
src: local('Source Sans 3 Black'), local('SourceSans3-Black'), url('#{$font-path}SourceSans3-Black.woff2') format('woff2'), url('#{$font-path}SourceSans3-Black.ttf') format('truetype')
@font-face
font-family: 'Source Code Pro'
font-style: normal
font-display: swap
font-weight: 600
src: local('Source Code Pro Medium'), local('SourceCodePro-Medium'), url('#{$font-path}SourceCodePro-Medium.woff2') format('woff2'), url('#{$font-path}SourceCodePro-Medium.ttf') format('truetype')
@font-face
font-family: 'Source Code Pro'
font-style: italic
font-display: swap
font-weight: 600
src: local('Source Code Pro Medium Italic'), local('SourceCodePro-MediumItalic'), url('#{$font-path}SourceCodePro-MediumItalic.woff2') format('woff2'), url('#{$font-path}SourceCodePro-MediumItalic.ttf') format('truetype')
*
font-family: 'Source Sans 3', sans-serif
code
font-family: 'Source Code Pro', monospace

View File

@ -113,6 +113,80 @@ section
text-align: center
h1
margin: 0
.time
font-size: 0.8rem
width: 100%
font-size: 3rem
word-break: break-word
.subtitle
margin: 0
width: 100%
font-size: 1.2rem
font-weight: 300
color: $text-subtle
.time
font-size: 0.8rem
color: $text-subtle
text-align: center
article
background: $surface
border-radius: 8px
padding: $spacing-unit
margin: $spacing-unit 0
position: relative
transition: background 0.5s ease-in-out
&:hover, &:focus
background: $primary-dark
h3
margin: 0
font-size: 1.5rem
font-weight: 700
color: $text
a
color: $text
position: absolute
top: 0
left: 0
width: 100%
height: 100%
z-index: 1
text-indent: -9999px
overflow: hidden
text-decoration: none
transition: color 0.3s ease-in-out
&:hover, &:focus
color: $accent-light
&:not(a)
position: relative
z-index: 2
p
margin: 0.5rem 0
font-size: 1rem
color: $text-subtle
font-weight: 300
.subtitle
margin: 0 0 0 0.5rem
width: 100%
font-size: 1.1rem
font-weight: 300
color: $text-subtle
.term-title
font-weight: 700
padding: 0.3rem 0.8rem
margin-bottom: 0.5rem
border-radius: $border-radius
p code
background: darken($primary-dark,10%)
margin: 0 0.2rem
padding: 0.2rem 0.4rem
border-radius: 5px
font-size: 0.8rem
pre
padding: 0.5rem
border-radius: 5px
overflow-x: auto
code
font-size: 0.8rem

View File

@ -1,11 +1,11 @@
/* _text.sass */
a
color: $primary
color: $accent-light
text-decoration: underline
transition: color 0.3s ease-in-out
&:hover, &:focus
color: $accent
color: $primary
#quick-links
text-align: left
@ -13,8 +13,10 @@ a
#link-list
display: flex
gap: $spacing-unit
align-items: left
margin: $spacing-unit 0
align-items: center
flex-wrap: wrap
margin: 2rem 0 $spacing-unit 0
justify-content: center
#link-list h2
flex: none
@ -41,3 +43,15 @@ a
transition: background 0.3s ease-in-out
&:hover, &:focus
background: $accent-light
a.button
padding: 0.3rem 0.6rem
margin: 0 0.2rem
border-radius: $border-radius
background: $primary-light
color: $darkest
text-decoration: none
font-weight: 500
transition: background 0.3s ease-in-out
&:hover, &:focus
background: $accent-light

View File

@ -1,4 +1,5 @@
#publications
font-weight: 300
ul
list-style: none
margin: 0
@ -11,3 +12,10 @@
background: $surface
border-radius: 8px
padding: 1em 1.5em
a
color: $primary-light
text-decoration: none
font-weight: 100
transition: color 0.3s ease-in-out
&:hover, &:focus
color: $accent-light

View File

@ -37,6 +37,12 @@ table#taxonomy-table
font-weight: 600
border: none
td.description
font-weight: 300
color: $text-subtle
td.tool
min-width: 100px
a.term-link
padding: 0.2rem 0.6rem
margin: 0.2rem