Compare commits
5 Commits
83e5be25e3
...
9b7e73029a
| Author | SHA1 | Date |
|---|---|---|
 Maik de Kruif
|
9b7e73029a | 4 months ago |
|
Maik de Kruif
|
1a2e6feb52 | 4 months ago |
|
Maik de Kruif
|
c859780f74 | 4 months ago |
|
Maik de Kruif
|
dd9e97016c | 4 months ago |
|
Maik de Kruif
|
82b5a211b4 | 4 months ago |
53 changed files with 2325 additions and 1885 deletions
@ -1,62 +1,62 @@ |
||||
name: Hugo CD |
||||
|
||||
on: |
||||
push: |
||||
branches: |
||||
- "master" |
||||
push: |
||||
branches: |
||||
- "master" |
||||
|
||||
defaults: |
||||
run: |
||||
working-directory: ./ |
||||
run: |
||||
working-directory: ./ |
||||
|
||||
jobs: |
||||
build: |
||||
timeout-minutes: 6 |
||||
name: Build |
||||
runs-on: ubuntu-latest |
||||
steps: |
||||
- name: Checkout code |
||||
uses: actions/checkout@v4 |
||||
|
||||
- name: Setup hugo |
||||
uses: peaceiris/actions-hugo@v3 |
||||
with: |
||||
hugo-version: "latest" |
||||
extended: true |
||||
|
||||
- name: Build |
||||
run: hugo --minify |
||||
|
||||
- name: Upload deployment |
||||
uses: actions/upload-artifact@v4 |
||||
with: |
||||
name: public-html |
||||
path: ./public |
||||
|
||||
deploy: |
||||
timeout-minutes: 6 |
||||
name: Deploy |
||||
runs-on: ubuntu-latest |
||||
needs: build |
||||
environment: |
||||
name: production |
||||
url: https://maik.dev/ |
||||
steps: |
||||
- name: Download deployment |
||||
uses: actions/download-artifact@v4 |
||||
with: |
||||
name: public-html |
||||
path: ./public-html |
||||
|
||||
- name: Setup SSH config for remote server |
||||
run: | |
||||
mkdir -p ~/.ssh |
||||
echo "${{ secrets.SSH_PRIVATE_KEY }}" > ~/.ssh/id_ed25519 |
||||
echo "${{ secrets.SSH_HOST }} ssh-ed25519 ${{ secrets.SSH_HOST_KEY }}" > ~/.ssh/known_hosts |
||||
chmod 600 ~/.ssh/id_ed25519 |
||||
eval "$(ssh-agent -s)" |
||||
ssh-add ~/.ssh/id_ed25519 |
||||
|
||||
- name: Transfer deployment to remote server |
||||
run: | |
||||
rsync -avh --delete-after ./public-html/ ${{ secrets.SSH_USERNAME }}@${{ secrets.SSH_HOST }}:~/maik.dev |
||||
build: |
||||
timeout-minutes: 6 |
||||
name: Build |
||||
runs-on: ubuntu-latest |
||||
steps: |
||||
- name: Checkout code |
||||
uses: actions/checkout@v4 |
||||
|
||||
- name: Setup hugo |
||||
uses: peaceiris/actions-hugo@v3 |
||||
with: |
||||
hugo-version: "latest" |
||||
extended: true |
||||
|
||||
- name: Build |
||||
run: hugo --minify |
||||
|
||||
- name: Upload deployment |
||||
uses: actions/upload-artifact@v4 |
||||
with: |
||||
name: public-html |
||||
path: ./public |
||||
|
||||
deploy: |
||||
timeout-minutes: 6 |
||||
name: Deploy |
||||
runs-on: ubuntu-latest |
||||
needs: build |
||||
environment: |
||||
name: production |
||||
url: https://maik.dev/ |
||||
steps: |
||||
- name: Download deployment |
||||
uses: actions/download-artifact@v4 |
||||
with: |
||||
name: public-html |
||||
path: ./public-html |
||||
|
||||
- name: Setup SSH config for remote server |
||||
run: | |
||||
mkdir -p ~/.ssh |
||||
echo "${{ secrets.SSH_PRIVATE_KEY }}" > ~/.ssh/id_ed25519 |
||||
echo "${{ secrets.SSH_HOST }} ssh-ed25519 ${{ secrets.SSH_HOST_KEY }}" > ~/.ssh/known_hosts |
||||
chmod 600 ~/.ssh/id_ed25519 |
||||
eval "$(ssh-agent -s)" |
||||
ssh-add ~/.ssh/id_ed25519 |
||||
|
||||
- name: Transfer deployment to remote server |
||||
run: | |
||||
rsync -avh --delete-after ./public-html/ ${{ secrets.SSH_USERNAME }}@${{ secrets.SSH_HOST }}:~/maik.dev |
||||
|
||||
@ -1,34 +1,34 @@ |
||||
name: Hugo CI |
||||
|
||||
on: |
||||
push: |
||||
branches: |
||||
- "*" |
||||
- "*/*" |
||||
- "**" |
||||
- "!master" |
||||
pull_request: |
||||
branches: |
||||
- "master" |
||||
push: |
||||
branches: |
||||
- "*" |
||||
- "*/*" |
||||
- "**" |
||||
- "!master" |
||||
pull_request: |
||||
branches: |
||||
- "master" |
||||
|
||||
defaults: |
||||
run: |
||||
working-directory: ./ |
||||
run: |
||||
working-directory: ./ |
||||
|
||||
jobs: |
||||
ci: |
||||
timeout-minutes: 5 |
||||
name: CI |
||||
runs-on: ubuntu-latest |
||||
steps: |
||||
- name: Checkout code |
||||
uses: actions/checkout@v4 |
||||
ci: |
||||
timeout-minutes: 5 |
||||
name: CI |
||||
runs-on: ubuntu-latest |
||||
steps: |
||||
- name: Checkout code |
||||
uses: actions/checkout@v4 |
||||
|
||||
- name: Setup hugo |
||||
uses: peaceiris/actions-hugo@v3 |
||||
with: |
||||
hugo-version: "latest" |
||||
extended: true |
||||
- name: Setup hugo |
||||
uses: peaceiris/actions-hugo@v3 |
||||
with: |
||||
hugo-version: "latest" |
||||
extended: true |
||||
|
||||
- name: Build |
||||
run: hugo -D -F |
||||
- name: Build |
||||
run: hugo -D -F |
||||
|
||||
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 1.8 MiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 120 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 10 KiB |
@ -1,5 +1,5 @@ |
||||
baseURL = "https://maik.dev/" |
||||
|
||||
[services] |
||||
[services.googleAnalytics] |
||||
id = "UA-136337666-1" |
||||
[services.googleAnalytics] |
||||
id = "UA-136337666-1" |
||||
|
||||
@ -0,0 +1,8 @@ |
||||
+++ |
||||
author = "Maik de Kruif" |
||||
title = "Act 1 - SANS HHC 2024" |
||||
breadcrumb = "Act 1" |
||||
description = "A collection of my writeups for the 2024 edition of the SANS Holiday Hack Challenge (HHC). HHC is a free series of fun, quality, hands-on cybersecurity challenges." |
||||
+++ |
||||
|
||||
A collection of my writeups for the 2024 edition of the SANS Holiday Hack Challenge (HHC). HHC is a free series of fun, quality, hands-on cybersecurity challenges. |
||||
@ -0,0 +1,322 @@ |
||||
+++ |
||||
author = "Maik de Kruif" |
||||
title = "Curling" |
||||
subtitle = "Act 1 - SANS Holiday Hack Challenge 2024" |
||||
date = 2024-11-23T11:44:53+01:00 |
||||
description = "In the fourth challenge of the Holiday Hack Challenge 2024, we'll explore how to use curl using the Linux manpages." |
||||
cover = "img/writeups/holiday-hack-challenge/2024/act1/curling/cover.png" |
||||
tags = [ |
||||
"Holiday Hack Challenge", |
||||
"ctf", |
||||
"hacking", |
||||
"writeup", |
||||
] |
||||
categories = [ |
||||
"ctf", |
||||
"writeups", |
||||
"hacking", |
||||
] |
||||
+++ |
||||
|
||||
## Link |
||||
|
||||
If you want to play the challenge yourself, you can find it here: |
||||
|
||||
<https://2024.holidayhackchallenge.com/> |
||||
|
||||
## Story line |
||||
|
||||
Let's start off by talking to Bow Ninecandle: |
||||
|
||||
```txt |
||||
Well hello there! I'm Bow Ninecandle, bright as a twinkling star! Everyone's busy unpacking, but I've grown quite bored of that. Care to join me for a lovely game? |
||||
|
||||
Oh Joy! Today, We're diving into something delightful: the curling challenge—without any ice, but plenty of sparkle! |
||||
|
||||
No icy brooms here though! We're all about Curl, sending web requests from the command line like magic messages. |
||||
|
||||
So, have you ever wielded Curl before? If not, no worries at all, my friend! |
||||
|
||||
It's this clever little tool that lets you whisper directly to web servers. Pretty neat, right? |
||||
|
||||
Think of it like sending secret scrolls through the interwebs, awaiting a wise reply! |
||||
|
||||
To begin, you can type something like curl https://example.com. Voilà! The HTML of the page appears, like conjuring a spell! |
||||
|
||||
Simple enough, huh? But oh, there's a whole world of magic you can cast with Curl! |
||||
|
||||
We're just brushing the surface here, but trust me—it’s a hoot and a half! |
||||
|
||||
If you get tangled up or need help, just give me a shout! I’m here to help you ace this curling spectacle. |
||||
|
||||
So, are you ready to curl those web requests like a pro? Let’s see your magic unfold! |
||||
``` |
||||
|
||||
## Recon |
||||
|
||||
Upon opening the challenge, we're greeted with a terminal. Looks like we'll have to use the `curl` command to solve the challenge. |
||||
|
||||
{{< figure src="/img/writeups/holiday-hack-challenge/2024/act1/curling/start.png" title="Welcome screen" >}} |
||||
|
||||
Let's enter "y", press enter, and start the challenge. |
||||
|
||||
## Silver |
||||
|
||||
### Task 1 |
||||
|
||||
{{< figure src="/img/writeups/holiday-hack-challenge/2024/act1/curling/http.png" title="Question 1" >}} |
||||
|
||||
So, for our first task, we'll have to send a simple http request to `http://curlingfun:8080/`. Those of use who have used curl before will have no issues here, but since this writeup isn't just for them, I'll pretend to have never used curl before. |
||||
|
||||
To get more info on how curl works, we can open its manpage. A manpage is the documentation of a command on linux systems. We can open it by running `man curl` in the terminal. |
||||
|
||||
{{< figure class="small" src="/img/writeups/holiday-hack-challenge/2024/act1/curling/manpage.png" title="manpage of curl" >}} |
||||
|
||||
We can scroll through the page using the arrow keys (or vim shortcuts), and search for things by typing `/[SEARCH TERM HERE]`. |
||||
|
||||
For the first task, we don't need any of the special options, and we can just append the url after the curl command. |
||||
|
||||
```sh |
||||
curl http://curlingfun:8080/ |
||||
``` |
||||
|
||||
### Task 2 |
||||
|
||||
{{< figure src="/img/writeups/holiday-hack-challenge/2024/act1/curling/insecure-https.png" title="Question 2" >}} |
||||
|
||||
For tasks 2, we'll have to send an https request. Sounds easy enough, and normally that would be the case, but here it also specifies that the destination is using a self-signed certificate. |
||||
|
||||
By default curl will verify the remote certificate, and block the request if the certificate is not issued by a trusted party. Since the certificate here is self-signed, meaning there is no trusted party involved, curl will block the request. |
||||
|
||||
To circumvent this protection mechanism, we'll have to tell curl to allow insecure connections. If we look at the manpage, we can find the following option: |
||||
|
||||
```txt |
||||
-k, --insecure |
||||
(TLS) By default, every SSL connection curl makes is verified to be secure. |
||||
This option allows curl to proceed and operate even for server connections |
||||
otherwise considered insecure. |
||||
|
||||
... |
||||
``` |
||||
|
||||
So we can add the `-k` option, and run the command like this: |
||||
|
||||
```sh |
||||
curl -k https://curlingfun:9090/ |
||||
``` |
||||
|
||||
### Task 3 |
||||
|
||||
{{< figure src="/img/writeups/holiday-hack-challenge/2024/act1/curling/post.png" title="Question 3" >}} |
||||
|
||||
On to task three, where we'll have to send a POST request with some data. |
||||
|
||||
We can again look at the manpage. If type in `/POST`, press enter, and then press `n` to go to the next occurrence a few times, we'll find the following entry: |
||||
|
||||
```txt |
||||
-d, --data <data> |
||||
(HTTP) Sends the specified data in a POST request to the HTTP server, in the |
||||
same way that a browser does when a user has filled in an HTML form and |
||||
presses the submit button. This will cause curl to pass the data to the server |
||||
using the content-type application/x-www-form-urlencoded. Compare to -F, |
||||
--form. |
||||
|
||||
... |
||||
|
||||
If any of these options is used more than once on the same command line, the |
||||
data pieces specified will be merged together with a separating &-symbol. |
||||
Thus, using '-d name=daniel -d skill=lousy' would generate a post chunk that |
||||
looks like 'name=daniel&skill=lousy'. |
||||
|
||||
... |
||||
``` |
||||
|
||||
Using this option, we can send the requested data. The page also shows an example of how to specify the data, so we can use that in our case like so: |
||||
|
||||
```sh |
||||
curl -k https://curlingfun:9090/ --data "skip=alabaster" |
||||
``` |
||||
|
||||
In the screenshot below, I also added the `-X POST` option. The `-X` option as you may gave guessed sets the request method. I did this out of habit, but it is not needed at all. The `--data` option automatically converts it to a POST request for you. |
||||
|
||||
### Task 4 |
||||
|
||||
{{< figure src="/img/writeups/holiday-hack-challenge/2024/act1/curling/cookie.png" title="Question 4" >}} |
||||
|
||||
Next up is sending a cookie along. A quick search in the manpage will yield us the following result: |
||||
|
||||
```txt |
||||
-b, --cookie <data|filename> |
||||
(HTTP) Pass the data to the HTTP server in the Cookie header. It is supposedly |
||||
the data previously received from the server in a "Set-Cookie:" line. The |
||||
data should be in the format "NAME1=VALUE1; NAME2=VALUE2". |
||||
|
||||
... |
||||
``` |
||||
|
||||
The page also conveniently shows us the format in which the data is expected. Let's fill it in and send it. |
||||
|
||||
```sh |
||||
curl -k https://curlingfun:9090/ --cookie "end=3" |
||||
``` |
||||
|
||||
### Task 5 |
||||
|
||||
{{< figure src="/img/writeups/holiday-hack-challenge/2024/act1/curling/headers.png" title="Question 5" >}} |
||||
|
||||
This time, we'll have to get curl to show us the headers it received as well. |
||||
|
||||
You know the drill by now, this is what the manpage shows: |
||||
|
||||
```txt |
||||
-i, --include |
||||
Include the HTTP response headers in the output. The HTTP response headers can |
||||
include things like server name, cookies, date of the document, HTTP version |
||||
and more... |
||||
|
||||
... |
||||
``` |
||||
|
||||
We won't have to send any data, so we can leave all other things out. |
||||
|
||||
```sh |
||||
curl -k -i https://curlingfun:9090/ |
||||
``` |
||||
|
||||
### Task 6 |
||||
|
||||
{{< figure src="/img/writeups/holiday-hack-challenge/2024/act1/curling/header.png" title="Question 6" >}} |
||||
|
||||
For the sixth task, we need to send a header along with the request. |
||||
|
||||
Once again, the manpage helps us out: |
||||
|
||||
```txt |
||||
-H, --header <header/@file> |
||||
(HTTP) Extra header to include in the request when sending HTTP to a server. |
||||
You may specify any number of extra headers. |
||||
|
||||
... |
||||
|
||||
Example: |
||||
|
||||
curl -H "X-First-Name: Joe" http://example.com/ |
||||
|
||||
... |
||||
``` |
||||
|
||||
```sh |
||||
curl -k https://curlingfun:9090/ -H "Stone: Granite" |
||||
``` |
||||
|
||||
### Task 7 |
||||
|
||||
{{< figure src="/img/writeups/holiday-hack-challenge/2024/act1/curling/path-as-is.png" title="Question 7" >}} |
||||
|
||||
We have made it to the last task; making a request with `./` in the url. Because actually wanting to send `./` or `../` is very rare and often unintended (only hackers would want to), curl resolves them locally before sending the request. |
||||
|
||||
Luckily, we can also disable this functionality: |
||||
|
||||
```txt |
||||
--path-as-is |
||||
Tell curl to not handle sequences of /../ or /./ in the given URL path. Nor‐ |
||||
mally curl will squash or merge them according to standards but with this op‐ |
||||
tion set you tell it not to do that. |
||||
``` |
||||
|
||||
We'll just add that option to our final command: |
||||
|
||||
```sh |
||||
curl -k --path-as-is https://curlingfun:9090/../../etc/hacks |
||||
``` |
||||
|
||||
{{< figure src="/img/writeups/holiday-hack-challenge/2024/act1/curling/silver.png" title="Silver" >}} |
||||
|
||||
And... bam! We got the medal! |
||||
|
||||
### Tl;dr |
||||
|
||||
These are the commands in order: |
||||
|
||||
```sh |
||||
curl http://curlingfun:8080/ |
||||
curl -k https://curlingfun:9090/ |
||||
curl -k https://curlingfun:9090/ --data "skip=alabaster" |
||||
curl -k https://curlingfun:9090/ --cookie "end=3" |
||||
curl -k -i https://curlingfun:9090/ |
||||
curl -k https://curlingfun:9090/ -H "Stone: Granite" |
||||
curl -k --path-as-is https://curlingfun:9090/../../etc/hacks |
||||
``` |
||||
|
||||
## Gold |
||||
|
||||
### Continued story line |
||||
|
||||
Let's first talk to the elf again, he'll tell us what we'll have to do for gold. |
||||
|
||||
```txt |
||||
Bravo! Look at you, curling through that like a true web wizard! |
||||
|
||||
You zipped through that challenge faster than a curling stone on enchanted ice! |
||||
|
||||
You know... rumor has it you can breeze through this with just three commands. Why don’t you give it a whirl? |
||||
``` |
||||
|
||||
### Task 1 |
||||
|
||||
At first, I though we could just combine the previous commands in one, and solve it, but, alas, this was not the case... |
||||
|
||||
This is the input I tried: |
||||
|
||||
```sh |
||||
curl http://curlingfun:8080/ |
||||
curl -k -X POST https://curlingfun:9090/ --data "skip=alabaster" --cookie "end=3" -H "Stone: Granite" |
||||
curl -k --path-as-is https://curlingfun:9090/../../etc/hacks |
||||
``` |
||||
|
||||
Curious as to what we needs to be done, we should explore further. Let's start by listing the files in the current directory. This turns out to be a good idea, as we find a file there; `HARD-MODE.txt`. |
||||
|
||||
{{< figure src="/img/writeups/holiday-hack-challenge/2024/act1/curling/hard-mode.png" title="HARD-MODE.txt" >}} |
||||
|
||||
Turns out we get some more steps to follow. We have already practiced all the things needed here with the silver one, so we can apply the knowledge gained there with this task. |
||||
|
||||
```sh |
||||
curl -k https://curlingfun:9090/ --data "skip=bow" --cookie "end=10" -H "Hack: 12ft" |
||||
``` |
||||
|
||||
### Task 2 |
||||
|
||||
{{< figure src="/img/writeups/holiday-hack-challenge/2024/act1/curling/gold2.png" title="Question 2" >}} |
||||
|
||||
The second one also brings nothing new, the `--path-as-is` option will help us again here: |
||||
|
||||
```sh |
||||
curl -k --path-as-is https://curlingfun:9090/../../etc/button |
||||
``` |
||||
|
||||
### Task 3 |
||||
|
||||
{{< figure src="/img/writeups/holiday-hack-challenge/2024/act1/curling/gold3.png" title="Question 3" >}} |
||||
|
||||
For the third task, we got something new. The message shows us that the url will redirect us. |
||||
|
||||
By default, curl will not follow redirects. As you may have guessed by now though, there is way to enable this functionality, and it's written in the manpage: |
||||
|
||||
```txt |
||||
-L, --location |
||||
(HTTP) If the server reports that the requested page has moved to a different |
||||
location (indicated with a Location: header and a 3XX response code), this op‐ |
||||
tion will make curl redo the request on the new place. |
||||
|
||||
... |
||||
``` |
||||
|
||||
We can then add this option to the command as follows: |
||||
|
||||
```sh |
||||
curl -k -L https://curlingfun:9090/GoodSportsmanship |
||||
``` |
||||
|
||||
{{< figure src="/img/writeups/holiday-hack-challenge/2024/act1/curling/gold.png" title="Gold" >}} |
||||
|
||||
And that's it, we got the gold medal! |
||||
@ -1,20 +1,42 @@ |
||||
window.addEventListener("load", () => { |
||||
// Enlarged floating figures
|
||||
for (let figure of document.getElementsByTagName("figure")) { |
||||
if (figure.classList.contains("post-cover") || figure.classList.contains("portfolio-cover")) |
||||
continue |
||||
if ( |
||||
figure.classList.contains("post-cover") || |
||||
figure.classList.contains("portfolio-cover") |
||||
) |
||||
continue; |
||||
|
||||
figure.addEventListener("click", () => { |
||||
figure.classList.toggle("floated-focus") |
||||
}) |
||||
figure.classList.toggle("floated-focus"); |
||||
}); |
||||
} |
||||
|
||||
document.addEventListener('keydown', (e) => { |
||||
if (e.keyCode !== 27) |
||||
return |
||||
document.addEventListener("keydown", (e) => { |
||||
if (e.keyCode !== 27) return; |
||||
|
||||
for (let figure of document.getElementsByClassName("floated-focus")) { |
||||
figure.classList.remove("floated-focus") |
||||
figure.classList.remove("floated-focus"); |
||||
} |
||||
}); |
||||
|
||||
}) |
||||
}) |
||||
// Add anchors to article headings
|
||||
for (let article of document.getElementsByTagName("article")) { |
||||
for (let heading of article.querySelectorAll( |
||||
"h1, h2, h3, h4, h5, h6" |
||||
)) { |
||||
if (!heading.id) continue; |
||||
|
||||
let anchor = document.createElement("a"); |
||||
anchor.innerHTML = heading.innerHTML; |
||||
anchor.href = "#" + heading.id; |
||||
heading.innerHTML = ""; |
||||
heading.appendChild(anchor); |
||||
heading.classList.add("article-heading"); |
||||
|
||||
anchor.addEventListener("click", (e) => { |
||||
navigator.clipboard.writeText(anchor.href); |
||||
}); |
||||
} |
||||
} |
||||
}); |
||||
|
||||
@ -1,38 +1,40 @@ |
||||
// Path navigation on top left
|
||||
window.addEventListener("load", () => { |
||||
const terminal = document.getElementById('nav-terminal') |
||||
const terminal = document.getElementById("nav-terminal"); |
||||
|
||||
const keyDown = (e) => { |
||||
if (e.keyCode === 13) { |
||||
if (document.activeElement !== document.body) return |
||||
if (terminal.textContent.length === 0) return |
||||
const keyDown = (e) => { |
||||
if (e.keyCode === 13) { |
||||
if (document.activeElement !== document.body) 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 |
||||
return |
||||
} |
||||
window.location.href = |
||||
window.location.origin + "/" + terminal.textContent; |
||||
return; |
||||
} |
||||
|
||||
if (e.keyCode === 8) { |
||||
terminal.textContent = terminal.textContent.slice(0, -1) |
||||
return |
||||
} |
||||
if (e.keyCode === 8) { |
||||
terminal.textContent = terminal.textContent.slice(0, -1); |
||||
return; |
||||
} |
||||
|
||||
if (e.keyCode === 192) { |
||||
if (terminal.textContent.length !== 0) return |
||||
if (e.keyCode === 192) { |
||||
if (terminal.textContent.length !== 0) return; |
||||
|
||||
terminal.textContent += "~" |
||||
return |
||||
} |
||||
terminal.textContent += "~"; |
||||
return; |
||||
} |
||||
|
||||
if (e.keyCode === 191) { |
||||
terminal.textContent += "/" |
||||
return |
||||
} |
||||
if (e.keyCode === 191) { |
||||
terminal.textContent += "/"; |
||||
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 { |
||||
display: table; |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
display: table; |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
} |
||||
|
||||
button, |
||||
.button, |
||||
a.button { |
||||
position: relative; |
||||
display: flex; |
||||
align-items: 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; |
||||
position: relative; |
||||
display: flex; |
||||
align-items: 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 & { |
||||
border-color: $dark-background-secondary; |
||||
color: inherit; |
||||
background: $dark-background-secondary; |
||||
color: inherit; |
||||
} |
||||
|
||||
:hover { |
||||
transform: none; |
||||
box-shadow: none; |
||||
/* variants */ |
||||
|
||||
&.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 { |
||||
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08); |
||||
&.primary { |
||||
box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), |
||||
0 1px 3px rgba(0, 0, 0, 0.08); |
||||
|
||||
&:hover { |
||||
box-shadow: 0 2px 6px rgba(50, 50, 93, .21), 0 1px 3px rgba(0, 0, 0, .08); |
||||
&:hover { |
||||
box-shadow: 0 2px 6px rgba(50, 50, 93, 0.21), |
||||
0 1px 3px rgba(0, 0, 0, 0.08); |
||||
} |
||||
} |
||||
} |
||||
|
||||
&.link { |
||||
background: none; |
||||
font-size: 1rem; |
||||
} |
||||
&.link { |
||||
background: none; |
||||
font-size: 1rem; |
||||
} |
||||
|
||||
&.small { |
||||
font-size: .8rem; |
||||
} |
||||
&.small { |
||||
font-size: 0.8rem; |
||||
} |
||||
|
||||
&.wide { |
||||
min-width: 200px; |
||||
padding: 14px 24px; |
||||
} |
||||
&.wide { |
||||
min-width: 200px; |
||||
padding: 14px 24px; |
||||
} |
||||
} |
||||
|
||||
.code-toolbar { |
||||
margin-bottom: 20px; |
||||
margin-bottom: 20px; |
||||
|
||||
.toolbar-item a { |
||||
position: relative; |
||||
display: inline-flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
padding: 3px 8px; |
||||
margin-bottom: 5px; |
||||
background: $light-background-secondary; |
||||
text-decoration: none; |
||||
text-align: center; |
||||
font-size: 13px; |
||||
font-weight: 500; |
||||
border-radius: 8px; |
||||
border: 1px solid transparent; |
||||
appearance: none; |
||||
cursor: pointer; |
||||
outline: none; |
||||
.toolbar-item a { |
||||
position: relative; |
||||
display: inline-flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
padding: 3px 8px; |
||||
margin-bottom: 5px; |
||||
background: $light-background-secondary; |
||||
text-decoration: none; |
||||
text-align: center; |
||||
font-size: 13px; |
||||
font-weight: 500; |
||||
border-radius: 8px; |
||||
border: 1px solid transparent; |
||||
appearance: none; |
||||
cursor: pointer; |
||||
outline: none; |
||||
|
||||
.dark-theme & { |
||||
background: $dark-background-secondary; |
||||
color: inherit; |
||||
.dark-theme & { |
||||
background: $dark-background-secondary; |
||||
color: inherit; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
@ -1,53 +1,53 @@ |
||||
@font-face { |
||||
font-family: 'Inter UI'; |
||||
font-style: normal; |
||||
font-display: fallback; |
||||
font-weight: 400; |
||||
src: url("../fonts/Inter-UI-Regular.woff2") format("woff2"), |
||||
url("../fonts/Inter-UI-Regular.woff") format("woff"); |
||||
font-family: "Inter UI"; |
||||
font-style: normal; |
||||
font-display: fallback; |
||||
font-weight: 400; |
||||
src: url("../fonts/Inter-UI-Regular.woff2") format("woff2"), |
||||
url("../fonts/Inter-UI-Regular.woff") format("woff"); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Inter UI'; |
||||
font-style: italic; |
||||
font-display: fallback; |
||||
font-weight: 400; |
||||
src: url("../fonts/Inter-UI-Italic.woff2") format("woff2"), |
||||
url("../fonts/Inter-UI-Italic.woff") format("woff"); |
||||
font-family: "Inter UI"; |
||||
font-style: italic; |
||||
font-display: fallback; |
||||
font-weight: 400; |
||||
src: url("../fonts/Inter-UI-Italic.woff2") format("woff2"), |
||||
url("../fonts/Inter-UI-Italic.woff") format("woff"); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Inter UI'; |
||||
font-style: normal; |
||||
font-display: auto; |
||||
font-weight: 600; |
||||
src: url("../fonts/Inter-UI-Medium.woff2") format("woff2"), |
||||
url("../fonts/Inter-UI-Medium.woff") format("woff"); |
||||
font-family: "Inter UI"; |
||||
font-style: normal; |
||||
font-display: auto; |
||||
font-weight: 600; |
||||
src: url("../fonts/Inter-UI-Medium.woff2") format("woff2"), |
||||
url("../fonts/Inter-UI-Medium.woff") format("woff"); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Inter UI'; |
||||
font-style: italic; |
||||
font-display: fallback; |
||||
font-weight: 600; |
||||
src: url("../fonts/Inter-UI-MediumItalic.woff2") format("woff2"), |
||||
url("../fonts/Inter-UI-MediumItalic.woff") format("woff"); |
||||
font-family: "Inter UI"; |
||||
font-style: italic; |
||||
font-display: fallback; |
||||
font-weight: 600; |
||||
src: url("../fonts/Inter-UI-MediumItalic.woff2") format("woff2"), |
||||
url("../fonts/Inter-UI-MediumItalic.woff") format("woff"); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Inter UI'; |
||||
font-style: normal; |
||||
font-display: fallback; |
||||
font-weight: 800; |
||||
src: url("../fonts/Inter-UI-Bold.woff2") format("woff2"), |
||||
url("../fonts/Inter-UI-Bold.woff") format("woff"); |
||||
font-family: "Inter UI"; |
||||
font-style: normal; |
||||
font-display: fallback; |
||||
font-weight: 800; |
||||
src: url("../fonts/Inter-UI-Bold.woff2") format("woff2"), |
||||
url("../fonts/Inter-UI-Bold.woff") format("woff"); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Inter UI'; |
||||
font-style: italic; |
||||
font-display: fallback; |
||||
font-weight: 800; |
||||
src: url("../fonts/Inter-UI-BoldItalic.woff2") format("woff2"), |
||||
url("../fonts/Inter-UI-BoldItalic.woff") format("woff"); |
||||
} |
||||
font-family: "Inter UI"; |
||||
font-style: italic; |
||||
font-display: fallback; |
||||
font-weight: 800; |
||||
src: url("../fonts/Inter-UI-BoldItalic.woff2") format("woff2"), |
||||
url("../fonts/Inter-UI-BoldItalic.woff") format("woff"); |
||||
} |
||||
|
||||
@ -1,77 +1,77 @@ |
||||
.footer { |
||||
padding: 40px 20px; |
||||
flex-grow: 0; |
||||
color: $light-color-secondary; |
||||
padding: 40px 20px; |
||||
flex-grow: 0; |
||||
color: $light-color-secondary; |
||||
|
||||
&__inner { |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
margin: 0 auto; |
||||
width: 760px; |
||||
max-width: 100%; |
||||
&__inner { |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
margin: 0 auto; |
||||
width: 760px; |
||||
max-width: 100%; |
||||
|
||||
@media #{$media-size-tablet} { |
||||
flex-direction: column; |
||||
@media #{$media-size-tablet} { |
||||
flex-direction: column; |
||||
} |
||||
} |
||||
} |
||||
|
||||
&__content { |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
font-size: 1rem; |
||||
color: $light-color-secondary; |
||||
&__content { |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
font-size: 1rem; |
||||
color: $light-color-secondary; |
||||
|
||||
&__section { |
||||
display: flex; |
||||
flex-direction: row; |
||||
align-items: center; |
||||
padding: 5px; |
||||
&__section { |
||||
display: flex; |
||||
flex-direction: row; |
||||
align-items: center; |
||||
padding: 5px; |
||||
|
||||
@media #{$media-size-tablet} { |
||||
margin-top: 10px; |
||||
} |
||||
@media #{$media-size-tablet} { |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
&.regular { |
||||
@media #{$media-size-tablet} { |
||||
flex-direction: column; |
||||
} |
||||
&>*:not(:last-child)::after { |
||||
content: "•"; |
||||
padding: 0 5px; |
||||
&.regular { |
||||
@media #{$media-size-tablet} { |
||||
flex-direction: column; |
||||
} |
||||
& > *:not(:last-child)::after { |
||||
content: "•"; |
||||
padding: 0 5px; |
||||
|
||||
@media #{$media-size-tablet} { |
||||
content: ""; |
||||
padding: 0; |
||||
} |
||||
} |
||||
@media #{$media-size-tablet} { |
||||
content: ""; |
||||
padding: 0; |
||||
} |
||||
} |
||||
|
||||
&>*:last-child { |
||||
padding: 0 5px; |
||||
& > *:last-child { |
||||
padding: 0 5px; |
||||
|
||||
@media #{$media-size-tablet} { |
||||
padding: 0; |
||||
} |
||||
} |
||||
} |
||||
@media #{$media-size-tablet} { |
||||
padding: 0; |
||||
} |
||||
} |
||||
} |
||||
|
||||
&.donations { |
||||
white-space: nowrap; |
||||
overflow-x: scroll; |
||||
max-width: 600px; |
||||
position: relative; |
||||
&.donations { |
||||
white-space: nowrap; |
||||
overflow-x: scroll; |
||||
max-width: 600px; |
||||
position: relative; |
||||
|
||||
@media #{$media-size-tablet} { |
||||
max-width: 180px; |
||||
} |
||||
@media #{$media-size-tablet} { |
||||
max-width: 180px; |
||||
} |
||||
|
||||
.wallet { |
||||
.name { |
||||
font-weight: 700; |
||||
} |
||||
.wallet { |
||||
.name { |
||||
font-weight: 700; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
@ -1,54 +1,54 @@ |
||||
.header { |
||||
background: #fafafa; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
position: relative; |
||||
padding: 20px; |
||||
|
||||
.dark-theme & { |
||||
background: #242626; |
||||
} |
||||
|
||||
&__right { |
||||
background: #fafafa; |
||||
display: flex; |
||||
flex-direction: row; |
||||
align-items: center; |
||||
justify-content: center; |
||||
position: relative; |
||||
padding: 20px; |
||||
|
||||
@media #{$media-size-phone} { |
||||
flex-direction: row-reverse; |
||||
.dark-theme & { |
||||
background: #242626; |
||||
} |
||||
} |
||||
|
||||
&__inner { |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
margin: 0 auto; |
||||
width: 760px; |
||||
max-width: 100%; |
||||
&__right { |
||||
display: flex; |
||||
flex-direction: row; |
||||
align-items: center; |
||||
|
||||
@media #{$media-size-phone} { |
||||
flex-direction: row-reverse; |
||||
} |
||||
} |
||||
|
||||
a { |
||||
text-decoration: none; |
||||
&__inner { |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
margin: 0 auto; |
||||
width: 760px; |
||||
max-width: 100%; |
||||
|
||||
a { |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.theme-toggle { |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
line-height: 1; |
||||
cursor: pointer; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
line-height: 1; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.theme-toggler { |
||||
fill: currentColor; |
||||
fill: currentColor; |
||||
} |
||||
|
||||
.unselectable { |
||||
user-select: none; |
||||
-webkit-user-select: none; |
||||
-moz-user-select: none; |
||||
-ms-user-select: none; |
||||
user-select: none; |
||||
-webkit-user-select: none; |
||||
-moz-user-select: none; |
||||
-ms-user-select: none; |
||||
} |
||||
|
||||
@ -1,16 +1,14 @@ |
||||
.masonry { |
||||
display: grid; |
||||
margin-top: 20px; |
||||
grid-gap: 20px 90px; |
||||
grid-template-columns: repeat(2, minmax(250px, 1fr)); |
||||
// grid-auto-rows: 20px; // Set by JavaScript |
||||
// margin-bottom: calc(4 * 20px); // Set by JavaScript |
||||
display: grid; |
||||
margin-top: 20px; |
||||
grid-gap: 20px 90px; |
||||
grid-template-columns: repeat(2, minmax(250px, 1fr)); |
||||
|
||||
> * { |
||||
margin: 0; |
||||
} |
||||
> * { |
||||
margin: 0; |
||||
} |
||||
|
||||
@media #{$media-size-medium} { |
||||
grid-template-columns: 1fr; |
||||
} |
||||
@media #{$media-size-medium} { |
||||
grid-template-columns: 1fr; |
||||
} |
||||
} |
||||
|
||||
@ -1,67 +1,67 @@ |
||||
.menu { |
||||
background: #fafafa; |
||||
border-right: 1px solid; |
||||
margin-right: 18px; |
||||
z-index: 9999; |
||||
background: #fafafa; |
||||
border-right: 1px solid; |
||||
margin-right: 18px; |
||||
z-index: 9999; |
||||
|
||||
.dark-theme & { |
||||
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; |
||||
.dark-theme & { |
||||
background: #252627; |
||||
} |
||||
|
||||
@media #{$media-size-phone} { |
||||
flex-direction: column; |
||||
align-items: flex-start; |
||||
padding: 0; |
||||
|
||||
li { |
||||
position: absolute; |
||||
top: 50px; |
||||
right: 0; |
||||
border: none; |
||||
margin: 0; |
||||
padding: 5px; |
||||
} |
||||
padding: 10px; |
||||
} |
||||
} |
||||
|
||||
&-trigger { |
||||
width: 24px; |
||||
height: 24px; |
||||
fill: currentColor; |
||||
margin-left: 10px; |
||||
cursor: pointer; |
||||
} |
||||
&__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; |
||||
} |
||||
|
||||
a { |
||||
display: inline-block; |
||||
margin-right: 15px; |
||||
text-decoration: none; |
||||
@media #{$media-size-phone} { |
||||
flex-direction: column; |
||||
align-items: flex-start; |
||||
padding: 0; |
||||
|
||||
&:hover { |
||||
text-decoration: underline; |
||||
li { |
||||
margin: 0; |
||||
padding: 5px; |
||||
} |
||||
} |
||||
} |
||||
|
||||
&:last-of-type { |
||||
margin-right: 0; |
||||
&-trigger { |
||||
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 { |
||||
opacity: .6; |
||||
} |
||||
opacity: 0.6; |
||||
} |
||||
|
||||
@ -1,206 +1,206 @@ |
||||
.portfolio { |
||||
width: 100%; |
||||
max-width: 1000px; |
||||
text-align: left; |
||||
padding: 20px; |
||||
margin: 20px auto; |
||||
width: 100%; |
||||
max-width: 1000px; |
||||
text-align: left; |
||||
padding: 20px; |
||||
margin: 20px auto; |
||||
|
||||
@media #{$media-size-medium} { |
||||
max-width: 800px; |
||||
} |
||||
@media #{$media-size-medium} { |
||||
max-width: 800px; |
||||
} |
||||
|
||||
@media #{$media-size-tablet} { |
||||
max-width: 600px; |
||||
} |
||||
|
||||
@media #{$media-size-tablet} { |
||||
max-width: 600px; |
||||
} |
||||
&-title { |
||||
font-size: 2.625rem; |
||||
margin: 0 0 20px; |
||||
|
||||
&-title { |
||||
font-size: 2.625rem; |
||||
margin: 0 0 20px; |
||||
@media #{$media-size-phone} { |
||||
font-size: 2rem; |
||||
} |
||||
|
||||
@media #{$media-size-phone} { |
||||
font-size: 2rem; |
||||
a { |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
|
||||
a { |
||||
text-decoration: none; |
||||
&-timespan { |
||||
margin-top: -20px; |
||||
font-size: 0.9em; |
||||
} |
||||
} |
||||
|
||||
&-timespan { |
||||
margin-top: -20px; |
||||
font-size: 0.9em; |
||||
} |
||||
&-tags { |
||||
display: block; |
||||
margin-bottom: 20px; |
||||
font-size: 1rem; |
||||
opacity: 0.5; |
||||
|
||||
&-tags { |
||||
display: block; |
||||
margin-bottom: 20px; |
||||
font-size: 1rem; |
||||
opacity: 0.5; |
||||
a { |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
|
||||
a { |
||||
text-decoration: none; |
||||
&-content { |
||||
margin-top: 30px; |
||||
} |
||||
} |
||||
|
||||
&-content { |
||||
margin-top: 30px; |
||||
} |
||||
&-links { |
||||
font-size: 0.8em; |
||||
margin-top: -8px; |
||||
opacity: 0.7; |
||||
|
||||
&-links { |
||||
font-size: 0.8em; |
||||
margin-top: -8px; |
||||
opacity: 0.7; |
||||
a { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
a { |
||||
text-decoration: none; |
||||
> * { |
||||
margin-right: 8px; |
||||
} |
||||
} |
||||
|
||||
> * { |
||||
margin-right: 8px; |
||||
} |
||||
} |
||||
&-cover { |
||||
border-radius: 8px; |
||||
margin: 30px -50px; |
||||
width: 1060px; |
||||
max-width: 1060px; |
||||
|
||||
&-cover { |
||||
border-radius: 8px; |
||||
margin: 30px -50px; |
||||
width: 1060px; |
||||
max-width: 1060px; |
||||
@media #{$media-size-medium} { |
||||
max-width: 860px; |
||||
} |
||||
|
||||
@media #{$media-size-medium} { |
||||
max-width: 860px; |
||||
@media #{$media-size-tablet} { |
||||
margin: 20px 0; |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
@media #{$media-size-tablet} { |
||||
margin: 20px 0; |
||||
width: 100%; |
||||
} |
||||
} |
||||
&-info { |
||||
margin-top: 30px; |
||||
font-size: 0.8rem; |
||||
line-height: normal; |
||||
@include dimmed; |
||||
|
||||
&-info { |
||||
margin-top: 30px; |
||||
font-size: 0.8rem; |
||||
line-height: normal; |
||||
@include dimmed; |
||||
p { |
||||
margin: 0.8em 0; |
||||
} |
||||
|
||||
p { |
||||
margin: 0.8em 0; |
||||
a:hover { |
||||
border-bottom: 1px solid white; |
||||
} |
||||
|
||||
svg { |
||||
margin-right: 0.8em; |
||||
} |
||||
|
||||
.tag { |
||||
margin-right: 0.5em; |
||||
display: inline-block; |
||||
|
||||
&::before { |
||||
content: "#"; |
||||
} |
||||
} |
||||
} |
||||
|
||||
a:hover { |
||||
border-bottom: 1px solid white; |
||||
.flag { |
||||
border-radius: 50%; |
||||
margin: 0 5px; |
||||
} |
||||
} |
||||
|
||||
svg { |
||||
margin-right: 0.8em; |
||||
.pagination { |
||||
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 { |
||||
margin-right: 0.5em; |
||||
display: inline-block; |
||||
&__buttons { |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
|
||||
&::before { |
||||
content: "#"; |
||||
} |
||||
a { |
||||
text-decoration: none; |
||||
font-weight: bold; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.flag { |
||||
border-radius: 50%; |
||||
margin: 0 5px; |
||||
} |
||||
} |
||||
|
||||
.pagination { |
||||
margin-top: 20px; |
||||
|
||||
&__title { |
||||
display: flex; |
||||
text-align: center; |
||||
.button { |
||||
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; |
||||
} |
||||
} |
||||
|
||||
&__buttons { |
||||
display: flex; |
||||
display: inline-flex; |
||||
align-items: 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 { |
||||
text-decoration: none; |
||||
font-weight: bold; |
||||
display: flex; |
||||
padding: 8px 16px; |
||||
text-decoration: none; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
overflow: hidden; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.button { |
||||
position: relative; |
||||
display: inline-flex; |
||||
align-items: 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 { |
||||
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; |
||||
} |
||||
&__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 { |
||||
width: 100%; |
||||
max-width: calc(1000px + 50px + 80px); |
||||
text-align: left; |
||||
padding: 20px calc(20px + 50px + 15px); |
||||
margin: 20px auto; |
||||
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; |
||||
width: 100%; |
||||
max-width: calc(1000px + 50px + 80px); |
||||
text-align: left; |
||||
padding: 20px calc(20px + 50px + 15px); |
||||
margin: 20px auto; |
||||
counter-reset: portfolio; |
||||
|
||||
@media #{$media-size-tablet} { |
||||
display: block; |
||||
} |
||||
} |
||||
|
||||
&-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-medium} { |
||||
max-width: calc(800px + 50px + 80px); |
||||
} |
||||
|
||||
@media #{$media-size-tablet} { |
||||
flex-direction: column-reverse; |
||||
max-width: 660px; |
||||
} |
||||
|
||||
.read-more { |
||||
white-space: nowrap; |
||||
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; |
||||
} |
||||
&:not(:last-of-type) { |
||||
border-bottom: 1px solid $light-border-color; |
||||
|
||||
&-content { |
||||
margin-top: 12px; |
||||
.dark-theme & { |
||||
border-color: $dark-border-color; |
||||
} |
||||
} |
||||
|
||||
&-item { |
||||
border-bottom: 1px grey dashed; |
||||
|
||||
a { |
||||
&-group { |
||||
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; |
||||
} |
||||
} |
||||
margin-bottom: 1.9em; |
||||
line-height: normal; |
||||
|
||||
&::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; |
||||
} |
||||
@media #{$media-size-tablet} { |
||||
display: block; |
||||
} |
||||
} |
||||
|
||||
&::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; |
||||
&-list { |
||||
flex-grow: 1; |
||||
margin: 0; |
||||
padding: 0; |
||||
list-style: none; |
||||
} |
||||
|
||||
&: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; |
||||
} |
||||
.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} { |
||||
flex-direction: column-reverse; |
||||
} |
||||
|
||||
.read-more { |
||||
white-space: nowrap; |
||||
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 { |
||||
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,107 @@ |
||||
.posts { |
||||
width: 100%; |
||||
max-width: 1000px; |
||||
text-align: left; |
||||
padding: 20px; |
||||
margin: 20px auto; |
||||
|
||||
@media #{$media-size-medium} { |
||||
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; |
||||
width: 100%; |
||||
max-width: 1000px; |
||||
text-align: left; |
||||
padding: 20px; |
||||
margin: 20px auto; |
||||
|
||||
@media #{$media-size-medium} { |
||||
max-width: 800px; |
||||
} |
||||
} |
||||
|
||||
&-group { |
||||
display: flex; |
||||
margin-bottom: 1.9em; |
||||
line-height: normal; |
||||
|
||||
@media #{$media-size-tablet} { |
||||
display: block; |
||||
} |
||||
} |
||||
|
||||
&-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; |
||||
max-width: 660px; |
||||
} |
||||
} |
||||
|
||||
.post { |
||||
&-title { |
||||
font-size: 1.9rem; |
||||
margin: 5px 0 5px 0; |
||||
} |
||||
&:not(:last-of-type) { |
||||
border-bottom: 1px solid $light-border-color; |
||||
|
||||
&-subtitle { |
||||
font-size: 1.1rem; |
||||
margin: 5px 0 10px 0; |
||||
font-weight: 600; |
||||
.dark-theme & { |
||||
border-color: $dark-border-color; |
||||
} |
||||
} |
||||
|
||||
&-year { |
||||
padding-top: 6px; |
||||
margin-right: 1.8em; |
||||
font-size: 1.6em; |
||||
@include dimmed; |
||||
&-group { |
||||
display: flex; |
||||
margin-bottom: 1.9em; |
||||
line-height: normal; |
||||
|
||||
@media #{$media-size-tablet} { |
||||
margin: -6px 0 4px; |
||||
} |
||||
@media #{$media-size-tablet} { |
||||
display: block; |
||||
} |
||||
} |
||||
|
||||
&-item { |
||||
border-bottom: 1px grey dashed; |
||||
|
||||
a { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: baseline; |
||||
padding: 12px 0; |
||||
text-decoration: none; |
||||
} |
||||
&-list { |
||||
flex-grow: 1; |
||||
margin: 0; |
||||
padding: 0; |
||||
list-style: none; |
||||
} |
||||
|
||||
&-day { |
||||
flex-shrink: 0; |
||||
margin-left: 1em; |
||||
@include dimmed; |
||||
} |
||||
&-breadcrumbs { |
||||
margin: 0 0 -25px; |
||||
|
||||
&-cover { |
||||
margin-top: 20px; |
||||
margin-bottom: 20px; |
||||
@media #{$media-size-phone} { |
||||
font-size: 0.9rem; |
||||
margin: 0 0 -15px; |
||||
} |
||||
} |
||||
|
||||
&-content { |
||||
margin-top: 10px; |
||||
margin-bottom: 10px; |
||||
.post { |
||||
&-title { |
||||
font-size: 1.9rem; |
||||
margin: 5px 0 5px 0; |
||||
} |
||||
|
||||
&-subtitle { |
||||
font-size: 1.1rem; |
||||
margin: 5px 0 10px 0; |
||||
font-weight: 600; |
||||
|
||||
.breadcrumbs { |
||||
li:last-child::after { |
||||
display: none; |
||||
} |
||||
} |
||||
} |
||||
|
||||
&-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 { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
justify-content: space-between; |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
justify-content: space-between; |
||||
|
||||
.resp-sharing-button__icon, |
||||
.resp-sharing-button__link { |
||||
display: inline-block; |
||||
} |
||||
.resp-sharing-button__icon, |
||||
.resp-sharing-button__link { |
||||
display: inline-block; |
||||
} |
||||
|
||||
.resp-sharing-button__link { |
||||
text-decoration: none; |
||||
margin: 0.5em; |
||||
} |
||||
.resp-sharing-button__link { |
||||
text-decoration: none; |
||||
margin: 0.5em; |
||||
} |
||||
|
||||
.resp-sharing-button { |
||||
border-radius: 5px; |
||||
transition: 25ms ease-out; |
||||
padding: 0.5em 0.75em; |
||||
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; |
||||
} |
||||
.resp-sharing-button { |
||||
border-radius: 5px; |
||||
transition: 25ms ease-out; |
||||
padding: 0.5em 0.75em; |
||||
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; |
||||
} |
||||
|
||||
.resp-sharing-button__icon svg { |
||||
width: 1em; |
||||
height: 1em; |
||||
margin-right: 0.4em; |
||||
vertical-align: top; |
||||
} |
||||
.resp-sharing-button__icon svg { |
||||
width: 1em; |
||||
height: 1em; |
||||
margin-right: 0.4em; |
||||
vertical-align: top; |
||||
} |
||||
|
||||
.resp-sharing-button--small svg { |
||||
margin: 0; |
||||
vertical-align: middle; |
||||
} |
||||
} |
||||
.resp-sharing-button--small svg { |
||||
margin: 0; |
||||
vertical-align: middle; |
||||
} |
||||
} |
||||
|
||||
@ -1,403 +1,403 @@ |
||||
/* Background */ |
||||
.chroma { |
||||
color: #f8f8f2; |
||||
background-color: #272822; |
||||
|
||||
/* Other */ |
||||
.x { |
||||
} |
||||
|
||||
/* Error */ |
||||
.err { |
||||
color: #960050; |
||||
background-color: #1e0010; |
||||
} |
||||
|
||||
/* LineTableTD */ |
||||
.lntd { |
||||
vertical-align: top; |
||||
padding: 0; |
||||
margin: 0; |
||||
border: 0; |
||||
} |
||||
|
||||
/* LineTable */ |
||||
.lntable { |
||||
border-spacing: 0; |
||||
padding: 0; |
||||
margin: 0; |
||||
border: 0; |
||||
width: auto; |
||||
overflow: auto; |
||||
display: block; |
||||
} |
||||
|
||||
/* LineHighlight */ |
||||
.hl { |
||||
display: block; |
||||
width: 100%; |
||||
background-color: #ffffcc; |
||||
} |
||||
|
||||
/* LineNumbersTable */ |
||||
.lnt { |
||||
margin-right: 0.4em; |
||||
padding: 0 0.4em 0 0.4em; |
||||
color: #7f7f7f; |
||||
} |
||||
|
||||
/* LineNumbers */ |
||||
.ln { |
||||
margin-right: 0.4em; |
||||
padding: 0 0.4em 0 0.4em; |
||||
color: #7f7f7f; |
||||
} |
||||
|
||||
/* Keyword */ |
||||
.k { |
||||
color: #66d9ef; |
||||
} |
||||
|
||||
/* KeywordConstant */ |
||||
.kc { |
||||
color: #66d9ef; |
||||
} |
||||
|
||||
/* KeywordDeclaration */ |
||||
.kd { |
||||
color: #66d9ef; |
||||
} |
||||
|
||||
/* KeywordNamespace */ |
||||
.kn { |
||||
color: #f92672; |
||||
} |
||||
|
||||
/* KeywordPseudo */ |
||||
.kp { |
||||
color: #66d9ef; |
||||
} |
||||
|
||||
/* KeywordReserved */ |
||||
.kr { |
||||
color: #66d9ef; |
||||
} |
||||
|
||||
/* KeywordType */ |
||||
.kt { |
||||
color: #66d9ef; |
||||
} |
||||
|
||||
/* Name */ |
||||
.n { |
||||
} |
||||
|
||||
/* NameAttribute */ |
||||
.na { |
||||
color: #a6e22e; |
||||
} |
||||
|
||||
/* NameBuiltin */ |
||||
.nb { |
||||
} |
||||
|
||||
/* NameBuiltinPseudo */ |
||||
.bp { |
||||
} |
||||
|
||||
/* NameClass */ |
||||
.nc { |
||||
color: #a6e22e; |
||||
} |
||||
|
||||
/* NameConstant */ |
||||
.no { |
||||
color: #66d9ef; |
||||
} |
||||
|
||||
/* NameDecorator */ |
||||
.nd { |
||||
color: #a6e22e; |
||||
} |
||||
|
||||
/* NameEntity */ |
||||
.ni { |
||||
} |
||||
|
||||
/* NameException */ |
||||
.ne { |
||||
color: #a6e22e; |
||||
} |
||||
|
||||
/* NameFunction */ |
||||
.nf { |
||||
color: #a6e22e; |
||||
} |
||||
|
||||
/* NameFunctionMagic */ |
||||
.fm { |
||||
} |
||||
|
||||
/* NameLabel */ |
||||
.nl { |
||||
} |
||||
|
||||
/* NameNamespace */ |
||||
.nn { |
||||
} |
||||
|
||||
/* NameOther */ |
||||
.nx { |
||||
color: #a6e22e; |
||||
} |
||||
|
||||
/* NameProperty */ |
||||
.py { |
||||
} |
||||
|
||||
/* NameTag */ |
||||
.nt { |
||||
color: #f92672; |
||||
} |
||||
|
||||
/* NameVariable */ |
||||
.nv { |
||||
} |
||||
|
||||
/* NameVariableClass */ |
||||
.vc { |
||||
} |
||||
|
||||
/* NameVariableGlobal */ |
||||
.vg { |
||||
} |
||||
|
||||
/* NameVariableInstance */ |
||||
.vi { |
||||
} |
||||
|
||||
/* NameVariableMagic */ |
||||
.vm { |
||||
} |
||||
|
||||
/* Literal */ |
||||
.l { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* LiteralDate */ |
||||
.ld { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralString */ |
||||
.s { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringAffix */ |
||||
.sa { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringBacktick */ |
||||
.sb { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringChar */ |
||||
.sc { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringDelimiter */ |
||||
.dl { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringDoc */ |
||||
.sd { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringDouble */ |
||||
.s2 { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringEscape */ |
||||
.se { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* LiteralStringHeredoc */ |
||||
.sh { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringInterpol */ |
||||
.si { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringOther */ |
||||
.sx { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringRegex */ |
||||
.sr { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringSingle */ |
||||
.s1 { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringSymbol */ |
||||
.ss { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralNumber */ |
||||
.m { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* LiteralNumberBin */ |
||||
.mb { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* LiteralNumberFloat */ |
||||
.mf { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* LiteralNumberHex */ |
||||
.mh { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* LiteralNumberInteger */ |
||||
.mi { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* LiteralNumberIntegerLong */ |
||||
.il { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* LiteralNumberOct */ |
||||
.mo { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* Operator */ |
||||
.o { |
||||
color: #f92672; |
||||
} |
||||
|
||||
/* OperatorWord */ |
||||
.ow { |
||||
color: #f92672; |
||||
} |
||||
|
||||
/* Punctuation */ |
||||
.p { |
||||
} |
||||
|
||||
/* Comment */ |
||||
.c { |
||||
color: #75715e; |
||||
} |
||||
|
||||
/* CommentHashbang */ |
||||
.ch { |
||||
color: #75715e; |
||||
} |
||||
|
||||
/* CommentMultiline */ |
||||
.cm { |
||||
color: #75715e; |
||||
} |
||||
|
||||
/* CommentSingle */ |
||||
.c1 { |
||||
color: #75715e; |
||||
} |
||||
|
||||
/* CommentSpecial */ |
||||
.cs { |
||||
color: #75715e; |
||||
} |
||||
|
||||
/* CommentPreproc */ |
||||
.cp { |
||||
color: #75715e; |
||||
} |
||||
|
||||
/* CommentPreprocFile */ |
||||
.cpf { |
||||
color: #75715e; |
||||
} |
||||
|
||||
/* Generic */ |
||||
.g { |
||||
} |
||||
|
||||
/* GenericDeleted */ |
||||
.gd { |
||||
color: #f92672; |
||||
} |
||||
|
||||
/* GenericEmph */ |
||||
.ge { |
||||
font-style: italic; |
||||
} |
||||
|
||||
/* GenericError */ |
||||
.gr { |
||||
} |
||||
|
||||
/* GenericHeading */ |
||||
.gh { |
||||
} |
||||
|
||||
/* GenericInserted */ |
||||
.gi { |
||||
color: #a6e22e; |
||||
} |
||||
|
||||
/* GenericOutput */ |
||||
.go { |
||||
} |
||||
|
||||
/* GenericPrompt */ |
||||
.gp { |
||||
} |
||||
|
||||
/* GenericStrong */ |
||||
.gs { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
/* GenericSubheading */ |
||||
.gu { |
||||
color: #75715e; |
||||
} |
||||
|
||||
/* GenericTraceback */ |
||||
.gt { |
||||
} |
||||
|
||||
/* GenericUnderline */ |
||||
.gl { |
||||
} |
||||
|
||||
/* TextWhitespace */ |
||||
.w { |
||||
} |
||||
color: #f8f8f2; |
||||
background-color: #272822; |
||||
|
||||
/* Other */ |
||||
.x { |
||||
} |
||||
|
||||
/* Error */ |
||||
.err { |
||||
color: #960050; |
||||
background-color: #1e0010; |
||||
} |
||||
|
||||
/* LineTableTD */ |
||||
.lntd { |
||||
vertical-align: top; |
||||
padding: 0; |
||||
margin: 0; |
||||
border: 0; |
||||
} |
||||
|
||||
/* LineTable */ |
||||
.lntable { |
||||
border-spacing: 0; |
||||
padding: 0; |
||||
margin: 0; |
||||
border: 0; |
||||
width: auto; |
||||
overflow: auto; |
||||
display: block; |
||||
} |
||||
|
||||
/* LineHighlight */ |
||||
.hl { |
||||
display: block; |
||||
width: 100%; |
||||
background-color: #ffffcc; |
||||
} |
||||
|
||||
/* LineNumbersTable */ |
||||
.lnt { |
||||
margin-right: 0.4em; |
||||
padding: 0 0.4em 0 0.4em; |
||||
color: #7f7f7f; |
||||
} |
||||
|
||||
/* LineNumbers */ |
||||
.ln { |
||||
margin-right: 0.4em; |
||||
padding: 0 0.4em 0 0.4em; |
||||
color: #7f7f7f; |
||||
} |
||||
|
||||
/* Keyword */ |
||||
.k { |
||||
color: #66d9ef; |
||||
} |
||||
|
||||
/* KeywordConstant */ |
||||
.kc { |
||||
color: #66d9ef; |
||||
} |
||||
|
||||
/* KeywordDeclaration */ |
||||
.kd { |
||||
color: #66d9ef; |
||||
} |
||||
|
||||
/* KeywordNamespace */ |
||||
.kn { |
||||
color: #f92672; |
||||
} |
||||
|
||||
/* KeywordPseudo */ |
||||
.kp { |
||||
color: #66d9ef; |
||||
} |
||||
|
||||
/* KeywordReserved */ |
||||
.kr { |
||||
color: #66d9ef; |
||||
} |
||||
|
||||
/* KeywordType */ |
||||
.kt { |
||||
color: #66d9ef; |
||||
} |
||||
|
||||
/* Name */ |
||||
.n { |
||||
} |
||||
|
||||
/* NameAttribute */ |
||||
.na { |
||||
color: #a6e22e; |
||||
} |
||||
|
||||
/* NameBuiltin */ |
||||
.nb { |
||||
} |
||||
|
||||
/* NameBuiltinPseudo */ |
||||
.bp { |
||||
} |
||||
|
||||
/* NameClass */ |
||||
.nc { |
||||
color: #a6e22e; |
||||
} |
||||
|
||||
/* NameConstant */ |
||||
.no { |
||||
color: #66d9ef; |
||||
} |
||||
|
||||
/* NameDecorator */ |
||||
.nd { |
||||
color: #a6e22e; |
||||
} |
||||
|
||||
/* NameEntity */ |
||||
.ni { |
||||
} |
||||
|
||||
/* NameException */ |
||||
.ne { |
||||
color: #a6e22e; |
||||
} |
||||
|
||||
/* NameFunction */ |
||||
.nf { |
||||
color: #a6e22e; |
||||
} |
||||
|
||||
/* NameFunctionMagic */ |
||||
.fm { |
||||
} |
||||
|
||||
/* NameLabel */ |
||||
.nl { |
||||
} |
||||
|
||||
/* NameNamespace */ |
||||
.nn { |
||||
} |
||||
|
||||
/* NameOther */ |
||||
.nx { |
||||
color: #a6e22e; |
||||
} |
||||
|
||||
/* NameProperty */ |
||||
.py { |
||||
} |
||||
|
||||
/* NameTag */ |
||||
.nt { |
||||
color: #f92672; |
||||
} |
||||
|
||||
/* NameVariable */ |
||||
.nv { |
||||
} |
||||
|
||||
/* NameVariableClass */ |
||||
.vc { |
||||
} |
||||
|
||||
/* NameVariableGlobal */ |
||||
.vg { |
||||
} |
||||
|
||||
/* NameVariableInstance */ |
||||
.vi { |
||||
} |
||||
|
||||
/* NameVariableMagic */ |
||||
.vm { |
||||
} |
||||
|
||||
/* Literal */ |
||||
.l { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* LiteralDate */ |
||||
.ld { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralString */ |
||||
.s { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringAffix */ |
||||
.sa { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringBacktick */ |
||||
.sb { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringChar */ |
||||
.sc { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringDelimiter */ |
||||
.dl { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringDoc */ |
||||
.sd { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringDouble */ |
||||
.s2 { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringEscape */ |
||||
.se { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* LiteralStringHeredoc */ |
||||
.sh { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringInterpol */ |
||||
.si { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringOther */ |
||||
.sx { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringRegex */ |
||||
.sr { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringSingle */ |
||||
.s1 { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralStringSymbol */ |
||||
.ss { |
||||
color: #e6db74; |
||||
} |
||||
|
||||
/* LiteralNumber */ |
||||
.m { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* LiteralNumberBin */ |
||||
.mb { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* LiteralNumberFloat */ |
||||
.mf { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* LiteralNumberHex */ |
||||
.mh { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* LiteralNumberInteger */ |
||||
.mi { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* LiteralNumberIntegerLong */ |
||||
.il { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* LiteralNumberOct */ |
||||
.mo { |
||||
color: #ae81ff; |
||||
} |
||||
|
||||
/* Operator */ |
||||
.o { |
||||
color: #f92672; |
||||
} |
||||
|
||||
/* OperatorWord */ |
||||
.ow { |
||||
color: #f92672; |
||||
} |
||||
|
||||
/* Punctuation */ |
||||
.p { |
||||
} |
||||
|
||||
/* Comment */ |
||||
.c { |
||||
color: #75715e; |
||||
} |
||||
|
||||
/* CommentHashbang */ |
||||
.ch { |
||||
color: #75715e; |
||||
} |
||||
|
||||
/* CommentMultiline */ |
||||
.cm { |
||||
color: #75715e; |
||||
} |
||||
|
||||
/* CommentSingle */ |
||||
.c1 { |
||||
color: #75715e; |
||||
} |
||||
|
||||
/* CommentSpecial */ |
||||
.cs { |
||||
color: #75715e; |
||||
} |
||||
|
||||
/* CommentPreproc */ |
||||
.cp { |
||||
color: #75715e; |
||||
} |
||||
|
||||
/* CommentPreprocFile */ |
||||
.cpf { |
||||
color: #75715e; |
||||
} |
||||
|
||||
/* Generic */ |
||||
.g { |
||||
} |
||||
|
||||
/* GenericDeleted */ |
||||
.gd { |
||||
color: #f92672; |
||||
} |
||||
|
||||
/* GenericEmph */ |
||||
.ge { |
||||
font-style: italic; |
||||
} |
||||
|
||||
/* GenericError */ |
||||
.gr { |
||||
} |
||||
|
||||
/* GenericHeading */ |
||||
.gh { |
||||
} |
||||
|
||||
/* GenericInserted */ |
||||
.gi { |
||||
color: #a6e22e; |
||||
} |
||||
|
||||
/* GenericOutput */ |
||||
.go { |
||||
} |
||||
|
||||
/* GenericPrompt */ |
||||
.gp { |
||||
} |
||||
|
||||
/* GenericStrong */ |
||||
.gs { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
/* GenericSubheading */ |
||||
.gu { |
||||
color: #75715e; |
||||
} |
||||
|
||||
/* GenericTraceback */ |
||||
.gt { |
||||
} |
||||
|
||||
/* GenericUnderline */ |
||||
.gl { |
||||
} |
||||
|
||||
/* TextWhitespace */ |
||||
.w { |
||||
} |
||||
} |
||||
|
||||
@ -1,14 +1,24 @@ |
||||
name = "maik-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"] |
||||
min_version = 0.30 |
||||
|
||||
[author] |
||||
name = "Maik de Kruif" |
||||
homepage = "https://maik.dev/" |
||||
name = "Maik de Kruif" |
||||
homepage = "https://maik.dev/" |
||||
|
||||
[original] |
||||
name = "hello-friend" |
||||
homepage = "https://github.com/panr/hugo-theme-hello-friend" |
||||
repo = "https://github.com/panr/hugo-theme-hello-friend" |
||||
name = "hello-friend" |
||||
homepage = "https://github.com/panr/hugo-theme-hello-friend" |
||||
repo = "https://github.com/panr/hugo-theme-hello-friend" |
||||
|
||||
Loading…
Reference in new issue