parent
dd9e97016c
commit
c859780f74
26 changed files with 1918 additions and 1900 deletions
@ -1,62 +1,62 @@ |
|||||||
name: Hugo CD |
name: Hugo CD |
||||||
|
|
||||||
on: |
on: |
||||||
push: |
push: |
||||||
branches: |
branches: |
||||||
- "master" |
- "master" |
||||||
|
|
||||||
defaults: |
defaults: |
||||||
run: |
run: |
||||||
working-directory: ./ |
working-directory: ./ |
||||||
|
|
||||||
jobs: |
jobs: |
||||||
build: |
build: |
||||||
timeout-minutes: 6 |
timeout-minutes: 6 |
||||||
name: Build |
name: Build |
||||||
runs-on: ubuntu-latest |
runs-on: ubuntu-latest |
||||||
steps: |
steps: |
||||||
- name: Checkout code |
- name: Checkout code |
||||||
uses: actions/checkout@v4 |
uses: actions/checkout@v4 |
||||||
|
|
||||||
- name: Setup hugo |
- name: Setup hugo |
||||||
uses: peaceiris/actions-hugo@v3 |
uses: peaceiris/actions-hugo@v3 |
||||||
with: |
with: |
||||||
hugo-version: "latest" |
hugo-version: "latest" |
||||||
extended: true |
extended: true |
||||||
|
|
||||||
- name: Build |
- name: Build |
||||||
run: hugo --minify |
run: hugo --minify |
||||||
|
|
||||||
- name: Upload deployment |
- name: Upload deployment |
||||||
uses: actions/upload-artifact@v4 |
uses: actions/upload-artifact@v4 |
||||||
with: |
with: |
||||||
name: public-html |
name: public-html |
||||||
path: ./public |
path: ./public |
||||||
|
|
||||||
deploy: |
deploy: |
||||||
timeout-minutes: 6 |
timeout-minutes: 6 |
||||||
name: Deploy |
name: Deploy |
||||||
runs-on: ubuntu-latest |
runs-on: ubuntu-latest |
||||||
needs: build |
needs: build |
||||||
environment: |
environment: |
||||||
name: production |
name: production |
||||||
url: https://maik.dev/ |
url: https://maik.dev/ |
||||||
steps: |
steps: |
||||||
- name: Download deployment |
- name: Download deployment |
||||||
uses: actions/download-artifact@v4 |
uses: actions/download-artifact@v4 |
||||||
with: |
with: |
||||||
name: public-html |
name: public-html |
||||||
path: ./public-html |
path: ./public-html |
||||||
|
|
||||||
- name: Setup SSH config for remote server |
- name: Setup SSH config for remote server |
||||||
run: | |
run: | |
||||||
mkdir -p ~/.ssh |
mkdir -p ~/.ssh |
||||||
echo "${{ secrets.SSH_PRIVATE_KEY }}" > ~/.ssh/id_ed25519 |
echo "${{ secrets.SSH_PRIVATE_KEY }}" > ~/.ssh/id_ed25519 |
||||||
echo "${{ secrets.SSH_HOST }} ssh-ed25519 ${{ secrets.SSH_HOST_KEY }}" > ~/.ssh/known_hosts |
echo "${{ secrets.SSH_HOST }} ssh-ed25519 ${{ secrets.SSH_HOST_KEY }}" > ~/.ssh/known_hosts |
||||||
chmod 600 ~/.ssh/id_ed25519 |
chmod 600 ~/.ssh/id_ed25519 |
||||||
eval "$(ssh-agent -s)" |
eval "$(ssh-agent -s)" |
||||||
ssh-add ~/.ssh/id_ed25519 |
ssh-add ~/.ssh/id_ed25519 |
||||||
|
|
||||||
- name: Transfer deployment to remote server |
- name: Transfer deployment to remote server |
||||||
run: | |
run: | |
||||||
rsync -avh --delete-after ./public-html/ ${{ secrets.SSH_USERNAME }}@${{ secrets.SSH_HOST }}:~/maik.dev |
rsync -avh --delete-after ./public-html/ ${{ secrets.SSH_USERNAME }}@${{ secrets.SSH_HOST }}:~/maik.dev |
||||||
|
|||||||
@ -1,34 +1,34 @@ |
|||||||
name: Hugo CI |
name: Hugo CI |
||||||
|
|
||||||
on: |
on: |
||||||
push: |
push: |
||||||
branches: |
branches: |
||||||
- "*" |
- "*" |
||||||
- "*/*" |
- "*/*" |
||||||
- "**" |
- "**" |
||||||
- "!master" |
- "!master" |
||||||
pull_request: |
pull_request: |
||||||
branches: |
branches: |
||||||
- "master" |
- "master" |
||||||
|
|
||||||
defaults: |
defaults: |
||||||
run: |
run: |
||||||
working-directory: ./ |
working-directory: ./ |
||||||
|
|
||||||
jobs: |
jobs: |
||||||
ci: |
ci: |
||||||
timeout-minutes: 5 |
timeout-minutes: 5 |
||||||
name: CI |
name: CI |
||||||
runs-on: ubuntu-latest |
runs-on: ubuntu-latest |
||||||
steps: |
steps: |
||||||
- name: Checkout code |
- name: Checkout code |
||||||
uses: actions/checkout@v4 |
uses: actions/checkout@v4 |
||||||
|
|
||||||
- name: Setup hugo |
- name: Setup hugo |
||||||
uses: peaceiris/actions-hugo@v3 |
uses: peaceiris/actions-hugo@v3 |
||||||
with: |
with: |
||||||
hugo-version: "latest" |
hugo-version: "latest" |
||||||
extended: true |
extended: true |
||||||
|
|
||||||
- name: Build |
- name: Build |
||||||
run: hugo -D -F |
run: hugo -D -F |
||||||
|
|||||||
@ -1,5 +1,5 @@ |
|||||||
baseURL = "https://maik.dev/" |
baseURL = "https://maik.dev/" |
||||||
|
|
||||||
[services] |
[services] |
||||||
[services.googleAnalytics] |
[services.googleAnalytics] |
||||||
id = "UA-136337666-1" |
id = "UA-136337666-1" |
||||||
|
|||||||
@ -1,38 +1,40 @@ |
|||||||
|
// Path navigation on top left
|
||||||
window.addEventListener("load", () => { |
window.addEventListener("load", () => { |
||||||
const terminal = document.getElementById('nav-terminal') |
const terminal = document.getElementById("nav-terminal"); |
||||||
|
|
||||||
const keyDown = (e) => { |
const keyDown = (e) => { |
||||||
if (e.keyCode === 13) { |
if (e.keyCode === 13) { |
||||||
if (document.activeElement !== document.body) return |
if (document.activeElement !== document.body) return; |
||||||
if (terminal.textContent.length === 0) return |
if (terminal.textContent.length === 0) return; |
||||||
|
|
||||||
if (terminal.textContent.includes("~")) terminal.textContent = "" |
if (terminal.textContent.includes("~")) terminal.textContent = ""; |
||||||
|
|
||||||
window.location.href = window.location.origin + "/" + terminal.textContent |
window.location.href = |
||||||
return |
window.location.origin + "/" + terminal.textContent; |
||||||
} |
return; |
||||||
|
} |
||||||
|
|
||||||
if (e.keyCode === 8) { |
if (e.keyCode === 8) { |
||||||
terminal.textContent = terminal.textContent.slice(0, -1) |
terminal.textContent = terminal.textContent.slice(0, -1); |
||||||
return |
return; |
||||||
} |
} |
||||||
|
|
||||||
if (e.keyCode === 192) { |
if (e.keyCode === 192) { |
||||||
if (terminal.textContent.length !== 0) return |
if (terminal.textContent.length !== 0) return; |
||||||
|
|
||||||
terminal.textContent += "~" |
terminal.textContent += "~"; |
||||||
return |
return; |
||||||
} |
} |
||||||
|
|
||||||
if (e.keyCode === 191) { |
if (e.keyCode === 191) { |
||||||
terminal.textContent += "/" |
terminal.textContent += "/"; |
||||||
return |
return; |
||||||
} |
} |
||||||
|
|
||||||
if (e.keyCode < 65 || e.keyCode > 90) return |
if (e.keyCode < 65 || e.keyCode > 90) return; |
||||||
|
|
||||||
terminal.textContent += e.key.toLowerCase() |
terminal.textContent += e.key.toLowerCase(); |
||||||
} |
}; |
||||||
|
|
||||||
document.addEventListener('keydown', keyDown) |
document.addEventListener("keydown", keyDown); |
||||||
}) |
}); |
||||||
|
|||||||
@ -1,99 +1,101 @@ |
|||||||
.button-container { |
.button-container { |
||||||
display: table; |
display: table; |
||||||
margin-left: auto; |
margin-left: auto; |
||||||
margin-right: auto; |
margin-right: auto; |
||||||
} |
} |
||||||
|
|
||||||
button, |
button, |
||||||
.button, |
.button, |
||||||
a.button { |
a.button { |
||||||
position: relative; |
position: relative; |
||||||
display: flex; |
display: flex; |
||||||
align-items: center; |
align-items: center; |
||||||
justify-content: center; |
justify-content: center; |
||||||
padding: 8px 18px; |
|
||||||
margin-bottom: 5px; |
|
||||||
background: $light-background-secondary; |
|
||||||
text-decoration: none; |
|
||||||
text-align: center; |
|
||||||
font-weight: 500; |
|
||||||
border-radius: 8px; |
|
||||||
border: 1px solid transparent; |
|
||||||
appearance: none; |
|
||||||
cursor: pointer; |
|
||||||
outline: none; |
|
||||||
|
|
||||||
.dark-theme & { |
|
||||||
background: $dark-background-secondary; |
|
||||||
color: inherit; |
|
||||||
} |
|
||||||
|
|
||||||
/* variants */ |
|
||||||
|
|
||||||
&.outline { |
|
||||||
background: transparent; |
|
||||||
border-color: $light-background-secondary; |
|
||||||
box-shadow: none; |
|
||||||
padding: 8px 18px; |
padding: 8px 18px; |
||||||
|
margin-bottom: 5px; |
||||||
|
background: $light-background-secondary; |
||||||
|
text-decoration: none; |
||||||
|
text-align: center; |
||||||
|
font-weight: 500; |
||||||
|
border-radius: 8px; |
||||||
|
border: 1px solid transparent; |
||||||
|
appearance: none; |
||||||
|
cursor: pointer; |
||||||
|
outline: none; |
||||||
|
|
||||||
.dark-theme & { |
.dark-theme & { |
||||||
border-color: $dark-background-secondary; |
background: $dark-background-secondary; |
||||||
color: inherit; |
color: inherit; |
||||||
} |
} |
||||||
|
|
||||||
:hover { |
/* variants */ |
||||||
transform: none; |
|
||||||
box-shadow: none; |
&.outline { |
||||||
|
background: transparent; |
||||||
|
border-color: $light-background-secondary; |
||||||
|
box-shadow: none; |
||||||
|
padding: 8px 18px; |
||||||
|
|
||||||
|
.dark-theme & { |
||||||
|
border-color: $dark-background-secondary; |
||||||
|
color: inherit; |
||||||
|
} |
||||||
|
|
||||||
|
:hover { |
||||||
|
transform: none; |
||||||
|
box-shadow: none; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
&.primary { |
&.primary { |
||||||
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08); |
box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), |
||||||
|
0 1px 3px rgba(0, 0, 0, 0.08); |
||||||
|
|
||||||
&:hover { |
&:hover { |
||||||
box-shadow: 0 2px 6px rgba(50, 50, 93, .21), 0 1px 3px rgba(0, 0, 0, .08); |
box-shadow: 0 2px 6px rgba(50, 50, 93, 0.21), |
||||||
|
0 1px 3px rgba(0, 0, 0, 0.08); |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
&.link { |
&.link { |
||||||
background: none; |
background: none; |
||||||
font-size: 1rem; |
font-size: 1rem; |
||||||
} |
} |
||||||
|
|
||||||
&.small { |
&.small { |
||||||
font-size: .8rem; |
font-size: 0.8rem; |
||||||
} |
} |
||||||
|
|
||||||
&.wide { |
&.wide { |
||||||
min-width: 200px; |
min-width: 200px; |
||||||
padding: 14px 24px; |
padding: 14px 24px; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.code-toolbar { |
.code-toolbar { |
||||||
margin-bottom: 20px; |
margin-bottom: 20px; |
||||||
|
|
||||||
.toolbar-item a { |
.toolbar-item a { |
||||||
position: relative; |
position: relative; |
||||||
display: inline-flex; |
display: inline-flex; |
||||||
align-items: center; |
align-items: center; |
||||||
justify-content: center; |
justify-content: center; |
||||||
padding: 3px 8px; |
padding: 3px 8px; |
||||||
margin-bottom: 5px; |
margin-bottom: 5px; |
||||||
background: $light-background-secondary; |
background: $light-background-secondary; |
||||||
text-decoration: none; |
text-decoration: none; |
||||||
text-align: center; |
text-align: center; |
||||||
font-size: 13px; |
font-size: 13px; |
||||||
font-weight: 500; |
font-weight: 500; |
||||||
border-radius: 8px; |
border-radius: 8px; |
||||||
border: 1px solid transparent; |
border: 1px solid transparent; |
||||||
appearance: none; |
appearance: none; |
||||||
cursor: pointer; |
cursor: pointer; |
||||||
outline: none; |
outline: none; |
||||||
|
|
||||||
.dark-theme & { |
.dark-theme & { |
||||||
background: $dark-background-secondary; |
background: $dark-background-secondary; |
||||||
color: inherit; |
color: inherit; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
@ -1,53 +1,53 @@ |
|||||||
@font-face { |
@font-face { |
||||||
font-family: 'Inter UI'; |
font-family: "Inter UI"; |
||||||
font-style: normal; |
font-style: normal; |
||||||
font-display: fallback; |
font-display: fallback; |
||||||
font-weight: 400; |
font-weight: 400; |
||||||
src: url("../fonts/Inter-UI-Regular.woff2") format("woff2"), |
src: url("../fonts/Inter-UI-Regular.woff2") format("woff2"), |
||||||
url("../fonts/Inter-UI-Regular.woff") format("woff"); |
url("../fonts/Inter-UI-Regular.woff") format("woff"); |
||||||
} |
} |
||||||
|
|
||||||
@font-face { |
@font-face { |
||||||
font-family: 'Inter UI'; |
font-family: "Inter UI"; |
||||||
font-style: italic; |
font-style: italic; |
||||||
font-display: fallback; |
font-display: fallback; |
||||||
font-weight: 400; |
font-weight: 400; |
||||||
src: url("../fonts/Inter-UI-Italic.woff2") format("woff2"), |
src: url("../fonts/Inter-UI-Italic.woff2") format("woff2"), |
||||||
url("../fonts/Inter-UI-Italic.woff") format("woff"); |
url("../fonts/Inter-UI-Italic.woff") format("woff"); |
||||||
} |
} |
||||||
|
|
||||||
@font-face { |
@font-face { |
||||||
font-family: 'Inter UI'; |
font-family: "Inter UI"; |
||||||
font-style: normal; |
font-style: normal; |
||||||
font-display: auto; |
font-display: auto; |
||||||
font-weight: 600; |
font-weight: 600; |
||||||
src: url("../fonts/Inter-UI-Medium.woff2") format("woff2"), |
src: url("../fonts/Inter-UI-Medium.woff2") format("woff2"), |
||||||
url("../fonts/Inter-UI-Medium.woff") format("woff"); |
url("../fonts/Inter-UI-Medium.woff") format("woff"); |
||||||
} |
} |
||||||
|
|
||||||
@font-face { |
@font-face { |
||||||
font-family: 'Inter UI'; |
font-family: "Inter UI"; |
||||||
font-style: italic; |
font-style: italic; |
||||||
font-display: fallback; |
font-display: fallback; |
||||||
font-weight: 600; |
font-weight: 600; |
||||||
src: url("../fonts/Inter-UI-MediumItalic.woff2") format("woff2"), |
src: url("../fonts/Inter-UI-MediumItalic.woff2") format("woff2"), |
||||||
url("../fonts/Inter-UI-MediumItalic.woff") format("woff"); |
url("../fonts/Inter-UI-MediumItalic.woff") format("woff"); |
||||||
} |
} |
||||||
|
|
||||||
@font-face { |
@font-face { |
||||||
font-family: 'Inter UI'; |
font-family: "Inter UI"; |
||||||
font-style: normal; |
font-style: normal; |
||||||
font-display: fallback; |
font-display: fallback; |
||||||
font-weight: 800; |
font-weight: 800; |
||||||
src: url("../fonts/Inter-UI-Bold.woff2") format("woff2"), |
src: url("../fonts/Inter-UI-Bold.woff2") format("woff2"), |
||||||
url("../fonts/Inter-UI-Bold.woff") format("woff"); |
url("../fonts/Inter-UI-Bold.woff") format("woff"); |
||||||
} |
} |
||||||
|
|
||||||
@font-face { |
@font-face { |
||||||
font-family: 'Inter UI'; |
font-family: "Inter UI"; |
||||||
font-style: italic; |
font-style: italic; |
||||||
font-display: fallback; |
font-display: fallback; |
||||||
font-weight: 800; |
font-weight: 800; |
||||||
src: url("../fonts/Inter-UI-BoldItalic.woff2") format("woff2"), |
src: url("../fonts/Inter-UI-BoldItalic.woff2") format("woff2"), |
||||||
url("../fonts/Inter-UI-BoldItalic.woff") format("woff"); |
url("../fonts/Inter-UI-BoldItalic.woff") format("woff"); |
||||||
} |
} |
||||||
@ -1,77 +1,77 @@ |
|||||||
.footer { |
.footer { |
||||||
padding: 40px 20px; |
padding: 40px 20px; |
||||||
flex-grow: 0; |
flex-grow: 0; |
||||||
color: $light-color-secondary; |
color: $light-color-secondary; |
||||||
|
|
||||||
&__inner { |
&__inner { |
||||||
display: flex; |
display: flex; |
||||||
align-items: center; |
align-items: center; |
||||||
justify-content: center; |
justify-content: center; |
||||||
margin: 0 auto; |
margin: 0 auto; |
||||||
width: 760px; |
width: 760px; |
||||||
max-width: 100%; |
max-width: 100%; |
||||||
|
|
||||||
@media #{$media-size-tablet} { |
@media #{$media-size-tablet} { |
||||||
flex-direction: column; |
flex-direction: column; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
&__content { |
&__content { |
||||||
display: flex; |
display: flex; |
||||||
flex-direction: column; |
flex-direction: column; |
||||||
align-items: center; |
align-items: center; |
||||||
font-size: 1rem; |
font-size: 1rem; |
||||||
color: $light-color-secondary; |
color: $light-color-secondary; |
||||||
|
|
||||||
&__section { |
&__section { |
||||||
display: flex; |
display: flex; |
||||||
flex-direction: row; |
flex-direction: row; |
||||||
align-items: center; |
align-items: center; |
||||||
padding: 5px; |
padding: 5px; |
||||||
|
|
||||||
@media #{$media-size-tablet} { |
@media #{$media-size-tablet} { |
||||||
margin-top: 10px; |
margin-top: 10px; |
||||||
} |
} |
||||||
|
|
||||||
&.regular { |
&.regular { |
||||||
@media #{$media-size-tablet} { |
@media #{$media-size-tablet} { |
||||||
flex-direction: column; |
flex-direction: column; |
||||||
} |
} |
||||||
&>*:not(:last-child)::after { |
& > *:not(:last-child)::after { |
||||||
content: "•"; |
content: "•"; |
||||||
padding: 0 5px; |
padding: 0 5px; |
||||||
|
|
||||||
@media #{$media-size-tablet} { |
@media #{$media-size-tablet} { |
||||||
content: ""; |
content: ""; |
||||||
padding: 0; |
padding: 0; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
&>*:last-child { |
& > *:last-child { |
||||||
padding: 0 5px; |
padding: 0 5px; |
||||||
|
|
||||||
@media #{$media-size-tablet} { |
@media #{$media-size-tablet} { |
||||||
padding: 0; |
padding: 0; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
&.donations { |
&.donations { |
||||||
white-space: nowrap; |
white-space: nowrap; |
||||||
overflow-x: scroll; |
overflow-x: scroll; |
||||||
max-width: 600px; |
max-width: 600px; |
||||||
position: relative; |
position: relative; |
||||||
|
|
||||||
@media #{$media-size-tablet} { |
@media #{$media-size-tablet} { |
||||||
max-width: 180px; |
max-width: 180px; |
||||||
} |
} |
||||||
|
|
||||||
.wallet { |
.wallet { |
||||||
.name { |
.name { |
||||||
font-weight: 700; |
font-weight: 700; |
||||||
} |
} |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
|
|||||||
@ -1,54 +1,54 @@ |
|||||||
.header { |
.header { |
||||||
background: #fafafa; |
background: #fafafa; |
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
justify-content: center; |
|
||||||
position: relative; |
|
||||||
padding: 20px; |
|
||||||
|
|
||||||
.dark-theme & { |
|
||||||
background: #242626; |
|
||||||
} |
|
||||||
|
|
||||||
&__right { |
|
||||||
display: flex; |
display: flex; |
||||||
flex-direction: row; |
|
||||||
align-items: center; |
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
position: relative; |
||||||
|
padding: 20px; |
||||||
|
|
||||||
@media #{$media-size-phone} { |
.dark-theme & { |
||||||
flex-direction: row-reverse; |
background: #242626; |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
&__inner { |
&__right { |
||||||
display: flex; |
display: flex; |
||||||
align-items: center; |
flex-direction: row; |
||||||
justify-content: space-between; |
align-items: center; |
||||||
margin: 0 auto; |
|
||||||
width: 760px; |
@media #{$media-size-phone} { |
||||||
max-width: 100%; |
flex-direction: row-reverse; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
a { |
&__inner { |
||||||
text-decoration: none; |
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
margin: 0 auto; |
||||||
|
width: 760px; |
||||||
|
max-width: 100%; |
||||||
|
|
||||||
|
a { |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
.theme-toggle { |
.theme-toggle { |
||||||
display: flex; |
display: flex; |
||||||
align-items: center; |
align-items: center; |
||||||
justify-content: center; |
justify-content: center; |
||||||
line-height: 1; |
line-height: 1; |
||||||
cursor: pointer; |
cursor: pointer; |
||||||
} |
} |
||||||
|
|
||||||
.theme-toggler { |
.theme-toggler { |
||||||
fill: currentColor; |
fill: currentColor; |
||||||
} |
} |
||||||
|
|
||||||
.unselectable { |
.unselectable { |
||||||
user-select: none; |
user-select: none; |
||||||
-webkit-user-select: none; |
-webkit-user-select: none; |
||||||
-moz-user-select: none; |
-moz-user-select: none; |
||||||
-ms-user-select: none; |
-ms-user-select: none; |
||||||
} |
} |
||||||
|
|||||||
@ -1,16 +1,14 @@ |
|||||||
.masonry { |
.masonry { |
||||||
display: grid; |
display: grid; |
||||||
margin-top: 20px; |
margin-top: 20px; |
||||||
grid-gap: 20px 90px; |
grid-gap: 20px 90px; |
||||||
grid-template-columns: repeat(2, minmax(250px, 1fr)); |
grid-template-columns: repeat(2, minmax(250px, 1fr)); |
||||||
// grid-auto-rows: 20px; // Set by JavaScript |
|
||||||
// margin-bottom: calc(4 * 20px); // Set by JavaScript |
|
||||||
|
|
||||||
> * { |
> * { |
||||||
margin: 0; |
margin: 0; |
||||||
} |
} |
||||||
|
|
||||||
@media #{$media-size-medium} { |
@media #{$media-size-medium} { |
||||||
grid-template-columns: 1fr; |
grid-template-columns: 1fr; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,67 +1,67 @@ |
|||||||
.menu { |
.menu { |
||||||
background: #fafafa; |
background: #fafafa; |
||||||
border-right: 1px solid; |
border-right: 1px solid; |
||||||
margin-right: 18px; |
margin-right: 18px; |
||||||
z-index: 9999; |
z-index: 9999; |
||||||
|
|
||||||
.dark-theme & { |
.dark-theme & { |
||||||
background: #252627; |
background: #252627; |
||||||
} |
|
||||||
|
|
||||||
@media #{$media-size-phone} { |
|
||||||
position: absolute; |
|
||||||
top: 50px; |
|
||||||
right: 0; |
|
||||||
border: none; |
|
||||||
margin: 0; |
|
||||||
padding: 10px; |
|
||||||
} |
|
||||||
|
|
||||||
&__inner { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
justify-content: flex-start; |
|
||||||
max-width: 100%; |
|
||||||
margin: 0 auto; |
|
||||||
padding: 0 15px; |
|
||||||
font-size: 1rem; |
|
||||||
list-style: none; |
|
||||||
|
|
||||||
li { |
|
||||||
margin: 0 12px; |
|
||||||
} |
} |
||||||
|
|
||||||
@media #{$media-size-phone} { |
@media #{$media-size-phone} { |
||||||
flex-direction: column; |
position: absolute; |
||||||
align-items: flex-start; |
top: 50px; |
||||||
padding: 0; |
right: 0; |
||||||
|
border: none; |
||||||
li { |
|
||||||
margin: 0; |
margin: 0; |
||||||
padding: 5px; |
padding: 10px; |
||||||
} |
|
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
&-trigger { |
&__inner { |
||||||
width: 24px; |
display: flex; |
||||||
height: 24px; |
align-items: center; |
||||||
fill: currentColor; |
justify-content: flex-start; |
||||||
margin-left: 10px; |
max-width: 100%; |
||||||
cursor: pointer; |
margin: 0 auto; |
||||||
} |
padding: 0 15px; |
||||||
|
font-size: 1rem; |
||||||
|
list-style: none; |
||||||
|
|
||||||
|
li { |
||||||
|
margin: 0 12px; |
||||||
|
} |
||||||
|
|
||||||
a { |
@media #{$media-size-phone} { |
||||||
display: inline-block; |
flex-direction: column; |
||||||
margin-right: 15px; |
align-items: flex-start; |
||||||
text-decoration: none; |
padding: 0; |
||||||
|
|
||||||
&:hover { |
li { |
||||||
text-decoration: underline; |
margin: 0; |
||||||
|
padding: 5px; |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
&:last-of-type { |
&-trigger { |
||||||
margin-right: 0; |
width: 24px; |
||||||
|
height: 24px; |
||||||
|
fill: currentColor; |
||||||
|
margin-left: 10px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
|
||||||
|
a { |
||||||
|
display: inline-block; |
||||||
|
margin-right: 15px; |
||||||
|
text-decoration: none; |
||||||
|
|
||||||
|
&:hover { |
||||||
|
text-decoration: underline; |
||||||
|
} |
||||||
|
|
||||||
|
&:last-of-type { |
||||||
|
margin-right: 0; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
@ -1,3 +1,3 @@ |
|||||||
@mixin dimmed { |
@mixin dimmed { |
||||||
opacity: .6; |
opacity: 0.6; |
||||||
} |
} |
||||||
@ -1,206 +1,206 @@ |
|||||||
.portfolio { |
.portfolio { |
||||||
width: 100%; |
width: 100%; |
||||||
max-width: 1000px; |
max-width: 1000px; |
||||||
text-align: left; |
text-align: left; |
||||||
padding: 20px; |
padding: 20px; |
||||||
margin: 20px auto; |
margin: 20px auto; |
||||||
|
|
||||||
@media #{$media-size-medium} { |
@media #{$media-size-medium} { |
||||||
max-width: 800px; |
max-width: 800px; |
||||||
} |
} |
||||||
|
|
||||||
|
@media #{$media-size-tablet} { |
||||||
|
max-width: 600px; |
||||||
|
} |
||||||
|
|
||||||
@media #{$media-size-tablet} { |
&-title { |
||||||
max-width: 600px; |
font-size: 2.625rem; |
||||||
} |
margin: 0 0 20px; |
||||||
|
|
||||||
&-title { |
@media #{$media-size-phone} { |
||||||
font-size: 2.625rem; |
font-size: 2rem; |
||||||
margin: 0 0 20px; |
} |
||||||
|
|
||||||
@media #{$media-size-phone} { |
a { |
||||||
font-size: 2rem; |
text-decoration: none; |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
a { |
&-timespan { |
||||||
text-decoration: none; |
margin-top: -20px; |
||||||
|
font-size: 0.9em; |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
&-timespan { |
&-tags { |
||||||
margin-top: -20px; |
display: block; |
||||||
font-size: 0.9em; |
margin-bottom: 20px; |
||||||
} |
font-size: 1rem; |
||||||
|
opacity: 0.5; |
||||||
|
|
||||||
&-tags { |
a { |
||||||
display: block; |
text-decoration: none; |
||||||
margin-bottom: 20px; |
} |
||||||
font-size: 1rem; |
} |
||||||
opacity: 0.5; |
|
||||||
|
|
||||||
a { |
&-content { |
||||||
text-decoration: none; |
margin-top: 30px; |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
&-content { |
&-links { |
||||||
margin-top: 30px; |
font-size: 0.8em; |
||||||
} |
margin-top: -8px; |
||||||
|
opacity: 0.7; |
||||||
|
|
||||||
&-links { |
a { |
||||||
font-size: 0.8em; |
text-decoration: none; |
||||||
margin-top: -8px; |
} |
||||||
opacity: 0.7; |
|
||||||
|
|
||||||
a { |
> * { |
||||||
text-decoration: none; |
margin-right: 8px; |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
> * { |
&-cover { |
||||||
margin-right: 8px; |
border-radius: 8px; |
||||||
} |
margin: 30px -50px; |
||||||
} |
width: 1060px; |
||||||
|
max-width: 1060px; |
||||||
|
|
||||||
&-cover { |
@media #{$media-size-medium} { |
||||||
border-radius: 8px; |
max-width: 860px; |
||||||
margin: 30px -50px; |
} |
||||||
width: 1060px; |
|
||||||
max-width: 1060px; |
|
||||||
|
|
||||||
@media #{$media-size-medium} { |
@media #{$media-size-tablet} { |
||||||
max-width: 860px; |
margin: 20px 0; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
@media #{$media-size-tablet} { |
&-info { |
||||||
margin: 20px 0; |
margin-top: 30px; |
||||||
width: 100%; |
font-size: 0.8rem; |
||||||
} |
line-height: normal; |
||||||
} |
@include dimmed; |
||||||
|
|
||||||
&-info { |
p { |
||||||
margin-top: 30px; |
margin: 0.8em 0; |
||||||
font-size: 0.8rem; |
} |
||||||
line-height: normal; |
|
||||||
@include dimmed; |
|
||||||
|
|
||||||
p { |
a:hover { |
||||||
margin: 0.8em 0; |
border-bottom: 1px solid white; |
||||||
|
} |
||||||
|
|
||||||
|
svg { |
||||||
|
margin-right: 0.8em; |
||||||
|
} |
||||||
|
|
||||||
|
.tag { |
||||||
|
margin-right: 0.5em; |
||||||
|
display: inline-block; |
||||||
|
|
||||||
|
&::before { |
||||||
|
content: "#"; |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
a:hover { |
.flag { |
||||||
border-bottom: 1px solid white; |
border-radius: 50%; |
||||||
|
margin: 0 5px; |
||||||
} |
} |
||||||
|
} |
||||||
|
|
||||||
svg { |
.pagination { |
||||||
margin-right: 0.8em; |
margin-top: 20px; |
||||||
|
|
||||||
|
&__title { |
||||||
|
display: flex; |
||||||
|
text-align: center; |
||||||
|
position: relative; |
||||||
|
margin: 20px 0; |
||||||
|
|
||||||
|
&-h { |
||||||
|
text-align: center; |
||||||
|
margin: 0 auto; |
||||||
|
padding: 5px 10px; |
||||||
|
background: $light-background; |
||||||
|
color: $light-color-secondary; |
||||||
|
font-size: 0.8rem; |
||||||
|
text-transform: uppercase; |
||||||
|
text-decoration: none; |
||||||
|
letter-spacing: 0.1em; |
||||||
|
z-index: 1; |
||||||
|
|
||||||
|
.dark-theme & { |
||||||
|
background: $dark-background; |
||||||
|
color: $dark-color-secondary; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
hr { |
||||||
|
position: absolute; |
||||||
|
left: 0; |
||||||
|
right: 0; |
||||||
|
width: 100%; |
||||||
|
margin-top: 15px; |
||||||
|
z-index: 0; |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
.tag { |
&__buttons { |
||||||
margin-right: 0.5em; |
display: flex; |
||||||
display: inline-block; |
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
|
||||||
&::before { |
a { |
||||||
content: "#"; |
text-decoration: none; |
||||||
} |
font-weight: bold; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
.flag { |
|
||||||
border-radius: 50%; |
|
||||||
margin: 0 5px; |
|
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
.pagination { |
.button { |
||||||
margin-top: 20px; |
|
||||||
|
|
||||||
&__title { |
|
||||||
display: flex; |
|
||||||
text-align: center; |
|
||||||
position: relative; |
position: relative; |
||||||
margin: 20px 0; |
display: inline-flex; |
||||||
|
|
||||||
&-h { |
|
||||||
text-align: center; |
|
||||||
margin: 0 auto; |
|
||||||
padding: 5px 10px; |
|
||||||
background: $light-background; |
|
||||||
color: $light-color-secondary; |
|
||||||
font-size: 0.8rem; |
|
||||||
text-transform: uppercase; |
|
||||||
text-decoration: none; |
|
||||||
letter-spacing: 0.1em; |
|
||||||
z-index: 1; |
|
||||||
|
|
||||||
.dark-theme & { |
|
||||||
background: $dark-background; |
|
||||||
color: $dark-color-secondary; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
hr { |
|
||||||
position: absolute; |
|
||||||
left: 0; |
|
||||||
right: 0; |
|
||||||
width: 100%; |
|
||||||
margin-top: 15px; |
|
||||||
z-index: 0; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
&__buttons { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
align-items: center; |
||||||
justify-content: center; |
justify-content: center; |
||||||
|
background: $light-background-secondary; |
||||||
|
font-size: 1rem; |
||||||
|
font-weight: 600; |
||||||
|
border-radius: 8px; |
||||||
|
max-width: 40%; |
||||||
|
padding: 0; |
||||||
|
cursor: pointer; |
||||||
|
appearance: none; |
||||||
|
|
||||||
|
.dark-theme & { |
||||||
|
background: $dark-background-secondary; |
||||||
|
} |
||||||
|
|
||||||
|
+ .button { |
||||||
|
margin-left: 10px; |
||||||
|
} |
||||||
|
|
||||||
a { |
a { |
||||||
text-decoration: none; |
display: flex; |
||||||
font-weight: bold; |
padding: 8px 16px; |
||||||
|
text-decoration: none; |
||||||
|
text-overflow: ellipsis; |
||||||
|
white-space: nowrap; |
||||||
|
overflow: hidden; |
||||||
} |
} |
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.button { |
&__text { |
||||||
position: relative; |
text-overflow: ellipsis; |
||||||
display: inline-flex; |
white-space: nowrap; |
||||||
align-items: center; |
overflow: hidden; |
||||||
justify-content: center; |
} |
||||||
background: $light-background-secondary; |
|
||||||
font-size: 1rem; |
&.next .button__icon { |
||||||
font-weight: 600; |
margin-left: 8px; |
||||||
border-radius: 8px; |
} |
||||||
max-width: 40%; |
|
||||||
padding: 0; |
&.previous .button__icon { |
||||||
cursor: pointer; |
margin-right: 8px; |
||||||
appearance: none; |
} |
||||||
|
|
||||||
.dark-theme & { |
|
||||||
background: $dark-background-secondary; |
|
||||||
} |
|
||||||
|
|
||||||
+ .button { |
|
||||||
margin-left: 10px; |
|
||||||
} |
|
||||||
|
|
||||||
a { |
|
||||||
display: flex; |
|
||||||
padding: 8px 16px; |
|
||||||
text-decoration: none; |
|
||||||
text-overflow: ellipsis; |
|
||||||
white-space: nowrap; |
|
||||||
overflow: hidden; |
|
||||||
} |
|
||||||
|
|
||||||
&__text { |
|
||||||
text-overflow: ellipsis; |
|
||||||
white-space: nowrap; |
|
||||||
overflow: hidden; |
|
||||||
} |
|
||||||
|
|
||||||
&.next .button__icon { |
|
||||||
margin-left: 8px; |
|
||||||
} |
|
||||||
|
|
||||||
&.previous .button__icon { |
|
||||||
margin-right: 8px; |
|
||||||
} |
|
||||||
} |
} |
||||||
|
|||||||
@ -1,192 +1,192 @@ |
|||||||
.portfolios { |
.portfolios { |
||||||
width: 100%; |
width: 100%; |
||||||
max-width: calc(1000px + 50px + 80px); |
max-width: calc(1000px + 50px + 80px); |
||||||
text-align: left; |
text-align: left; |
||||||
padding: 20px calc(20px + 50px + 15px); |
padding: 20px calc(20px + 50px + 15px); |
||||||
margin: 20px auto; |
margin: 20px auto; |
||||||
counter-reset: portfolio; |
counter-reset: portfolio; |
||||||
|
|
||||||
@media #{$media-size-medium} { |
|
||||||
max-width: calc(800px + 50px + 80px); |
|
||||||
} |
|
||||||
|
|
||||||
@media #{$media-size-tablet} { |
|
||||||
max-width: 660px; |
|
||||||
} |
|
||||||
|
|
||||||
&:not(:last-of-type) { |
|
||||||
border-bottom: 1px solid $light-border-color; |
|
||||||
|
|
||||||
.dark-theme & { |
|
||||||
border-color: $dark-border-color; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
&-group { |
|
||||||
display: flex; |
|
||||||
margin-bottom: 1.9em; |
|
||||||
line-height: normal; |
|
||||||
|
|
||||||
@media #{$media-size-tablet} { |
@media #{$media-size-medium} { |
||||||
display: block; |
max-width: calc(800px + 50px + 80px); |
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
&-list { |
|
||||||
flex-grow: 1; |
|
||||||
margin: 0; |
|
||||||
padding: 0; |
|
||||||
list-style: none; |
|
||||||
} |
|
||||||
|
|
||||||
.portfolio { |
|
||||||
display: flex; |
|
||||||
flex-direction: row; |
|
||||||
flex-wrap: nowrap; |
|
||||||
align-items: center; |
|
||||||
margin: 80px auto; |
|
||||||
position: relative; |
|
||||||
counter-increment: portfolio; |
|
||||||
|
|
||||||
> * { |
|
||||||
flex: 1; |
|
||||||
padding: 5px; |
|
||||||
} |
} |
||||||
|
|
||||||
@media #{$media-size-tablet} { |
@media #{$media-size-tablet} { |
||||||
flex-direction: column-reverse; |
max-width: 660px; |
||||||
} |
} |
||||||
|
|
||||||
.read-more { |
&:not(:last-of-type) { |
||||||
white-space: nowrap; |
border-bottom: 1px solid $light-border-color; |
||||||
max-width: max-content; |
|
||||||
} |
|
||||||
|
|
||||||
&-cover { |
|
||||||
margin: 0; |
|
||||||
} |
|
||||||
|
|
||||||
&-title { |
|
||||||
font-size: 1rem; |
|
||||||
margin: 5px 0 2px 0; |
|
||||||
} |
|
||||||
|
|
||||||
&-company { |
|
||||||
font-size: 0.9rem; |
|
||||||
margin: 5px 0 5px 0; |
|
||||||
} |
|
||||||
|
|
||||||
&-meta { |
|
||||||
font-size: 0.8em; |
|
||||||
} |
|
||||||
|
|
||||||
&-content { |
.dark-theme & { |
||||||
margin-top: 12px; |
border-color: $dark-border-color; |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
&-item { |
&-group { |
||||||
border-bottom: 1px grey dashed; |
|
||||||
|
|
||||||
a { |
|
||||||
display: flex; |
display: flex; |
||||||
justify-content: space-between; |
margin-bottom: 1.9em; |
||||||
align-items: baseline; |
line-height: normal; |
||||||
padding: 12px 0; |
|
||||||
text-decoration: none; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
&-day { |
|
||||||
flex-shrink: 0; |
|
||||||
margin-left: 1em; |
|
||||||
@include dimmed; |
|
||||||
} |
|
||||||
|
|
||||||
&-skills { |
|
||||||
&-title { |
|
||||||
font-size: 0.9rem; |
|
||||||
margin: 15px 0 0 0; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
&::before { |
@media #{$media-size-tablet} { |
||||||
display: block; |
display: block; |
||||||
content: counter(portfolio); |
} |
||||||
position: absolute; |
|
||||||
|
|
||||||
transform: translate(-50%, -50%); |
|
||||||
border-radius: 50%; |
|
||||||
font-weight: bold; |
|
||||||
min-width: 50px; |
|
||||||
min-height: 50px; |
|
||||||
line-height: 50px; |
|
||||||
text-align: center; |
|
||||||
top: 30px; |
|
||||||
z-index: 10; |
|
||||||
|
|
||||||
background-color: $light-color; |
|
||||||
color: $light-background; |
|
||||||
|
|
||||||
.dark-theme & { |
|
||||||
background-color: $dark-color; |
|
||||||
color: $dark-background; |
|
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
&::after { |
&-list { |
||||||
display: block; |
flex-grow: 1; |
||||||
content: ""; |
margin: 0; |
||||||
position: absolute; |
padding: 0; |
||||||
top: -50px; |
list-style: none; |
||||||
width: calc(50% + 50px); |
|
||||||
height: calc(100% + 83px); |
|
||||||
pointer-events: none; |
|
||||||
|
|
||||||
border-bottom: 3px solid; |
|
||||||
border-top: 3px solid; |
|
||||||
} |
} |
||||||
|
|
||||||
&:nth-child(odd) { |
.portfolio { |
||||||
// margin-left: 40px; |
display: flex; |
||||||
// background: #cfc; |
flex-direction: row; |
||||||
|
flex-wrap: nowrap; |
||||||
&::before { |
align-items: center; |
||||||
left: -48.5px; |
margin: 80px auto; |
||||||
} |
position: relative; |
||||||
|
counter-increment: portfolio; |
||||||
&::after { |
|
||||||
left: -50px; |
> * { |
||||||
border-left: 3px solid; |
flex: 1; |
||||||
border-radius: 15px 0 0 15px; |
padding: 5px; |
||||||
} |
} |
||||||
} |
|
||||||
&:nth-child(even) { |
@media #{$media-size-tablet} { |
||||||
// margin-left: -40px; |
flex-direction: column-reverse; |
||||||
// background: #fcc; |
} |
||||||
|
|
||||||
&::before { |
.read-more { |
||||||
right: -98.5px; |
white-space: nowrap; |
||||||
} |
max-width: max-content; |
||||||
|
} |
||||||
&::after { |
|
||||||
right: -50px; |
&-cover { |
||||||
border-right: 3px solid; |
margin: 0; |
||||||
border-radius: 0 15px 15px 0; |
} |
||||||
} |
|
||||||
} |
&-title { |
||||||
&:first-child { |
font-size: 1rem; |
||||||
&::after { |
margin: 5px 0 2px 0; |
||||||
border-top: 0; |
} |
||||||
border-top-left-radius: 0; |
|
||||||
border-top-right-radius: 0; |
&-company { |
||||||
} |
font-size: 0.9rem; |
||||||
} |
margin: 5px 0 5px 0; |
||||||
&:last-child { |
} |
||||||
&::after { |
|
||||||
border-bottom: 0; |
&-meta { |
||||||
border-bottom-left-radius: 0; |
font-size: 0.8em; |
||||||
border-bottom-right-radius: 0; |
} |
||||||
} |
|
||||||
|
&-content { |
||||||
|
margin-top: 12px; |
||||||
|
} |
||||||
|
|
||||||
|
&-item { |
||||||
|
border-bottom: 1px grey dashed; |
||||||
|
|
||||||
|
a { |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: baseline; |
||||||
|
padding: 12px 0; |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&-day { |
||||||
|
flex-shrink: 0; |
||||||
|
margin-left: 1em; |
||||||
|
@include dimmed; |
||||||
|
} |
||||||
|
|
||||||
|
&-skills { |
||||||
|
&-title { |
||||||
|
font-size: 0.9rem; |
||||||
|
margin: 15px 0 0 0; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&::before { |
||||||
|
display: block; |
||||||
|
content: counter(portfolio); |
||||||
|
position: absolute; |
||||||
|
|
||||||
|
transform: translate(-50%, -50%); |
||||||
|
border-radius: 50%; |
||||||
|
font-weight: bold; |
||||||
|
min-width: 50px; |
||||||
|
min-height: 50px; |
||||||
|
line-height: 50px; |
||||||
|
text-align: center; |
||||||
|
top: 30px; |
||||||
|
z-index: 10; |
||||||
|
|
||||||
|
background-color: $light-color; |
||||||
|
color: $light-background; |
||||||
|
|
||||||
|
.dark-theme & { |
||||||
|
background-color: $dark-color; |
||||||
|
color: $dark-background; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&::after { |
||||||
|
display: block; |
||||||
|
content: ""; |
||||||
|
position: absolute; |
||||||
|
top: -50px; |
||||||
|
width: calc(50% + 50px); |
||||||
|
height: calc(100% + 83px); |
||||||
|
pointer-events: none; |
||||||
|
|
||||||
|
border-bottom: 3px solid; |
||||||
|
border-top: 3px solid; |
||||||
|
} |
||||||
|
|
||||||
|
&:nth-child(odd) { |
||||||
|
// margin-left: 40px; |
||||||
|
// background: #cfc; |
||||||
|
|
||||||
|
&::before { |
||||||
|
left: -48.5px; |
||||||
|
} |
||||||
|
|
||||||
|
&::after { |
||||||
|
left: -50px; |
||||||
|
border-left: 3px solid; |
||||||
|
border-radius: 15px 0 0 15px; |
||||||
|
} |
||||||
|
} |
||||||
|
&:nth-child(even) { |
||||||
|
// margin-left: -40px; |
||||||
|
// background: #fcc; |
||||||
|
|
||||||
|
&::before { |
||||||
|
right: -98.5px; |
||||||
|
} |
||||||
|
|
||||||
|
&::after { |
||||||
|
right: -50px; |
||||||
|
border-right: 3px solid; |
||||||
|
border-radius: 0 15px 15px 0; |
||||||
|
} |
||||||
|
} |
||||||
|
&:first-child { |
||||||
|
&::after { |
||||||
|
border-top: 0; |
||||||
|
border-top-left-radius: 0; |
||||||
|
border-top-right-radius: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
&:last-child { |
||||||
|
&::after { |
||||||
|
border-bottom: 0; |
||||||
|
border-bottom-left-radius: 0; |
||||||
|
border-bottom-right-radius: 0; |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
|
|||||||
@ -1,101 +1,101 @@ |
|||||||
.posts { |
.posts { |
||||||
width: 100%; |
width: 100%; |
||||||
max-width: 1000px; |
max-width: 1000px; |
||||||
text-align: left; |
text-align: left; |
||||||
padding: 20px; |
padding: 20px; |
||||||
margin: 20px auto; |
margin: 20px auto; |
||||||
|
|
||||||
@media #{$media-size-medium} { |
@media #{$media-size-medium} { |
||||||
max-width: 800px; |
max-width: 800px; |
||||||
} |
|
||||||
|
|
||||||
@media #{$media-size-tablet} { |
|
||||||
max-width: 660px; |
|
||||||
} |
|
||||||
|
|
||||||
&:not(:last-of-type) { |
|
||||||
border-bottom: 1px solid $light-border-color; |
|
||||||
|
|
||||||
.dark-theme & { |
|
||||||
border-color: $dark-border-color; |
|
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
&-group { |
|
||||||
display: flex; |
|
||||||
margin-bottom: 1.9em; |
|
||||||
line-height: normal; |
|
||||||
|
|
||||||
@media #{$media-size-tablet} { |
@media #{$media-size-tablet} { |
||||||
display: block; |
max-width: 660px; |
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
&-list { |
|
||||||
flex-grow: 1; |
|
||||||
margin: 0; |
|
||||||
padding: 0; |
|
||||||
list-style: none; |
|
||||||
} |
|
||||||
|
|
||||||
&-breadcrumbs { |
|
||||||
margin: 0 0 -25px; |
|
||||||
|
|
||||||
@media #{$media-size-phone} { |
|
||||||
font-size: 0.9rem; |
|
||||||
margin: 0 0 -15px; |
|
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
.post { |
&:not(:last-of-type) { |
||||||
&-title { |
border-bottom: 1px solid $light-border-color; |
||||||
font-size: 1.9rem; |
|
||||||
margin: 5px 0 5px 0; |
|
||||||
} |
|
||||||
|
|
||||||
&-subtitle { |
.dark-theme & { |
||||||
font-size: 1.1rem; |
border-color: $dark-border-color; |
||||||
margin: 5px 0 10px 0; |
} |
||||||
font-weight: 600; |
|
||||||
} |
} |
||||||
|
|
||||||
&-year { |
&-group { |
||||||
padding-top: 6px; |
display: flex; |
||||||
margin-right: 1.8em; |
margin-bottom: 1.9em; |
||||||
font-size: 1.6em; |
line-height: normal; |
||||||
@include dimmed; |
|
||||||
|
|
||||||
@media #{$media-size-tablet} { |
@media #{$media-size-tablet} { |
||||||
margin: -6px 0 4px; |
display: block; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
&-item { |
&-list { |
||||||
border-bottom: 1px grey dashed; |
flex-grow: 1; |
||||||
|
margin: 0; |
||||||
a { |
padding: 0; |
||||||
display: flex; |
list-style: none; |
||||||
justify-content: space-between; |
|
||||||
align-items: baseline; |
|
||||||
padding: 12px 0; |
|
||||||
text-decoration: none; |
|
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
&-day { |
&-breadcrumbs { |
||||||
flex-shrink: 0; |
margin: 0 0 -25px; |
||||||
margin-left: 1em; |
|
||||||
@include dimmed; |
|
||||||
} |
|
||||||
|
|
||||||
&-cover { |
@media #{$media-size-phone} { |
||||||
margin-top: 20px; |
font-size: 0.9rem; |
||||||
margin-bottom: 20px; |
margin: 0 0 -15px; |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
&-content { |
.post { |
||||||
margin-top: 10px; |
&-title { |
||||||
margin-bottom: 10px; |
font-size: 1.9rem; |
||||||
|
margin: 5px 0 5px 0; |
||||||
|
} |
||||||
|
|
||||||
|
&-subtitle { |
||||||
|
font-size: 1.1rem; |
||||||
|
margin: 5px 0 10px 0; |
||||||
|
font-weight: 600; |
||||||
|
} |
||||||
|
|
||||||
|
&-year { |
||||||
|
padding-top: 6px; |
||||||
|
margin-right: 1.8em; |
||||||
|
font-size: 1.6em; |
||||||
|
@include dimmed; |
||||||
|
|
||||||
|
@media #{$media-size-tablet} { |
||||||
|
margin: -6px 0 4px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&-item { |
||||||
|
border-bottom: 1px grey dashed; |
||||||
|
|
||||||
|
a { |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: baseline; |
||||||
|
padding: 12px 0; |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&-day { |
||||||
|
flex-shrink: 0; |
||||||
|
margin-left: 1em; |
||||||
|
@include dimmed; |
||||||
|
} |
||||||
|
|
||||||
|
&-cover { |
||||||
|
margin-top: 20px; |
||||||
|
margin-bottom: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
&-content { |
||||||
|
margin-top: 10px; |
||||||
|
margin-bottom: 10px; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
|
|||||||
@ -1,34 +1,34 @@ |
|||||||
.sharing-buttons { |
.sharing-buttons { |
||||||
display: flex; |
display: flex; |
||||||
flex-wrap: wrap; |
flex-wrap: wrap; |
||||||
justify-content: space-between; |
justify-content: space-between; |
||||||
|
|
||||||
.resp-sharing-button__icon, |
.resp-sharing-button__icon, |
||||||
.resp-sharing-button__link { |
.resp-sharing-button__link { |
||||||
display: inline-block; |
display: inline-block; |
||||||
} |
} |
||||||
|
|
||||||
.resp-sharing-button__link { |
.resp-sharing-button__link { |
||||||
text-decoration: none; |
text-decoration: none; |
||||||
margin: 0.5em; |
margin: 0.5em; |
||||||
} |
} |
||||||
|
|
||||||
.resp-sharing-button { |
.resp-sharing-button { |
||||||
border-radius: 5px; |
border-radius: 5px; |
||||||
transition: 25ms ease-out; |
transition: 25ms ease-out; |
||||||
padding: 0.5em 0.75em; |
padding: 0.5em 0.75em; |
||||||
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; |
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; |
||||||
} |
} |
||||||
|
|
||||||
.resp-sharing-button__icon svg { |
.resp-sharing-button__icon svg { |
||||||
width: 1em; |
width: 1em; |
||||||
height: 1em; |
height: 1em; |
||||||
margin-right: 0.4em; |
margin-right: 0.4em; |
||||||
vertical-align: top; |
vertical-align: top; |
||||||
} |
} |
||||||
|
|
||||||
.resp-sharing-button--small svg { |
.resp-sharing-button--small svg { |
||||||
margin: 0; |
margin: 0; |
||||||
vertical-align: middle; |
vertical-align: middle; |
||||||
} |
} |
||||||
} |
} |
||||||
@ -1,403 +1,403 @@ |
|||||||
/* Background */ |
/* Background */ |
||||||
.chroma { |
.chroma { |
||||||
color: #f8f8f2; |
color: #f8f8f2; |
||||||
background-color: #272822; |
background-color: #272822; |
||||||
|
|
||||||
/* Other */ |
/* Other */ |
||||||
.x { |
.x { |
||||||
} |
} |
||||||
|
|
||||||
/* Error */ |
/* Error */ |
||||||
.err { |
.err { |
||||||
color: #960050; |
color: #960050; |
||||||
background-color: #1e0010; |
background-color: #1e0010; |
||||||
} |
} |
||||||
|
|
||||||
/* LineTableTD */ |
/* LineTableTD */ |
||||||
.lntd { |
.lntd { |
||||||
vertical-align: top; |
vertical-align: top; |
||||||
padding: 0; |
padding: 0; |
||||||
margin: 0; |
margin: 0; |
||||||
border: 0; |
border: 0; |
||||||
} |
} |
||||||
|
|
||||||
/* LineTable */ |
/* LineTable */ |
||||||
.lntable { |
.lntable { |
||||||
border-spacing: 0; |
border-spacing: 0; |
||||||
padding: 0; |
padding: 0; |
||||||
margin: 0; |
margin: 0; |
||||||
border: 0; |
border: 0; |
||||||
width: auto; |
width: auto; |
||||||
overflow: auto; |
overflow: auto; |
||||||
display: block; |
display: block; |
||||||
} |
} |
||||||
|
|
||||||
/* LineHighlight */ |
/* LineHighlight */ |
||||||
.hl { |
.hl { |
||||||
display: block; |
display: block; |
||||||
width: 100%; |
width: 100%; |
||||||
background-color: #ffffcc; |
background-color: #ffffcc; |
||||||
} |
} |
||||||
|
|
||||||
/* LineNumbersTable */ |
/* LineNumbersTable */ |
||||||
.lnt { |
.lnt { |
||||||
margin-right: 0.4em; |
margin-right: 0.4em; |
||||||
padding: 0 0.4em 0 0.4em; |
padding: 0 0.4em 0 0.4em; |
||||||
color: #7f7f7f; |
color: #7f7f7f; |
||||||
} |
} |
||||||
|
|
||||||
/* LineNumbers */ |
/* LineNumbers */ |
||||||
.ln { |
.ln { |
||||||
margin-right: 0.4em; |
margin-right: 0.4em; |
||||||
padding: 0 0.4em 0 0.4em; |
padding: 0 0.4em 0 0.4em; |
||||||
color: #7f7f7f; |
color: #7f7f7f; |
||||||
} |
} |
||||||
|
|
||||||
/* Keyword */ |
/* Keyword */ |
||||||
.k { |
.k { |
||||||
color: #66d9ef; |
color: #66d9ef; |
||||||
} |
} |
||||||
|
|
||||||
/* KeywordConstant */ |
/* KeywordConstant */ |
||||||
.kc { |
.kc { |
||||||
color: #66d9ef; |
color: #66d9ef; |
||||||
} |
} |
||||||
|
|
||||||
/* KeywordDeclaration */ |
/* KeywordDeclaration */ |
||||||
.kd { |
.kd { |
||||||
color: #66d9ef; |
color: #66d9ef; |
||||||
} |
} |
||||||
|
|
||||||
/* KeywordNamespace */ |
/* KeywordNamespace */ |
||||||
.kn { |
.kn { |
||||||
color: #f92672; |
color: #f92672; |
||||||
} |
} |
||||||
|
|
||||||
/* KeywordPseudo */ |
/* KeywordPseudo */ |
||||||
.kp { |
.kp { |
||||||
color: #66d9ef; |
color: #66d9ef; |
||||||
} |
} |
||||||
|
|
||||||
/* KeywordReserved */ |
/* KeywordReserved */ |
||||||
.kr { |
.kr { |
||||||
color: #66d9ef; |
color: #66d9ef; |
||||||
} |
} |
||||||
|
|
||||||
/* KeywordType */ |
/* KeywordType */ |
||||||
.kt { |
.kt { |
||||||
color: #66d9ef; |
color: #66d9ef; |
||||||
} |
} |
||||||
|
|
||||||
/* Name */ |
/* Name */ |
||||||
.n { |
.n { |
||||||
} |
} |
||||||
|
|
||||||
/* NameAttribute */ |
/* NameAttribute */ |
||||||
.na { |
.na { |
||||||
color: #a6e22e; |
color: #a6e22e; |
||||||
} |
} |
||||||
|
|
||||||
/* NameBuiltin */ |
/* NameBuiltin */ |
||||||
.nb { |
.nb { |
||||||
} |
} |
||||||
|
|
||||||
/* NameBuiltinPseudo */ |
/* NameBuiltinPseudo */ |
||||||
.bp { |
.bp { |
||||||
} |
} |
||||||
|
|
||||||
/* NameClass */ |
/* NameClass */ |
||||||
.nc { |
.nc { |
||||||
color: #a6e22e; |
color: #a6e22e; |
||||||
} |
} |
||||||
|
|
||||||
/* NameConstant */ |
/* NameConstant */ |
||||||
.no { |
.no { |
||||||
color: #66d9ef; |
color: #66d9ef; |
||||||
} |
} |
||||||
|
|
||||||
/* NameDecorator */ |
/* NameDecorator */ |
||||||
.nd { |
.nd { |
||||||
color: #a6e22e; |
color: #a6e22e; |
||||||
} |
} |
||||||
|
|
||||||
/* NameEntity */ |
/* NameEntity */ |
||||||
.ni { |
.ni { |
||||||
} |
} |
||||||
|
|
||||||
/* NameException */ |
/* NameException */ |
||||||
.ne { |
.ne { |
||||||
color: #a6e22e; |
color: #a6e22e; |
||||||
} |
} |
||||||
|
|
||||||
/* NameFunction */ |
/* NameFunction */ |
||||||
.nf { |
.nf { |
||||||
color: #a6e22e; |
color: #a6e22e; |
||||||
} |
} |
||||||
|
|
||||||
/* NameFunctionMagic */ |
/* NameFunctionMagic */ |
||||||
.fm { |
.fm { |
||||||
} |
} |
||||||
|
|
||||||
/* NameLabel */ |
/* NameLabel */ |
||||||
.nl { |
.nl { |
||||||
} |
} |
||||||
|
|
||||||
/* NameNamespace */ |
/* NameNamespace */ |
||||||
.nn { |
.nn { |
||||||
} |
} |
||||||
|
|
||||||
/* NameOther */ |
/* NameOther */ |
||||||
.nx { |
.nx { |
||||||
color: #a6e22e; |
color: #a6e22e; |
||||||
} |
} |
||||||
|
|
||||||
/* NameProperty */ |
/* NameProperty */ |
||||||
.py { |
.py { |
||||||
} |
} |
||||||
|
|
||||||
/* NameTag */ |
/* NameTag */ |
||||||
.nt { |
.nt { |
||||||
color: #f92672; |
color: #f92672; |
||||||
} |
} |
||||||
|
|
||||||
/* NameVariable */ |
/* NameVariable */ |
||||||
.nv { |
.nv { |
||||||
} |
} |
||||||
|
|
||||||
/* NameVariableClass */ |
/* NameVariableClass */ |
||||||
.vc { |
.vc { |
||||||
} |
} |
||||||
|
|
||||||
/* NameVariableGlobal */ |
/* NameVariableGlobal */ |
||||||
.vg { |
.vg { |
||||||
} |
} |
||||||
|
|
||||||
/* NameVariableInstance */ |
/* NameVariableInstance */ |
||||||
.vi { |
.vi { |
||||||
} |
} |
||||||
|
|
||||||
/* NameVariableMagic */ |
/* NameVariableMagic */ |
||||||
.vm { |
.vm { |
||||||
} |
} |
||||||
|
|
||||||
/* Literal */ |
/* Literal */ |
||||||
.l { |
.l { |
||||||
color: #ae81ff; |
color: #ae81ff; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralDate */ |
/* LiteralDate */ |
||||||
.ld { |
.ld { |
||||||
color: #e6db74; |
color: #e6db74; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralString */ |
/* LiteralString */ |
||||||
.s { |
.s { |
||||||
color: #e6db74; |
color: #e6db74; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralStringAffix */ |
/* LiteralStringAffix */ |
||||||
.sa { |
.sa { |
||||||
color: #e6db74; |
color: #e6db74; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralStringBacktick */ |
/* LiteralStringBacktick */ |
||||||
.sb { |
.sb { |
||||||
color: #e6db74; |
color: #e6db74; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralStringChar */ |
/* LiteralStringChar */ |
||||||
.sc { |
.sc { |
||||||
color: #e6db74; |
color: #e6db74; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralStringDelimiter */ |
/* LiteralStringDelimiter */ |
||||||
.dl { |
.dl { |
||||||
color: #e6db74; |
color: #e6db74; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralStringDoc */ |
/* LiteralStringDoc */ |
||||||
.sd { |
.sd { |
||||||
color: #e6db74; |
color: #e6db74; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralStringDouble */ |
/* LiteralStringDouble */ |
||||||
.s2 { |
.s2 { |
||||||
color: #e6db74; |
color: #e6db74; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralStringEscape */ |
/* LiteralStringEscape */ |
||||||
.se { |
.se { |
||||||
color: #ae81ff; |
color: #ae81ff; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralStringHeredoc */ |
/* LiteralStringHeredoc */ |
||||||
.sh { |
.sh { |
||||||
color: #e6db74; |
color: #e6db74; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralStringInterpol */ |
/* LiteralStringInterpol */ |
||||||
.si { |
.si { |
||||||
color: #e6db74; |
color: #e6db74; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralStringOther */ |
/* LiteralStringOther */ |
||||||
.sx { |
.sx { |
||||||
color: #e6db74; |
color: #e6db74; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralStringRegex */ |
/* LiteralStringRegex */ |
||||||
.sr { |
.sr { |
||||||
color: #e6db74; |
color: #e6db74; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralStringSingle */ |
/* LiteralStringSingle */ |
||||||
.s1 { |
.s1 { |
||||||
color: #e6db74; |
color: #e6db74; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralStringSymbol */ |
/* LiteralStringSymbol */ |
||||||
.ss { |
.ss { |
||||||
color: #e6db74; |
color: #e6db74; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralNumber */ |
/* LiteralNumber */ |
||||||
.m { |
.m { |
||||||
color: #ae81ff; |
color: #ae81ff; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralNumberBin */ |
/* LiteralNumberBin */ |
||||||
.mb { |
.mb { |
||||||
color: #ae81ff; |
color: #ae81ff; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralNumberFloat */ |
/* LiteralNumberFloat */ |
||||||
.mf { |
.mf { |
||||||
color: #ae81ff; |
color: #ae81ff; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralNumberHex */ |
/* LiteralNumberHex */ |
||||||
.mh { |
.mh { |
||||||
color: #ae81ff; |
color: #ae81ff; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralNumberInteger */ |
/* LiteralNumberInteger */ |
||||||
.mi { |
.mi { |
||||||
color: #ae81ff; |
color: #ae81ff; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralNumberIntegerLong */ |
/* LiteralNumberIntegerLong */ |
||||||
.il { |
.il { |
||||||
color: #ae81ff; |
color: #ae81ff; |
||||||
} |
} |
||||||
|
|
||||||
/* LiteralNumberOct */ |
/* LiteralNumberOct */ |
||||||
.mo { |
.mo { |
||||||
color: #ae81ff; |
color: #ae81ff; |
||||||
} |
} |
||||||
|
|
||||||
/* Operator */ |
/* Operator */ |
||||||
.o { |
.o { |
||||||
color: #f92672; |
color: #f92672; |
||||||
} |
} |
||||||
|
|
||||||
/* OperatorWord */ |
/* OperatorWord */ |
||||||
.ow { |
.ow { |
||||||
color: #f92672; |
color: #f92672; |
||||||
} |
} |
||||||
|
|
||||||
/* Punctuation */ |
/* Punctuation */ |
||||||
.p { |
.p { |
||||||
} |
} |
||||||
|
|
||||||
/* Comment */ |
/* Comment */ |
||||||
.c { |
.c { |
||||||
color: #75715e; |
color: #75715e; |
||||||
} |
} |
||||||
|
|
||||||
/* CommentHashbang */ |
/* CommentHashbang */ |
||||||
.ch { |
.ch { |
||||||
color: #75715e; |
color: #75715e; |
||||||
} |
} |
||||||
|
|
||||||
/* CommentMultiline */ |
/* CommentMultiline */ |
||||||
.cm { |
.cm { |
||||||
color: #75715e; |
color: #75715e; |
||||||
} |
} |
||||||
|
|
||||||
/* CommentSingle */ |
/* CommentSingle */ |
||||||
.c1 { |
.c1 { |
||||||
color: #75715e; |
color: #75715e; |
||||||
} |
} |
||||||
|
|
||||||
/* CommentSpecial */ |
/* CommentSpecial */ |
||||||
.cs { |
.cs { |
||||||
color: #75715e; |
color: #75715e; |
||||||
} |
} |
||||||
|
|
||||||
/* CommentPreproc */ |
/* CommentPreproc */ |
||||||
.cp { |
.cp { |
||||||
color: #75715e; |
color: #75715e; |
||||||
} |
} |
||||||
|
|
||||||
/* CommentPreprocFile */ |
/* CommentPreprocFile */ |
||||||
.cpf { |
.cpf { |
||||||
color: #75715e; |
color: #75715e; |
||||||
} |
} |
||||||
|
|
||||||
/* Generic */ |
/* Generic */ |
||||||
.g { |
.g { |
||||||
} |
} |
||||||
|
|
||||||
/* GenericDeleted */ |
/* GenericDeleted */ |
||||||
.gd { |
.gd { |
||||||
color: #f92672; |
color: #f92672; |
||||||
} |
} |
||||||
|
|
||||||
/* GenericEmph */ |
/* GenericEmph */ |
||||||
.ge { |
.ge { |
||||||
font-style: italic; |
font-style: italic; |
||||||
} |
} |
||||||
|
|
||||||
/* GenericError */ |
/* GenericError */ |
||||||
.gr { |
.gr { |
||||||
} |
} |
||||||
|
|
||||||
/* GenericHeading */ |
/* GenericHeading */ |
||||||
.gh { |
.gh { |
||||||
} |
} |
||||||
|
|
||||||
/* GenericInserted */ |
/* GenericInserted */ |
||||||
.gi { |
.gi { |
||||||
color: #a6e22e; |
color: #a6e22e; |
||||||
} |
} |
||||||
|
|
||||||
/* GenericOutput */ |
/* GenericOutput */ |
||||||
.go { |
.go { |
||||||
} |
} |
||||||
|
|
||||||
/* GenericPrompt */ |
/* GenericPrompt */ |
||||||
.gp { |
.gp { |
||||||
} |
} |
||||||
|
|
||||||
/* GenericStrong */ |
/* GenericStrong */ |
||||||
.gs { |
.gs { |
||||||
font-weight: bold; |
font-weight: bold; |
||||||
} |
} |
||||||
|
|
||||||
/* GenericSubheading */ |
/* GenericSubheading */ |
||||||
.gu { |
.gu { |
||||||
color: #75715e; |
color: #75715e; |
||||||
} |
} |
||||||
|
|
||||||
/* GenericTraceback */ |
/* GenericTraceback */ |
||||||
.gt { |
.gt { |
||||||
} |
} |
||||||
|
|
||||||
/* GenericUnderline */ |
/* GenericUnderline */ |
||||||
.gl { |
.gl { |
||||||
} |
} |
||||||
|
|
||||||
/* TextWhitespace */ |
/* TextWhitespace */ |
||||||
.w { |
.w { |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,14 +1,24 @@ |
|||||||
name = "maik-blog" |
name = "maik-blog" |
||||||
description = "A simple theme for my blog." |
description = "A simple theme for my blog." |
||||||
tags = ["blog", "clean", "dark", "light", "monochromatic", "personal", "responsive"] |
tags = [ |
||||||
|
"blog", |
||||||
|
"clean", |
||||||
|
"dark", |
||||||
|
"light", |
||||||
|
"monochromatic", |
||||||
|
"personal", |
||||||
|
"responsive", |
||||||
|
"technical", |
||||||
|
"highlighting", |
||||||
|
] |
||||||
features = ["blog", "shortcode", "syntax highlighting"] |
features = ["blog", "shortcode", "syntax highlighting"] |
||||||
min_version = 0.30 |
min_version = 0.30 |
||||||
|
|
||||||
[author] |
[author] |
||||||
name = "Maik de Kruif" |
name = "Maik de Kruif" |
||||||
homepage = "https://maik.dev/" |
homepage = "https://maik.dev/" |
||||||
|
|
||||||
[original] |
[original] |
||||||
name = "hello-friend" |
name = "hello-friend" |
||||||
homepage = "https://github.com/panr/hugo-theme-hello-friend" |
homepage = "https://github.com/panr/hugo-theme-hello-friend" |
||||||
repo = "https://github.com/panr/hugo-theme-hello-friend" |
repo = "https://github.com/panr/hugo-theme-hello-friend" |
||||||
|
|||||||
Loading…
Reference in new issue