ariejan/devroom.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update to nord theme

Browse Source
This commit is contained in:
Ariejan de Vroom 2021-04-09 13:57:27 +02:00
parent 753d4a30e4
commit 4aac33dc2d
Signed by: ariejan
GPG Key ID: AD739154F713697B
6 changed files with 257 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
content/posts/2020-02-28-building-a-nas.md
View File

@ -504,9 +504,3 @@ Proxmox for being Linux _and_ supporting ZFS.
Yeah, I know what I said last time I updated this post. I _upgraded_ my motherboard/CPU/Memory even further.
Read more in my latest post on my NAS: [https://www.devroom.io/2020/11/12/the-big-diy-nas-update](https://www.devroom.io/2020/11/12/the-big-diy-nas-update/)
_**Let me help you**_
Are you planning on building a home server or NAS, but aren't you sure about the components you picked or if Proxmox / FreeNAS is right for you?
[Hop on over to BuyMeACoffee and plan a 30 minute call with me to go over the details!](https://www.buymeacoffee.com/ariejan/e/10602)

6
content/posts/2020-11-12-the-big-diy-nas-update.md
View File

@ -87,9 +87,3 @@ The only thing 'lacking' from Proxmox, coming from FreeNAS, is easily setting up
Yeah. That's happening. I find myself storing more and more data on a network share on the NAS. But with lots of audio and video files, 1000mbit can be limiting (e.g. 120-ish MB/s).
I found myself a pair of Solarflare SFN5122F 10G Ethernet Dual Port (SFP+) cards on eBay. These should even work under macos, which is what I'd need. They're still in the mail right now - but it should be pretty straightforward setting these up for a direct 10G link between my Ryzentosh and NAS.
_**Let me help you**_
Are you planning on building a home server or NAS, but aren't you sure about the components you picked or if Proxmox / FreeNAS is right for you?
[Hop on over to BuyMeACoffee and plan a 30 minute call with me to go over the details!](https://www.buymeacoffee.com/ariejan/e/10602)

7
content/posts/2020-11-18-10gb-ethernet-proxmox-and-ryzentosh-catalina.md
View File

@ -183,11 +183,4 @@ That's all there is to it. Mount those shares and enjoy blistering fast transfer
No, I'm not upgrading to a full SSD ZFS pool...
_**Let me help you**_
Are you planning on building a home server or NAS, but aren't you sure about the components you picked or if Proxmox / FreeNAS is right for you?
[Hop on over to BuyMeACoffee and plan a 30 minute call with me to go over the details!](https://www.buymeacoffee.com/ariejan/e/10602)
[Open Core]: https://github.com/acidanthera/OpenCorePkg

29
themes/devroom-2020/assets/scss/devroom.scss
View File

@ -1,16 +1,17 @@
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,700&display=swap&subset=latin-ext');
@import "./nord.scss";
$font_size: 0.96rem;
$line-height: 1.5rem;
$backdrop: #0D0221;
$background: #0D0221;
$text: #ffffff;
$links: #F6019D;
$footer: #9d3ac1;
$backdrop: $nord6;
$background: $nord6;
$text: $nord10;
$links: $nord11;
$footer: $nord10;
$meta: $text;
$header: #968eff;
$highlight: #F8FFA3;
$header: $nord10;
$highlight: $nord14;
html, body {
background-color: $backdrop;
@ -46,15 +47,13 @@ nav a {
h1, h2, h3, h4, h5 {
font-size: $font_size;
font-weight: normal;
font-weight: bold;
color: $header;
margin: 0.67rem 0;
text-transform: uppercase;
}
h1 {
padding-bottom: 0.67rem;
border-bottom: 2px dashed $header;
&::before {
content: "# ";
@ -134,11 +133,7 @@ small {
.meta {
color: $meta;
font-weight: bold;
}
.reading-time {
float: right;
font-weight: normal;
}
hr {
@ -147,7 +142,7 @@ hr {
}
code {
color: #ecba42;
color: $nord14;
}
code::before,

235
themes/devroom-2020/assets/scss/nord.scss Normal file
View File

@ -0,0 +1,235 @@
// Copyright (c) 2016-present Arctic Ice Studio <development@arcticicestudio.com>
// Copyright (c) 2016-present Sven Greb <development@svengreb.de>
// Project: Nord
// Version: 0.2.0
// Repository: https://github.com/arcticicestudio/nord
// License: MIT
// References:
// http://sass-lang.com
// http://sassdoc.com
////
/// An arctic, north-bluish color palette.
/// Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax
/// highlighting and UI.
/// It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful
/// ambiance.
///
/// @author Arctic Ice Studio <development@arcticicestudio.com>
////
/// Base component color of "Polar Night".
///
/// Used for texts, backgrounds, carets and structuring characters like curly- and square brackets.
///
/// @access public
/// @example scss - SCSS
/// /* For dark ambiance themes */
/// .background {
/// background-color: $nord0;
/// }
/// /* For light ambiance themes */
/// .text {
/// color: $nord0;
/// }
/// @group polarnight
/// @since 0.1.0
$nord0: #2e3440;
/// Lighter shade color of the base component color.
///
/// Used as a lighter background color for UI elements like status bars.
///
/// @access public
/// @group polarnight
/// @see $nord0
/// @since 0.1.0
$nord1: #3b4252;
/// Lighter shade color of the base component color.
///
/// Used as line highlighting in the editor.
/// In the UI scope it may be used as selection- and highlight color.
///
/// @access public
/// @example scss - SCSS
/// /* Code Syntax Highlighting scope */
/// .editor {
/// &.line {
/// background-color: $nord2;
/// }
/// }
///
/// /* UI scope */
/// button {
/// &:selected {
/// background-color: $nord2;
/// }
/// }
/// @group polarnight
/// @see $nord0
/// @since 0.1.0
$nord2: #434c5e;
/// Lighter shade color of the base component color.
///
/// Used for comments, invisibles, indent- and wrap guide marker.
/// In the UI scope used as pseudoclass color for disabled elements.
///
/// @access public
/// @example scss - SCSS
/// /* Code Syntax Highlighting scope */
/// .editor {
/// &.indent-guide,
/// &.wrap-guide {
/// &.marker {
/// color: $nord3;
/// }
/// }
/// }
/// .comment,
/// .invisible {
/// color: $nord3;
/// }
///
/// /* UI scope */
/// button {
/// &:disabled {
/// background-color: $nord3;
/// }
/// }
/// @group polarnight
/// @see $nord0
/// @since 0.1.0
$nord3: #4c566a;
/// Base component color of "Snow Storm".
///
/// Main color for text, variables, constants and attributes.
/// In the UI scope used as semi-light background depending on the theme shading design.
///
/// @access public
/// @example scss - SCSS
/// /* For light ambiance themes */
/// .background {
/// background-color: $nord4;
/// }
/// /* For dark ambiance themes */
/// .text {
/// color: $nord4;
/// }
/// @group snowstorm
/// @since 0.1.0
$nord4: #d8dee9;
/// Lighter shade color of the base component color.
///
/// Used as a lighter background color for UI elements like status bars.
/// Used as semi-light background depending on the theme shading design.
///
/// @access public
/// @group snowstorm
/// @see $nord4
/// @since 0.1.0
$nord5: #e5e9f0;
/// Lighter shade color of the base component color.
///
/// Used for punctuations, carets and structuring characters like curly- and square brackets.
/// In the UI scope used as background, selection- and highlight color depending on the theme shading design.
///
/// @access public
/// @group snowstorm
/// @see $nord4
/// @since 0.1.0
$nord6: #eceff4;
/// Bluish core color.
///
/// Used for classes, types and documentation tags.
///
/// @access public
/// @group frost
/// @since 0.1.0
$nord7: #8fbcbb;
/// Bluish core accent color.
///
/// Represents the accent color of the color palette.
/// Main color for primary UI elements and methods/functions.
///
/// Can be used for
/// - Markup quotes
/// - Markup link URLs
///
/// @access public
/// @group frost
/// @since 0.1.0
$nord8: #88c0d0;
/// Bluish core color.
///
/// Used for language-specific syntactic/reserved support characters and keywords, operators, tags, units and
/// punctuations like (semi)colons,commas and braces.
///
/// @access public
/// @group frost
/// @since 0.1.0
$nord9: #81a1c1;
/// Bluish core color.
///
/// Used for markup doctypes, import/include/require statements, pre-processor statements and at-rules (`@`).
///
/// @access public
/// @group frost
/// @since 0.1.0
$nord10: #5e81ac;
/// Colorful component color.
///
/// Used for errors, git/diff deletion and linter marker.
///
/// @access public
/// @group aurora
/// @since 0.1.0
$nord11: #bf616a;
/// Colorful component color.
///
/// Used for annotations.
///
/// @access public
/// @group aurora
/// @since 0.1.0
$nord12: #d08770;
/// Colorful component color.
///
/// Used for escape characters, regular expressions and markup entities.
/// In the UI scope used for warnings and git/diff renamings.
///
/// @access public
/// @group aurora
/// @since 0.1.0
$nord13: #ebcb8b;
/// Colorful component color.
///
/// Main color for strings and attribute values.
/// In the UI scope used for git/diff additions and success visualizations.
///
/// @access public
/// @group aurora
/// @since 0.1.0
$nord14: #a3be8c;
/// Colorful component color.
///
/// Used for numbers.
///
/// @access public
/// @group aurora
/// @since 0.1.0
$nord15: #b48ead;

16
themes/devroom-2020/layouts/partials/post.html
View File

@ -3,7 +3,7 @@
<article>
<h1>{{ .Title }}</h1>
<div class="meta">
Posted: <time datetime='{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}'>
| Posted: <time datetime='{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}'>
{{ .Date.Format (.Site.Params.dateFormat | default "2006-01-02" ) }}
</time>
{{ if not (eq $lastmod $date) }}
@ -12,15 +12,19 @@
</time>
{{ end }}
<div class="reading-time">
~{{ .FuzzyWordCount }}wrds
(~{{ .ReadingTime }}min)
</div>
<br />
Tagged
| Tagged
{{ with .Page.Params.Tags }}{{ partial "taxonomy/tags.html" . }}{{ end }}
<br />
| ~{{ .FuzzyWordCount }}wrds
(~{{ .ReadingTime }}min)
</div>
{{ .Content }}
</article>