added content, post display
This commit is contained in:
parent
ae9fff231b
commit
a6186ba639
36 changed files with 751 additions and 199 deletions
|
@ -2,7 +2,7 @@
|
|||
$primary: #e48663;
|
||||
$secondary: #00b0b0;
|
||||
$success: #99c24d;
|
||||
$info: #a67db8;
|
||||
$info: #b489c7;
|
||||
$warning: #f4d35e;
|
||||
|
||||
$white: #fff;
|
||||
|
|
|
@ -5,12 +5,15 @@
|
|||
// Font, line-height, and color for body text, headings, and more.
|
||||
|
||||
// stylelint-disable value-keyword-case
|
||||
$font-family-sans-serif: Lato, system-ui, -apple-system, "Segoe UI", Roboto,
|
||||
$font-family-sans-serif: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto,
|
||||
"Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
|
||||
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
|
||||
$font-family-secondary: Righteous, system-ui, -apple-system, "Segoe UI", Roboto,
|
||||
$font-family-base: $font-family-sans-serif;
|
||||
|
||||
$font-family-brand: Righteous, system-ui, -apple-system, "Segoe UI", Roboto,
|
||||
"Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
|
||||
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
|
||||
|
||||
$font-family-monospace: "Fira Mono", SFMono-Regular, Menlo, Monaco, Consolas,
|
||||
"Liberation Mono", "Courier New", monospace !important;
|
||||
$font-family-code: "Fira Code", "Fira Mono", SFMono-Regular, Menlo, Monaco,
|
||||
|
|
|
@ -1,21 +1,30 @@
|
|||
/* Fontsource Lato */
|
||||
// @import "../node_modules/@fontsource/lato/100.css"; /* thin | normal */
|
||||
// @import "../node_modules/@fontsource/lato/100-italic.css"; /* thin | italic */
|
||||
@import "../node_modules/@fontsource/lato/300.css"; /* light | normal */
|
||||
// @import "../node_modules/@fontsource/lato/300-italic.css"; /* light | italic */
|
||||
@import "../node_modules/@fontsource/lato/400.css"; /* normal | normal */
|
||||
// @import "../node_modules/@fontsource/lato/400-italic.css"; /* normal | italic */
|
||||
@import "../node_modules/@fontsource/lato/700.css"; /* bold | normal */
|
||||
// @import "../node_modules/@fontsource/lato/700-italic.css"; /* bold | italic */
|
||||
// @import "../node_modules/@fontsource/lato/900.css"; /* black | normal */
|
||||
// @import "../node_modules/@fontsource/lato/900-italic.css"; /* black | italic */
|
||||
/* Fontsource Work Sans */
|
||||
@import "../node_modules/@fontsource/work-sans/100.css"; /* thin | normal */
|
||||
@import "../node_modules/@fontsource/work-sans/100-italic.css"; /* thin | italic */
|
||||
// @import "../node_modules/@fontsource/work-sans/200.css"; /* thin-light | normal */
|
||||
// @import "../node_modules/@fontsource/work-sans/200-italic.css"; /* thin-light | italic */
|
||||
@import "../node_modules/@fontsource/work-sans/300.css"; /* light | normal */
|
||||
@import "../node_modules/@fontsource/work-sans/300-italic.css"; /* light | italic */
|
||||
@import "../node_modules/@fontsource/work-sans/400.css"; /* normal | normal */
|
||||
@import "../node_modules/@fontsource/work-sans/400-italic.css"; /* normal | italic */
|
||||
// @import "../node_modules/@fontsource/work-sans/500.css"; /* heavier | normal */
|
||||
// @import "../node_modules/@fontsource/work-sans/500-italic.css"; /* heavier | italic */
|
||||
@import "../node_modules/@fontsource/work-sans/600.css"; /* heavier? | normal */
|
||||
@import "../node_modules/@fontsource/work-sans/600-italic.css"; /* heavier | italic */
|
||||
@import "../node_modules/@fontsource/work-sans/700.css"; /* bold | normal */
|
||||
@import "../node_modules/@fontsource/work-sans/700-italic.css"; /* bold | italic */
|
||||
// @import "../node_modules/@fontsource/work-sans/800.css"; /* bolder? | normal */
|
||||
// @import "../node_modules/@fontsource/work-sans/800-italic.css"; /* bolder? | italic */
|
||||
// @import "../node_modules/@fontsource/work-sans/900.css"; /* black | normal */
|
||||
// @import "../node_modules/@fontsource/work-sans/900-italic.css"; /* black | italic */
|
||||
|
||||
|
||||
/* Fontsource Righteous */
|
||||
@import "../node_modules/@fontsource/righteous/400.css"; /* normal | normal */
|
||||
|
||||
/* Fontsource Fira Mono */
|
||||
@import "../node_modules/@fontsource/fira-mono/400.css"; /* normal | normal */
|
||||
// @import "../node_modules/@fontsource/fira-mono/500.css"; /* heavier normal? */
|
||||
@import "../node_modules/@fontsource/fira-mono/500.css"; /* heavier normal? */
|
||||
// @import "../node_modules/@fontsource/fira-mono/700.css"; /* bold | normal */
|
||||
|
||||
/* Fontsource Fira Code */
|
||||
|
|
|
@ -23,25 +23,64 @@ body {
|
|||
background-color: $gray-800;
|
||||
height: 100%;
|
||||
}
|
||||
a {
|
||||
color: $primary;
|
||||
&:visited {
|
||||
color: $info;
|
||||
}
|
||||
&:hover {
|
||||
color: $secondary;
|
||||
}
|
||||
}
|
||||
.border-gray-900 {
|
||||
border-color: $gray-900 !important;
|
||||
}
|
||||
.text-gray-200 {
|
||||
color: $gray-200;
|
||||
}
|
||||
.text-gray-300 {
|
||||
color: $gray-300;
|
||||
}
|
||||
.text-gray-400 {
|
||||
color: $gray-400;
|
||||
}
|
||||
.text-gray-500 {
|
||||
color: $gray-500;
|
||||
}
|
||||
.border-10 {
|
||||
border-width: 10px !important;
|
||||
}
|
||||
.border-20 {
|
||||
border-width: 20px !important;
|
||||
}
|
||||
.fw-500 {
|
||||
font-weight: 500;
|
||||
}
|
||||
.fw-600 {
|
||||
font-weight: 600;
|
||||
}
|
||||
.font-sans-serif {
|
||||
font-family: $font-family-sans-serif;
|
||||
}
|
||||
.font-brand {
|
||||
font-family: $font-family-brand;
|
||||
}
|
||||
.font-code {
|
||||
font-family: $font-family-code;
|
||||
}
|
||||
.fs-larger {
|
||||
font-size: larger;
|
||||
}
|
||||
.fs-smaller {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
/* social icons */
|
||||
#social-icons .link-light:hover {
|
||||
color: $primary;
|
||||
#social-icons .link-light {
|
||||
color: $gray-100;
|
||||
&:hover {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
/* resume separators */
|
||||
|
@ -49,26 +88,46 @@ body {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
color: $gray-300;
|
||||
color: $gray-500;
|
||||
font-family: $font-family-monospace;
|
||||
font-size: smaller;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
font-weight: 700;
|
||||
&::before,
|
||||
&::after {
|
||||
content: "";
|
||||
flex: 1;
|
||||
border-bottom: 1px solid $secondary;
|
||||
}
|
||||
&:not(:empty)::before {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
&:not(:empty)::after {
|
||||
margin-left: 0.33em;
|
||||
}
|
||||
}
|
||||
|
||||
.separator::before,
|
||||
.separator::after {
|
||||
content: "";
|
||||
flex: 1;
|
||||
border-bottom: 1px solid $secondary;
|
||||
/* blog */
|
||||
.post-title a {
|
||||
color: $gray-100;
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
color: $primary;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.separator:not(:empty)::before {
|
||||
margin-right: 0.5em;
|
||||
.post-lede,
|
||||
.post-body {
|
||||
color: $gray-200;
|
||||
h2, h3, h4, h5, h6 {
|
||||
color: $gray-300;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.separator:not(:empty)::after {
|
||||
margin-left: 0.33em;
|
||||
.post-lede.lead {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 300;
|
||||
color: $gray-300;
|
||||
}
|
||||
|
||||
/* extra */
|
||||
|
|
|
@ -8,10 +8,13 @@ import "../css/app.scss";
|
|||
import "../node_modules/@mdi/svg/svg/desktop-classic.svg"; // brand
|
||||
// other:///
|
||||
import "../node_modules/@mdi/svg/svg/home.svg";
|
||||
import "../node_modules/@mdi/svg/svg/information.svg";
|
||||
import "../node_modules/@mdi/svg/svg/account.svg";
|
||||
import "../node_modules/@mdi/svg/svg/briefcase-account.svg";
|
||||
import "../node_modules/@mdi/svg/svg/zip-disk.svg";
|
||||
import "../node_modules/@mdi/svg/svg/typewriter.svg";
|
||||
import "../node_modules/@mdi/svg/svg/calendar-clock.svg";
|
||||
import "../node_modules/@mdi/svg/svg/tag-multiple.svg";
|
||||
import "../node_modules/@mdi/svg/svg/rss.svg";
|
||||
import "../node_modules/@mdi/svg/svg/account-hard-hat.svg";
|
||||
// social
|
||||
|
|
22
assets/package-lock.json
generated
22
assets/package-lock.json
generated
|
@ -8,8 +8,8 @@
|
|||
"dependencies": {
|
||||
"@fontsource/fira-code": "^4.x",
|
||||
"@fontsource/fira-mono": "^4.x",
|
||||
"@fontsource/lato": "^4.x",
|
||||
"@fontsource/righteous": "^4.x",
|
||||
"@fontsource/work-sans": "^4.2.2",
|
||||
"@mdi/svg": "^5.x",
|
||||
"@popperjs/core": "^2.x",
|
||||
"bootstrap": "^5.0.0-beta3",
|
||||
|
@ -1292,16 +1292,16 @@
|
|||
"resolved": "https://registry.npmjs.org/@fontsource/fira-mono/-/fira-mono-4.2.2.tgz",
|
||||
"integrity": "sha512-t2WRThg+eLkQNQCtPG2sCCq40lz3xeb7nsL7P8l4+wfSRbdLQXAY5IebMftI2YEZR4MRRhdgrg0p5fi/2yXypA=="
|
||||
},
|
||||
"node_modules/@fontsource/lato": {
|
||||
"version": "4.2.2",
|
||||
"resolved": "https://registry.npmjs.org/@fontsource/lato/-/lato-4.2.2.tgz",
|
||||
"integrity": "sha512-ZE5WvqZQZinXpH8MaEiM9klDsUOfCHVQJ/tZKpNVQhi8mHt9WqPCROu500oI5jC3s6jaJuWsM7LfJ1zyEeW+XA=="
|
||||
},
|
||||
"node_modules/@fontsource/righteous": {
|
||||
"version": "4.2.2",
|
||||
"resolved": "https://registry.npmjs.org/@fontsource/righteous/-/righteous-4.2.2.tgz",
|
||||
"integrity": "sha512-mUjFblfCV6eWZj+lkrXFZsER8pq/3LOCoT3ezKPcerYH7StXQ8Gflcs0uMqacZP7CVLyzVUkPvSgLMQJTQvypg=="
|
||||
},
|
||||
"node_modules/@fontsource/work-sans": {
|
||||
"version": "4.2.2",
|
||||
"resolved": "https://registry.npmjs.org/@fontsource/work-sans/-/work-sans-4.2.2.tgz",
|
||||
"integrity": "sha512-fFm8a1TbE+qDnRNsf4R6Z/yZP2f3mbj54zSoWUMIWVkgTHM0RfpcOTqoIp7Aj5jon6na0Oynlq5yXvMA5p3pKA=="
|
||||
},
|
||||
"node_modules/@mdi/svg": {
|
||||
"version": "5.9.55",
|
||||
"resolved": "https://registry.npmjs.org/@mdi/svg/-/svg-5.9.55.tgz",
|
||||
|
@ -10919,16 +10919,16 @@
|
|||
"resolved": "https://registry.npmjs.org/@fontsource/fira-mono/-/fira-mono-4.2.2.tgz",
|
||||
"integrity": "sha512-t2WRThg+eLkQNQCtPG2sCCq40lz3xeb7nsL7P8l4+wfSRbdLQXAY5IebMftI2YEZR4MRRhdgrg0p5fi/2yXypA=="
|
||||
},
|
||||
"@fontsource/lato": {
|
||||
"version": "4.2.2",
|
||||
"resolved": "https://registry.npmjs.org/@fontsource/lato/-/lato-4.2.2.tgz",
|
||||
"integrity": "sha512-ZE5WvqZQZinXpH8MaEiM9klDsUOfCHVQJ/tZKpNVQhi8mHt9WqPCROu500oI5jC3s6jaJuWsM7LfJ1zyEeW+XA=="
|
||||
},
|
||||
"@fontsource/righteous": {
|
||||
"version": "4.2.2",
|
||||
"resolved": "https://registry.npmjs.org/@fontsource/righteous/-/righteous-4.2.2.tgz",
|
||||
"integrity": "sha512-mUjFblfCV6eWZj+lkrXFZsER8pq/3LOCoT3ezKPcerYH7StXQ8Gflcs0uMqacZP7CVLyzVUkPvSgLMQJTQvypg=="
|
||||
},
|
||||
"@fontsource/work-sans": {
|
||||
"version": "4.2.2",
|
||||
"resolved": "https://registry.npmjs.org/@fontsource/work-sans/-/work-sans-4.2.2.tgz",
|
||||
"integrity": "sha512-fFm8a1TbE+qDnRNsf4R6Z/yZP2f3mbj54zSoWUMIWVkgTHM0RfpcOTqoIp7Aj5jon6na0Oynlq5yXvMA5p3pKA=="
|
||||
},
|
||||
"@mdi/svg": {
|
||||
"version": "5.9.55",
|
||||
"resolved": "https://registry.npmjs.org/@mdi/svg/-/svg-5.9.55.tgz",
|
||||
|
|
|
@ -9,8 +9,8 @@
|
|||
"dependencies": {
|
||||
"@fontsource/fira-code": "^4.x",
|
||||
"@fontsource/fira-mono": "^4.x",
|
||||
"@fontsource/lato": "^4.x",
|
||||
"@fontsource/righteous": "^4.x",
|
||||
"@fontsource/work-sans": "^4.2.2",
|
||||
"@mdi/svg": "^5.x",
|
||||
"@popperjs/core": "^2.x",
|
||||
"bootstrap": "^5.0.0-beta3",
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue