Update to nord theme
This commit is contained in:
parent
753d4a30e4
commit
4aac33dc2d
|
@ -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.
|
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/)
|
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)
|
|
|
@ -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).
|
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.
|
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)
|
|
|
@ -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...
|
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
|
[Open Core]: https://github.com/acidanthera/OpenCorePkg
|
||||||
|
|
|
@ -1,16 +1,17 @@
|
||||||
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,700&display=swap&subset=latin-ext');
|
@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;
|
$font_size: 0.96rem;
|
||||||
$line-height: 1.5rem;
|
$line-height: 1.5rem;
|
||||||
|
|
||||||
$backdrop: #0D0221;
|
$backdrop: $nord6;
|
||||||
$background: #0D0221;
|
$background: $nord6;
|
||||||
$text: #ffffff;
|
$text: $nord10;
|
||||||
$links: #F6019D;
|
$links: $nord11;
|
||||||
$footer: #9d3ac1;
|
$footer: $nord10;
|
||||||
$meta: $text;
|
$meta: $text;
|
||||||
$header: #968eff;
|
$header: $nord10;
|
||||||
$highlight: #F8FFA3;
|
$highlight: $nord14;
|
||||||
|
|
||||||
html, body {
|
html, body {
|
||||||
background-color: $backdrop;
|
background-color: $backdrop;
|
||||||
|
@ -46,15 +47,13 @@ nav a {
|
||||||
|
|
||||||
h1, h2, h3, h4, h5 {
|
h1, h2, h3, h4, h5 {
|
||||||
font-size: $font_size;
|
font-size: $font_size;
|
||||||
font-weight: normal;
|
font-weight: bold;
|
||||||
color: $header;
|
color: $header;
|
||||||
margin: 0.67rem 0;
|
margin: 0.67rem 0;
|
||||||
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
|
||||||
padding-bottom: 0.67rem;
|
|
||||||
border-bottom: 2px dashed $header;
|
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
content: "# ";
|
content: "# ";
|
||||||
|
@ -134,11 +133,7 @@ small {
|
||||||
|
|
||||||
.meta {
|
.meta {
|
||||||
color: $meta;
|
color: $meta;
|
||||||
font-weight: bold;
|
font-weight: normal;
|
||||||
}
|
|
||||||
|
|
||||||
.reading-time {
|
|
||||||
float: right;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
|
@ -147,7 +142,7 @@ hr {
|
||||||
}
|
}
|
||||||
|
|
||||||
code {
|
code {
|
||||||
color: #ecba42;
|
color: $nord14;
|
||||||
}
|
}
|
||||||
|
|
||||||
code::before,
|
code::before,
|
||||||
|
|
235
themes/devroom-2020/assets/scss/nord.scss
Normal file
235
themes/devroom-2020/assets/scss/nord.scss
Normal 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;
|
|
@ -3,7 +3,7 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>{{ .Title }}</h1>
|
<h1>{{ .Title }}</h1>
|
||||||
<div class="meta">
|
<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" ) }}
|
{{ .Date.Format (.Site.Params.dateFormat | default "2006-01-02" ) }}
|
||||||
</time>
|
</time>
|
||||||
{{ if not (eq $lastmod $date) }}
|
{{ if not (eq $lastmod $date) }}
|
||||||
|
@ -12,15 +12,19 @@
|
||||||
</time>
|
</time>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
<div class="reading-time">
|
|
||||||
~{{ .FuzzyWordCount }}wrds
|
|
||||||
(~{{ .ReadingTime }}min)
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
Tagged
|
| Tagged
|
||||||
{{ with .Page.Params.Tags }}{{ partial "taxonomy/tags.html" . }}{{ end }}
|
{{ with .Page.Params.Tags }}{{ partial "taxonomy/tags.html" . }}{{ end }}
|
||||||
|
|
||||||
|
<br />
|
||||||
|
|
||||||
|
|
||||||
|
| ~{{ .FuzzyWordCount }}wrds
|
||||||
|
(~{{ .ReadingTime }}min)
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{{ .Content }}
|
{{ .Content }}
|
||||||
</article>
|
</article>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user