mirror of
https://github.com/tcsenpai/obsidiangarden_netlify.git
synced 2025-06-06 20:55:21 +00:00
Merge pull request #5 from oleeskild/feature/customthemes
Feature/customthemes
This commit is contained in:
Ole Eskild Steensen
GitHub
commit
0b2060fe99
29
.eleventy.js
29
.eleventy.js
@ -1,7 +1,8 @@
|
|||||||
const slugify = require("@sindresorhus/slugify");
|
const slugify = require("@sindresorhus/slugify");
|
||||||
const markdownIt = require("markdown-it");
|
const markdownIt = require("markdown-it");
|
||||||
const fs = require('fs');
|
const fs = require('fs');
|
||||||
const matter = require('gray-matter')
|
const matter = require('gray-matter');
|
||||||
|
const faviconPlugin = require('eleventy-favicon');
|
||||||
module.exports = function(eleventyConfig) {
|
module.exports = function(eleventyConfig) {
|
||||||
|
|
||||||
let markdownLib = markdownIt({
|
let markdownLib = markdownIt({
|
||||||
@ -9,6 +10,14 @@ module.exports = function(eleventyConfig) {
|
|||||||
html: true
|
html: true
|
||||||
})
|
})
|
||||||
.use(require("markdown-it-footnote"))
|
.use(require("markdown-it-footnote"))
|
||||||
|
.use(require('markdown-it-task-checkbox'), {
|
||||||
|
disabled: true,
|
||||||
|
divWrap: false,
|
||||||
|
divClass: 'checkbox',
|
||||||
|
idPrefix: 'cbx_',
|
||||||
|
ulClass: 'task-list',
|
||||||
|
liClass: 'task-list-item'
|
||||||
|
})
|
||||||
.use(function(md) {
|
.use(function(md) {
|
||||||
//https://github.com/DCsunset/markdown-it-mermaid-plugin
|
//https://github.com/DCsunset/markdown-it-mermaid-plugin
|
||||||
const origFenceRule = md.renderer.rules.fence || function(tokens, idx, options, env, self) {
|
const origFenceRule = md.renderer.rules.fence || function(tokens, idx, options, env, self) {
|
||||||
@ -26,7 +35,15 @@ module.exports = function(eleventyConfig) {
|
|||||||
}
|
}
|
||||||
if (token.info.startsWith("ad-")) {
|
if (token.info.startsWith("ad-")) {
|
||||||
const code = token.content.trim();
|
const code = token.content.trim();
|
||||||
return `<pre class="language-${token.info}">${md.render(code)}</pre>`;
|
if (code && code.toLowerCase().startsWith("title:")) {
|
||||||
|
const title = code.substring(6, code.indexOf("\n"));
|
||||||
|
const titleDiv = title ? `<div class="admonition-title">${title}</div>` : '';
|
||||||
|
return `<div class="language-${token.info} admonition admonition-example admonition-plugin">${titleDiv}${md.render(code.slice(code.indexOf("\n")))}</div>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
const title = `<div class="admonition-title">${token.info.charAt(3).toUpperCase()}${token.info.substring(4).toLowerCase()}</div>`;
|
||||||
|
return `<div class="language-${token.info} admonition admonition-example admonition-plugin">${title}${md.render(code)}</div>`;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Other languages
|
// Other languages
|
||||||
@ -83,7 +100,7 @@ module.exports = function(eleventyConfig) {
|
|||||||
eleventyConfig.addTransform('link', function(str) {
|
eleventyConfig.addTransform('link', function(str) {
|
||||||
return str && str.replace(/\[\[(.*?)\]\]/g, function(match, p1) {
|
return str && str.replace(/\[\[(.*?)\]\]/g, function(match, p1) {
|
||||||
//Check if it is an embedded excalidraw drawing or mathjax javascript
|
//Check if it is an embedded excalidraw drawing or mathjax javascript
|
||||||
if (p1.indexOf("],[") > -1 || p1.indexOf('"$"')>-1) {
|
if (p1.indexOf("],[") > -1 || p1.indexOf('"$"') > -1) {
|
||||||
return match;
|
return match;
|
||||||
}
|
}
|
||||||
const [fileName, linkTitle] = p1.split("|");
|
const [fileName, linkTitle] = p1.split("|");
|
||||||
@ -106,12 +123,14 @@ module.exports = function(eleventyConfig) {
|
|||||||
})
|
})
|
||||||
|
|
||||||
eleventyConfig.addTransform('highlight', function(str) {
|
eleventyConfig.addTransform('highlight', function(str) {
|
||||||
//replace ==random text== with <mark>random text</mark>
|
|
||||||
return str && str.replace(/\=\=(.*?)\=\=/g, function(match, p1) {
|
return str && str.replace(/\=\=(.*?)\=\=/g, function(match, p1) {
|
||||||
return `<mark>${p1}</mark>`;
|
return `<mark>${p1}</mark>`;
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
eleventyConfig.addPassthroughCopy("src/site/img");
|
||||||
|
eleventyConfig.addPlugin(faviconPlugin, { destination: 'dist' });
|
||||||
|
|
||||||
return {
|
return {
|
||||||
dir: {
|
dir: {
|
||||||
input: "src/site",
|
input: "src/site",
|
||||||
@ -124,4 +143,4 @@ module.exports = function(eleventyConfig) {
|
|||||||
passthroughFileCopy: true,
|
passthroughFileCopy: true,
|
||||||
};
|
};
|
||||||
|
|
||||||
};
|
};
|
||||||
3
.env
Normal file
3
.env
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
#THEME=https://raw.githubusercontent.com/colineckert/obsidian-things/main/obsidian.css
|
||||||
|
#THEME=https://github.com/kepano/obsidian-minimal/blob/master/obsidian.css
|
||||||
|
#BASE_THEME=light
|
||||||
1
.gitignore
vendored
1
.gitignore
vendored
@ -1,3 +1,2 @@
|
|||||||
node_modules
|
node_modules
|
||||||
dist
|
dist
|
||||||
**/.env*
|
|
||||||
2477
package-lock.json
generated
2477
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -24,9 +24,12 @@
|
|||||||
"@azure/storage-blob": "^12.8.0",
|
"@azure/storage-blob": "^12.8.0",
|
||||||
"@octokit/core": "^3.5.1",
|
"@octokit/core": "^3.5.1",
|
||||||
"@sindresorhus/slugify": "^1.1.0",
|
"@sindresorhus/slugify": "^1.1.0",
|
||||||
|
"axios": "^0.26.1",
|
||||||
"dotenv": "^10.0.0",
|
"dotenv": "^10.0.0",
|
||||||
|
"eleventy-favicon": "^1.1.2",
|
||||||
"gray-matter": "^4.0.3",
|
"gray-matter": "^4.0.3",
|
||||||
"markdown-it": "^12.3.2",
|
"markdown-it": "^12.3.2",
|
||||||
"markdown-it-footnote": "^3.0.3"
|
"markdown-it-footnote": "^3.0.3",
|
||||||
|
"markdown-it-task-checkbox": "^1.0.6"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -3,20 +3,29 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>Nothing here</title>
|
<title>Nothing here</title>
|
||||||
<link href="/styles/style.css" rel="stylesheet">
|
<link href="/styles/digital-garden-base.css" rel="stylesheet">
|
||||||
<link href="/styles/custom-style.css" rel="stylesheet">
|
{%-if meta.themeStyle%}
|
||||||
|
<link href="/styles/obsidian-base.css" rel="stylesheet">
|
||||||
|
{{meta.themeStyle | safe}}
|
||||||
|
{% else %}
|
||||||
|
<link href="/styles/style.css" rel="stylesheet">
|
||||||
|
{%endif%}
|
||||||
|
|
||||||
|
<link href="/styles/custom-style.css" rel="stylesheet">
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="theme-{{meta.baseTheme}} markdown-preview-view">
|
||||||
<div class="content centered">
|
<div class="content centered">
|
||||||
<div class="font-bg"> 😎 </div>
|
|
||||||
|
{%-if not meta.themeStyle%}
|
||||||
|
<div class="font-bg"> 😎 </div>
|
||||||
|
{%endif%}
|
||||||
<h1>There is nothing here</h1>
|
<h1>There is nothing here</h1>
|
||||||
<p>If you got here from a link, this note is probably not made public</p>
|
<p>If you got here from a link, this note is probably not made public</p>
|
||||||
<a href="/">Go back to garden entry</a>
|
<a href="/">Go back home</a>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
18
src/site/_data/meta.js
Normal file
18
src/site/_data/meta.js
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
require("dotenv").config();
|
||||||
|
const axios = require("axios");
|
||||||
|
|
||||||
|
|
||||||
|
module.exports = async() => {
|
||||||
|
let themeStyle = "";
|
||||||
|
if (process.env.THEME) {
|
||||||
|
const res = await axios.get(process.env.THEME)
|
||||||
|
themeStyle = `<style>${res.data}</style>`;
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
env: process.env.ELEVENTY_ENV,
|
||||||
|
theme: process.env.THEME,
|
||||||
|
themeStyle: themeStyle,
|
||||||
|
baseTheme: process.env.BASE_THEME || "dark"
|
||||||
|
}
|
||||||
|
|
||||||
|
};
|
||||||
@ -2,7 +2,6 @@
|
|||||||
<script>
|
<script>
|
||||||
mermaid.initialize({
|
mermaid.initialize({
|
||||||
startOnLoad: true,
|
startOnLoad: true,
|
||||||
theme: "forest"
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/prism.min.js" integrity="sha512-hpZ5pDCF2bRCweL5WoA0/N1elet1KYL5mx3LP555Eg/0ZguaHawxNvEjF6O3rufAChs16HVNhEc6blF/rZoowQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/prism.min.js" integrity="sha512-hpZ5pDCF2bRCweL5WoA0/N1elet1KYL5mx3LP555Eg/0ZguaHawxNvEjF6O3rufAChs16HVNhEc6blF/rZoowQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||||
@ -22,9 +21,17 @@
|
|||||||
</script>
|
</script>
|
||||||
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>
|
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>
|
||||||
|
|
||||||
<link href="/styles/style.css" rel="stylesheet">
|
<link href="/styles/digital-garden-base.css" rel="stylesheet">
|
||||||
|
{%-if meta.themeStyle%}
|
||||||
|
<link href="/styles/obsidian-base.css" rel="stylesheet">
|
||||||
|
{{meta.themeStyle | safe}}
|
||||||
|
{% else %}
|
||||||
|
<link href="/styles/style.css" rel="stylesheet">
|
||||||
|
{%endif%}
|
||||||
|
|
||||||
<link href="/styles/custom-style.css" rel="stylesheet">
|
<link href="/styles/custom-style.css" rel="stylesheet">
|
||||||
|
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
|
||||||
|
{% favicon './src/site/favicon.svg' %}
|
||||||
|
|||||||
@ -8,12 +8,14 @@ permalink: "notes/{{ page.fileSlug | slugify }}/"
|
|||||||
<title>{{ page.fileSlug }}</title>
|
<title>{{ page.fileSlug }}</title>
|
||||||
{%include "components/pageheader.njk"%}
|
{%include "components/pageheader.njk"%}
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="theme-{{meta.baseTheme}} markdown-preview-view">
|
||||||
{%include "components/notegrowthhistory.njk"%}
|
{%include "components/notegrowthhistory.njk"%}
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<a href="/">🏡 Back Home</a>
|
{% if dgHomeLink !== false%}
|
||||||
|
<a href="/">🏡 Back Home</a>
|
||||||
|
{% endif %}
|
||||||
{{ content | safe}}
|
{{ content | safe}}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
24
src/site/favicon.svg
Normal file
24
src/site/favicon.svg
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
<svg id="emoji" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g id="color">
|
||||||
|
<rect x="37.0753" y="36.0532" width="26.8836" height="18.1139" fill="#FFFFFF"/>
|
||||||
|
<polygon fill="#EA5A47" stroke="#EA5A47" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" points="50.2353,23.2 38.1,36 63.5,36"/>
|
||||||
|
<path fill="#EA5A47" d="M47.3,26l-6.4,6.0595v-8.5733c0-0.9313,0.7549-1.4162,1.6862-1.4162h3.0276 c0.9313,0,1.6862,0.4849,1.6862,1.4162C47.3,23.4862,47.3,26,47.3,26z"/>
|
||||||
|
<rect x="43" y="42" width="6" height="12" fill="#A57939"/>
|
||||||
|
<rect x="54" y="42" width="6" height="5" fill="#92D3F5"/>
|
||||||
|
<path fill="#B1CC33" d="M41.0059,28.3393c0-3.3123-3.4447-6.0025-7.6937-6.0025c-0.3549,0.0029-0.7095,0.025-1.0622,0.0662 c-1.7995-3.4553-5.7065-5.8554-10.2499-5.8554c-6.2478,0-11.3122,4.5286-11.3122,10.1144c0.0012,0.3692,0.0247,0.738,0.0704,1.1043 C7.9656,28.6665,6,30.8102,6,33.3136c0,3.3123,3.4446,6.0025,7.6936,6.0025c1.6151,0.0139,3.2056-0.4022,4.6137-1.207 c1.8177,1.4766,4.7264,2.4385,8.0154,2.4385c5.5105,0,9.9776-2.6875,9.9776-6.0025c-0.0009-0.2191-0.0214-0.4377-0.0612-0.6531 C39.0357,32.9904,41.0059,30.8453,41.0059,28.3393z"/>
|
||||||
|
</g>
|
||||||
|
<g id="hair"/>
|
||||||
|
<g id="skin"/>
|
||||||
|
<g id="skin-shadow"/>
|
||||||
|
<g id="line">
|
||||||
|
<polyline fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" points="46,27 50.2353,23 64,35.0976 64,54 38,54 38,41.5482"/>
|
||||||
|
<rect x="43" y="42" width="6" height="12" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
|
||||||
|
<rect x="54" y="42" width="6" height="5" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
|
||||||
|
<polyline fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" points="43.5,23 46.5,23 46.5,26"/>
|
||||||
|
<path fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="2" d="M31.245,39.3396"/>
|
||||||
|
<polyline fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" points="22.5,54 22.5,46.8269 17.5,42"/>
|
||||||
|
<line x1="23.0408" x2="25.885" y1="46.7265" y2="43.7657" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||||
|
<path fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M41.0059,28.3393 c0-3.3123-3.4447-6.0025-7.6937-6.0025c-0.3549,0.0029-0.7095,0.025-1.0622,0.0662c-1.7995-3.4553-5.7065-5.8554-10.2499-5.8554 c-6.2478,0-11.3122,4.5286-11.3122,10.1144c0.0012,0.3692,0.0247,0.738,0.0704,1.1043C7.9656,28.6665,6,30.8102,6,33.3136 c0,3.3123,3.4446,6.0025,7.6936,6.0025c1.6151,0.0139,3.2056-0.4022,4.6137-1.207c1.8177,1.4766,4.7264,2.4385,8.0154,2.4385 c5.5105,0,9.9776-2.6875,9.9776-6.0025c-0.0009-0.2191-0.0214-0.4377-0.0612-0.6531 C39.0357,32.9904,41.0059,30.8453,41.0059,28.3393z"/>
|
||||||
|
<line x1="63.5" x2="42.5" y1="36" y2="36" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.1 KiB |
2
src/site/img/outgoing.svg
Normal file
2
src/site/img/outgoing.svg
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg xmlns='http://www.w3.org/2000/svg' class='i-external' viewBox='0 0 32 32' width='14' height='14' fill='none' stroke='#888888' stroke-linecap='round' stroke-linejoin='round' stroke-width='9.38%'><path d='M14 9 L3 9 3 29 23 29 23 18 M18 4 L28 4 28 14 M28 4 L14 18'/></svg>
|
||||||
|
After Width: | Height: | Size: 315 B |
@ -4,7 +4,7 @@
|
|||||||
<title>{{ title }}</title>
|
<title>{{ title }}</title>
|
||||||
{%include "components/pageheader.njk"%}
|
{%include "components/pageheader.njk"%}
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="theme-{{meta.baseTheme}} markdown-preview-view">
|
||||||
{%include "components/notegrowthhistory.njk"%}
|
{%include "components/notegrowthhistory.njk"%}
|
||||||
<div class="content">
|
<div class="content">
|
||||||
{%- for garden in collections.gardenEntry -%}
|
{%- for garden in collections.gardenEntry -%}
|
||||||
|
|||||||
298
src/site/styles/digital-garden-base.scss
Normal file
298
src/site/styles/digital-garden-base.scss
Normal file
@ -0,0 +1,298 @@
|
|||||||
|
/***
|
||||||
|
* DO NOT ADD/MODIFY STYLING HERE. IT WILL BE OVERWRITTEN IF YOU UPDATE THE TEMPLATE VERSION.
|
||||||
|
* MODIFY THE custom-style.scss FILE INSTEAD.
|
||||||
|
***/
|
||||||
|
|
||||||
|
.content {
|
||||||
|
max-width: 900px;
|
||||||
|
margin: auto;
|
||||||
|
font-size: 22px;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.external-link {
|
||||||
|
background-position: center right;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-image: linear-gradient(transparent, transparent), url('/img/outgoing.svg');
|
||||||
|
background-size: 13px;
|
||||||
|
padding-right: 16px;
|
||||||
|
background-position-y: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.markdown-preview-view pre.mermaid {
|
||||||
|
background: white;
|
||||||
|
border-radius: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.translusion {
|
||||||
|
border-left: 4px solid gray;
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition-title {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
div[class*="language-ad-"] .admonition-title::befforee {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
code[class*="language-ad-"] {
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
white-space: normal !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-light div[class*="language-ad-"] {
|
||||||
|
color: rgb(12, 12, 12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-dark div[class*="language-ad-"] {
|
||||||
|
color: rgb(230, 230, 230);
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.task-list {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div[class*="language-ad-"] {
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
word-wrap: break-word;
|
||||||
|
border-radius: 6px;
|
||||||
|
display: block;
|
||||||
|
font-size: 1rem;
|
||||||
|
margin-top: 1rem;
|
||||||
|
outline-color: rgb(230, 230, 230);
|
||||||
|
padding: 1rem;
|
||||||
|
position: relative;
|
||||||
|
transition: height .5s ease-in, opacity .5s ease-in;
|
||||||
|
word-break: break-word;
|
||||||
|
white-space: normal !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-note .admonition-title::before {
|
||||||
|
content: "🖊️";
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-tip .admonition-title::before {
|
||||||
|
content: "💡";
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-warning .admonition-title::before {
|
||||||
|
content: "⚠️";
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-important .admonition-title::before {
|
||||||
|
content: "❗️";
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-caution .admonition-title::before {
|
||||||
|
content: "⚠️";
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-info .admonition-title::before {
|
||||||
|
content: "ℹ";
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-example .admonition-title::before {
|
||||||
|
content: "🗒️";
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-seealso .admonition-title::before {
|
||||||
|
content: "🖊️";
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-abstract .admonition-title::before {
|
||||||
|
content: '📚'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-summary .admonition-title::before {
|
||||||
|
content: '📚'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-tldr .admonition-title::before {
|
||||||
|
content: '📚'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-todo .admonition-title::before {
|
||||||
|
content: '☑️'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-hint .admonition-title::before {
|
||||||
|
content: '🔥'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-success .admonition-title::before {
|
||||||
|
content: ✅
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-check .admonition-title::before {
|
||||||
|
content: '✅'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-done .admonition-title::before {
|
||||||
|
content: '✅'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-question .admonition-title::before {
|
||||||
|
content: '❓'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-help .admonition-title::before {
|
||||||
|
content: '❓'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-faq .admonition-title::before {
|
||||||
|
content: '❓'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-attention .admonition-title::before {
|
||||||
|
content: '⚠️'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-failure .admonition-title::before {
|
||||||
|
content: '❌'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-fail .admonition-title::before {
|
||||||
|
content: '❌'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-missing .admonition-title::before {
|
||||||
|
content: '❌'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-danger .admonition-title::before {
|
||||||
|
content: '⚡'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-error .admonition-title::before {
|
||||||
|
content: '⚡'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-bug .admonition-title::before {
|
||||||
|
content: '🐞'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-quote .admonition-title::before {
|
||||||
|
content: '💬'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-cite .admonition-title::before {
|
||||||
|
content: '💬'
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-note {
|
||||||
|
background-color: rgba(68, 138, 255, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-seealso {
|
||||||
|
background-color: rgba(68, 138, 255, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-abstract {
|
||||||
|
background-color: rgba(0, 176, 255, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-summary {
|
||||||
|
background-color: rgba(0, 176, 255, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-tldr {
|
||||||
|
background-color: rgba(0, 176, 255, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-info {
|
||||||
|
background-color: rgba(0, 184, 212, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-todo {
|
||||||
|
background-color: rgba(0, 184, 212, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-tip {
|
||||||
|
background-color: rgba(0, 191, 165, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-hint {
|
||||||
|
background-color: rgba(0, 191, 165, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-important {
|
||||||
|
background-color: rgba(0, 191, 165, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-success {
|
||||||
|
background-color: rgba(0, 200, 83, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-check {
|
||||||
|
background-color: rgba(0, 200, 83, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-done {
|
||||||
|
background-color: rgba(0, 200, 83, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-question {
|
||||||
|
background-color: rgba(100, 221, 23, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-help {
|
||||||
|
background-color: rgba(100, 221, 23, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-faq {
|
||||||
|
background-color: rgba(100, 221, 23, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-warning {
|
||||||
|
background-color: rgba(255, 145, 0, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-caution {
|
||||||
|
background-color: rgba(255, 145, 0, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-attention {
|
||||||
|
background-color: rgba(255, 145, 0, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-failure {
|
||||||
|
background-color: rgba(255, 82, 82, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-fail {
|
||||||
|
background-color: rgba(255, 82, 82, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-missing {
|
||||||
|
background-color: rgba(255, 82, 82, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-danger {
|
||||||
|
background-color: rgba(255, 23, 68, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-error {
|
||||||
|
background-color: rgba(255, 23, 68, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-bug {
|
||||||
|
background-color: rgba(245, 0, 87, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-example {
|
||||||
|
background-color: rgba(124, 77, 255, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-quote {
|
||||||
|
background-color: rgba(158, 158, 158, .5)
|
||||||
|
}
|
||||||
|
|
||||||
|
div.language-ad-cite {
|
||||||
|
background-color: rgba(158, 158, 158, .5)
|
||||||
|
}
|
||||||
9075
src/site/styles/obsidian-base.scss
Normal file
9075
src/site/styles/obsidian-base.scss
Normal file
File diff suppressed because it is too large
Load Diff
@ -3,14 +3,6 @@
|
|||||||
* MODIFY THE custom-style.scss FILE INSTEAD.
|
* MODIFY THE custom-style.scss FILE INSTEAD.
|
||||||
***/
|
***/
|
||||||
|
|
||||||
.content {
|
|
||||||
max-width: 900px;
|
|
||||||
margin: auto;
|
|
||||||
font-size: 22px;
|
|
||||||
line-height: 1.5;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
color: #FFEF60;
|
color: #FFEF60;
|
||||||
}
|
}
|
||||||
@ -27,12 +19,6 @@ h4 {
|
|||||||
color: #72DCFF;
|
color: #72DCFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mermaid svg {
|
|
||||||
background: white;
|
|
||||||
border-radius: 25px;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.centered {
|
.centered {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
@ -41,16 +27,20 @@ h4 {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
.theme-dark {
|
||||||
background-color: rgb(32, 31, 31);
|
background: rgb(32, 31, 31);
|
||||||
color: white;
|
color: white;
|
||||||
font-family: 'Roboto', sans-serif;
|
font-family: 'Roboto', sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.theme-light {
|
||||||
|
background: white;
|
||||||
|
color: black;
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: underline;
|
||||||
padding-bottom: 3px;
|
|
||||||
border-bottom: 1px solid rgb(97, 186, 245);
|
|
||||||
color: rgb(97, 186, 245);
|
color: rgb(97, 186, 245);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -77,100 +67,4 @@ blockquote:before {
|
|||||||
|
|
||||||
blockquote p {
|
blockquote p {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
|
||||||
|
|
||||||
.external-link::after {
|
|
||||||
content: '🔗';
|
|
||||||
position: absolute;
|
|
||||||
top: -4px;
|
|
||||||
right: -7px;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.external-link {
|
|
||||||
padding-right: 10px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.translusion {
|
|
||||||
border-left: 4px solid gray;
|
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre[class*="language-ad-"]::before {
|
|
||||||
display: block;
|
|
||||||
font-size: 1.4rem;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
code[class*="language-ad-"] {
|
|
||||||
font-family: 'Roboto', sans-serif;
|
|
||||||
white-space: normal !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre[class*="language-ad-"] {
|
|
||||||
font-family: 'Roboto', sans-serif;
|
|
||||||
word-wrap: break-word;
|
|
||||||
background-color: #3b2e58;
|
|
||||||
border: 1px solid #3b2e58;
|
|
||||||
border-radius: 6px;
|
|
||||||
color: rgb(230, 230, 230);
|
|
||||||
display: block;
|
|
||||||
font-size: 1rem;
|
|
||||||
margin-top: 1rem;
|
|
||||||
outline-color: rgb(230, 230, 230);
|
|
||||||
padding: 1rem;
|
|
||||||
position: relative;
|
|
||||||
transition: height .5s ease-in, opacity .5s ease-in;
|
|
||||||
word-break: break-word;
|
|
||||||
white-space: normal !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre.language-ad-note::before {
|
|
||||||
content: "🖊️ Note";
|
|
||||||
}
|
|
||||||
|
|
||||||
pre.language-ad-tip::before {
|
|
||||||
content: "💡 Tip";
|
|
||||||
}
|
|
||||||
|
|
||||||
pre.language-ad-warning::before {
|
|
||||||
content: "⚠️ Warning";
|
|
||||||
}
|
|
||||||
|
|
||||||
pre.language-ad-important::before {
|
|
||||||
content: "❗️ Important";
|
|
||||||
}
|
|
||||||
|
|
||||||
pre.language-ad-caution::before {
|
|
||||||
content: "⚠️ Caution";
|
|
||||||
}
|
|
||||||
|
|
||||||
pre.language-ad-info::before {
|
|
||||||
content: "ℹ Info";
|
|
||||||
}
|
|
||||||
|
|
||||||
pre.language-ad-tip {
|
|
||||||
background-color: rgb(5, 75, 22);
|
|
||||||
border-color: rgb(5, 75, 22);
|
|
||||||
}
|
|
||||||
|
|
||||||
pre.language-ad-warning {
|
|
||||||
background-color: rgb(106, 75, 22);
|
|
||||||
border-color: rgb(106, 75, 22);
|
|
||||||
}
|
|
||||||
|
|
||||||
pre.language-ad-important {
|
|
||||||
background-color: rgb(0, 65, 115);
|
|
||||||
border-color: rgb(0, 65, 115);
|
|
||||||
}
|
|
||||||
|
|
||||||
pre.language-ad-caution {
|
|
||||||
background-color: rgb(99, 0, 1);
|
|
||||||
border-color: rgb(99, 0, 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
pre.language-ad-info {
|
|
||||||
background-color: #2e5854;
|
|
||||||
border: 1px solid #2e5854;
|
|
||||||
}
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user