mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2024-11-30 11:13:06 +00:00
549 lines
44 KiB
HTML
549 lines
44 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en" class="js csstransforms3d">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<meta name="generator" content="Hugo 0.92.2" />
|
||
|
|
<meta name="generator" content="Relearn 2.9.6">
|
||
|
|
<meta name="description" content="Documentation for Hugo Relearn Theme">
|
||
|
|
<meta name="author" content="Sören Weber">
|
||
|
|
<title>Stylesheet generator :: Documentation for Hugo Relearn Theme</title>
|
||
|
|
<link rel="alternate" type="application/rss+xml" href="/hugo-theme-relearn/basics/generator/index.xml" title="Documentation for Hugo Relearn Theme" />
|
||
|
|
<link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645228024" type="image/svg+xml">
|
||
|
|
<link href="/hugo-theme-relearn/css/nucleus.css?1645228024" rel="stylesheet">
|
||
|
|
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645228024" rel="stylesheet">
|
||
|
|
<link href="/hugo-theme-relearn/css/featherlight.min.css?1645228024" rel="stylesheet">
|
||
|
|
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645228024" rel="stylesheet">
|
||
|
|
<link href="/hugo-theme-relearn/css/auto-complete.css?1645228024" rel="stylesheet">
|
||
|
|
<link href="/hugo-theme-relearn/css/theme.css?1645228024" rel="stylesheet">
|
||
|
|
<link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645228024" rel="stylesheet">
|
||
|
|
<link href="/hugo-theme-relearn/css/variant.css?1645228024" rel="stylesheet">
|
||
|
|
<link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645228024" rel="stylesheet" media="print">
|
||
|
|
<link href="/hugo-theme-relearn/css/print.css?1645228024" rel="stylesheet" media="print">
|
||
|
|
<style>
|
||
|
|
</style>
|
||
|
|
<script>
|
||
|
|
// we need to define this script in the head to avoid flickering
|
||
|
|
// on page load if the user has selected a non default variant
|
||
|
|
var theme = window.localStorage.getItem( 'theme' );
|
||
|
|
changeTheme( theme );
|
||
|
|
function parseTheme( s ){
|
||
|
|
if( !s || !s.match ){
|
||
|
|
return '';
|
||
|
|
}
|
||
|
|
var matches = s.match(/^.*\/theme-(.*?)\.css.*$/);
|
||
|
|
var theme = matches && matches.length == 2 ? matches[ 1 ] : '';
|
||
|
|
return theme;
|
||
|
|
}
|
||
|
|
function getTheme(){
|
||
|
|
var link = document.querySelector( '#variant-style' );
|
||
|
|
if( !link ){
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var path = link.getAttribute( 'href' );
|
||
|
|
var theme = parseTheme( path );
|
||
|
|
return theme;
|
||
|
|
}
|
||
|
|
function markTheme( theme ){
|
||
|
|
var select = document.querySelector( '#select-theme' );
|
||
|
|
if( !select ){
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
select.value = theme;
|
||
|
|
}
|
||
|
|
function changeTheme( theme ){
|
||
|
|
var themes = [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ];
|
||
|
|
if( themes.indexOf( theme ) < 0 ){
|
||
|
|
theme = themes.length ? themes[ 0 ] : null;
|
||
|
|
}
|
||
|
|
if( !theme ){
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var link = document.querySelector( '#variant-style' );
|
||
|
|
if( !link ){
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var old_path = link.getAttribute( 'href' );
|
||
|
|
var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
|
||
|
|
if( old_path != new_path ){
|
||
|
|
window.localStorage.setItem( 'theme', theme );
|
||
|
|
link.setAttribute( 'href', new_path );
|
||
|
|
markTheme( theme );
|
||
|
|
// remove selection, because if some uses an arrow navigation
|
||
|
|
// by pressing the left or right cursor key, we will automatically
|
||
|
|
// select a different style
|
||
|
|
if( document.activeElement ){
|
||
|
|
document.activeElement.blur();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<script src="/hugo-theme-relearn/js/jquery.min.js?1645228024"></script>
|
||
|
|
</head>
|
||
|
|
<body class="default-animation" data-url="/hugo-theme-relearn/basics/generator/">
|
||
|
|
<!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
|
||
|
|
<!-- https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72 -->
|
||
|
|
<script>
|
||
|
|
var index_url="/hugo-theme-relearn/index.json";
|
||
|
|
var root_url="/";
|
||
|
|
var baseUri=root_url.replace(/\/$/, '');
|
||
|
|
</script>
|
||
|
|
<nav id="sidebar" class="default-animation showVisitedLinks">
|
||
|
|
<div id="header-wrapper" class="default-animation">
|
||
|
|
<div id="header" class="default-animation">
|
||
|
|
<a id="logo"
|
||
|
|
href="/hugo-theme-relearn/"
|
||
|
|
style="
|
||
|
|
color: #383838;
|
||
|
|
font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
|
||
|
|
font-size: 30px;
|
||
|
|
font-weight: 300;
|
||
|
|
margin-top: -2px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
">
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044"
|
||
|
|
style="
|
||
|
|
height: 65px;
|
||
|
|
margin-bottom: -20px;
|
||
|
|
margin-top: -20px;
|
||
|
|
width: 65px;
|
||
|
|
">
|
||
|
|
<path d="M46.103 136.34c-.642-.394-1.222-2.242-1.98-2.358-.76-.117-1.353.506-1.618 1.519-.266 1.012-.446 4.188.173 5.538.213.435.482.787 1.03.845.547.057.967-.504 1.45-1.027.482-.523.437-.9 1.142-.612.705.289 1.051.4 1.586 1.229.535.828 1.085 4.043.868 5.598-.241 1.458-.531 2.8-.59 4.088.26.075.517.148.772.217 2.68.724 5.373 1.037 7.873.02.001-.028.01-.105.008-.11-.048-.165-.18-.41-.36-.698-.18-.29-.414-.645-.586-1.114a3.212 3.212 0 0 1-.125-1.735c.056-.21.153-.342.249-.475 1.237-1.193 2.932-1.373 4.244-1.384.557-.004 1.389.016 2.198.255.809.239 1.706.724 2.068 1.843.187.578.114 1.17-.043 1.623-.153.438-.369.783-.545 1.091-.178.31-.329.6-.401.821-.007.02-.003.071-.005.094 2.256 1.008 4.716.91 7.189.398.55-.114 1.11-.247 1.673-.377.344-1.085.678-2.145.852-3.208.124-.752.158-2.311-.078-3.538-.118-.613-.306-1.15-.52-1.489-.221-.349-.413-.501-.747-.538-.243-.027-.51.013-.796.098-.67.223-1.33.606-1.966.76l-.008.002-.109.032c-.556.152-1.233.158-1.797-.36-.556-.51-.89-1.367-1.117-2.596-.283-1.528-.075-3.279.89-4.518l.071-.09h.07c.65-.71 1.485-.802 2.16-.599.706.213 1.333.629 1.772.84.736.354 1.185.319 1.475.171.291-.148.5-.439.668-.955.332-1.017.301-2.819.022-4.106-.148-.684-.13-1.292-.13-1.883-1.558-.463-3.067-.982-4.574-1.208-1.128-.169-2.263-.173-3.298.164-.13.046-.256.095-.38.15-.373.164-.633.342-.805.52-.077.098-.081.105-.087.21-.004.068.031.289.13.571.1.282.256.634.467 1.03.279.524.448 1.063.431 1.618a2.12 2.12 0 0 1-.499 1.309 1.757 1.757 0 0 1-.62.51h-.002c-.515.291-1.107.404-1.723.464-.86.083-1.787.026-2.598-.097-.806-.123-1.47-.28-1.948-.555-.444-.256-.79-.547-1.037-.925a2.273 2.273 0 0 1-.356-1.301c.029-.837.403-1.437.625-1.897.111-.23.191-.433.236-.583.045-.15.044-.25.046-.24-.005-.029-.127-.355-1.015-.741-1.138-.495-2.322-.673-3.533-.668h-.015a9.711 9.711 0 0 0-.521.016h-.002c-1.163.057-2.35.308-3.541.569.383 1.531.79 2.753.818 4.502-.096 1.297.158 2.114-1.03 2.935-.85.588-1.508.729-2.15.335" style="fill:#383838;fill-opacity:1;stroke:none;stroke-width:1.03763;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
|
||
|
|
<path d="M61.472 101.34v.002c-.3-.003-.603.01-.894.04-.544.055-1.39.165-1.778.306-1.238.364.13 2.344.41 2.913.28.569.285 2.03.14 2.134-.144.103-.375.261-.934.345-.56.084.03-.037-1.589.086-1.62.122-5.506.29-8.265.248-.022.26-.036.521-.097.808-.309 1.442-.63 3.163-.494 4.074.071.473.168.65.414.8.23.14.737.235 1.62-.004.834-.227 1.3-.442 1.887-.456.595-.016 1.555.472 1.965.717.411.245-.03-.008.002 0s.128.05.176.102c.049.053-.276-.523.104.199.379.721.72 3.256.002 4.68-.46.913-1.01 1.49-1.64 1.711-.63.22-1.229.067-1.734-.135-.881-.353-1.584-.7-2.205-.647-1.199 1.94-1.186 4.17-.6 6.602.097.397.212.814.327 1.23 2.68-.556 5.542-1.016 8.337.132 1.064.437 1.73 1.015 1.902 1.857.169.831-.193 1.508-.438 1.986-.122.238-.23.46-.307.642-.07.164-.096.28-.104.324.069.429.309.723.686.945.385.227.89.355 1.35.423.723.104 1.567.152 2.287.086.693-.064 1.032-.338 1.241-.544a2.447 2.447 0 0 0 .303-.437.175.175 0 0 0 .013-.035c-.004-.066-.037-.246-.195-.527-.46-.816-.87-1.595-.817-2.51.028-.476.218-.938.529-1.288.304-.343.698-.586 1.186-.79 1.442-.606 2.96-.609 4.372-.409 1.525.216 2.963.679 4.378 1.083.226-2.09.784-3.9.592-5.77-.058-.565-.287-1.333-.598-1.827-.32-.508-.59-.717-1.036-.642-.648.11-1.472.935-2.707 1.078-.791.092-1.494-.267-1.95-.86-.45-.583-.678-1.335-.78-2.101-.202-1.525.031-3.229.89-4.27.615-.747 1.45-.887 2.15-.74.687.145 1.307.492 1.857.745v-.002c.546.252 1.033.388 1.281.344a.547.547 0 0 0 .353-.188c.113-.124.242-.35.384-.75.604-1.712.206-3.68-.303-5.654-.667.145-1.336.293-2.018.413-1.341.236-2.73.392-4.136.273-.656-.055-1.695-.085-2.58-.476-.442-.195-.903-.514-1.157-1.093-.259-.591-.205-1.313.08-2.014.223-.64 1.082-2.178.692-2.585-.391-.407-1.651-.56-2.554-.571z" style="fill:#383838;fill-opacity:1;stroke:none;stroke-width:.992837;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
|
||
|
|
<path d="M83.128 98.116c-.484 1.875-1.057 3.757-2.486 5.033-.638.57-1.13.666-1.483.548-.401-.134-.715-.506-1.058-.973-.338-.461-.655-.97-1.076-1.332-.192-.165-.404-.315-.683-.38-.279-.066-.599-.02-.9.102-.489.196-.89.58-1.28 1.047a6.1 6.1 0 0 0-.985 1.632c-.234.591-.356 1.174-.277 1.713.072.487.392.977.905 1.185.463.187.926.156 1.36.154.433 0 .843.01 1.242.147.55.189.79.736.822 1.368.034.66-.145 1.412-.393 1.988l-.008.021c-.74 1.705-1.946 2.893-3.004 4.349l-.664.915.979.099c.924.092 1.788.26 2.468.675.46.281 1.806 1.205 2.794 2.222.497.513.888 1.031 1.047 1.502.078.231.095.422.05.6a.93.93 0 0 1-.345.474c-.301.223-.606.395-.864.532l-.354.186c-.107.058-.189.087-.345.228a.637.637 0 0 1 .062-.045l-.064.041-.209.236-.103.343s.003.126.007.152c.003.017.003.007.004.015v.002c.016.195.061.307.133.476a4.1 4.1 0 0 0 .32.596 5.7 5.7 0 0 0 2.8 2.258c.284.108.908.321 1.548.36.33.02.59.015.912-.13h.002c.08-.037.228-.095.382-.281.153-.186.19-.355.212-.445l.019-.075.003-.078c.023-.585-.037-1.296.072-1.899.153-.657.435-.956 1.009-.909 2.771.239 4.74 1.955 6.693 3.83l.742.714.279-1.155c.55-2.29 1.093-4.464 2.928-5.977.692-.57 1.184-.642 1.527-.509.39.151.676.536.996.995.319.458.605.926 1.07 1.212.194.119.464.232.784.209.32-.024.638-.163.988-.384 1.022-.645 1.778-1.756 2.086-2.942.136-.522.102-.991-.046-1.301-.158-.334-.433-.553-.754-.707-.653-.314-1.468-.373-2.094-.486-.825-.15-1.22-.475-1.345-.878-.13-.417 0-.953.335-1.61.6-1.173 1.887-2.602 3.13-3.911l.498-.526-.449-.432c-1.545-1.49-3.163-3.01-5.252-3.715h-.002c-.473-.16-1.097-.413-1.73-.424h-.003c-.311-.004-.596.04-.883.24v.002c-.22.155-.483.537-.583.937l-.008.036-.006.038c-.116.773-.06 1.467-.217 1.995-.063.212-.198.418-.359.507-.202.111-.492.153-.976.072-.582-.097-1.978-.69-3.021-1.503-.523-.407-.934-.85-1.117-1.3a1.153 1.153 0 0 1-.083-.63c.03-.184.1-.477.308-.593.21-.116.941-.32 1.377-.642h.002c.192-.141.403-.367.518-.64.114-.275.127-.526.123-.774-.006-.142-.036-.192-.08-.3a8.417 8.417 0 0 0-3-3.027c-1.226-.725-2.585-1.135-3.927-1.539-.434-.12-.844-.111-1.02.466zm.912.947c1.186.364 2.357.718 3.345 1.303 1.035.612 1.864 1.488 2.507 2.528-.514.263-1.095.5-1.44.79-.345.29-.729.914-.815 1.434-.084.509 0 .968.155 1.347.301.74.85 1.276 1.44 1.735 1.18.92 2.554 1.545 3.47 1.698.604.1 1.186.088 1.739-.216.594-.327.935-.911 1.088-1.427.264-.884.193-1.664.262-2.17h.1c.3.006.926.206 1.417.371 1.646.554 3.044 1.773 4.431 3.089-1.102 1.174-2.222 2.423-2.888 3.73-.42.823-.73 1.789-.453 2.687.283.913 1.1 1.415 2.138 1.603.691.126 1.472.226 1.84.403.19.091.258.182.278.223.03.064.058.075-.023.387-.21.804-.761 1.598-1.413 2.01-.247.155-.365.183-.407.187-.042.003-.061.002-.172-.066-.144-.088-.455-.473-.772-.929-.317-.454-.714-1.07-1.452-1.356-.783-.304-1.776-.022-2.713.75-1.942 1.6-2.626 3.764-3.146 5.8-1.802-1.676-3.772-3.138-6.589-3.517h-.002c-.346-.095-1.013-.031-1.293.143-.735.501-1.005 1.132-1.168 2.007-.125.69-.082 1.216-.074 1.659-.055.006-.046.01-.104.006-.42-.026-1.035-.215-1.244-.295-.947-.361-1.774-1.006-2.314-1.857-.054-.085-.072-.132-.109-.2l.027-.016c.284-.15.656-.36 1.045-.648.44-.327.789-.798.93-1.35a2.4 2.4 0 0 0-.068-1.379c-.254-.751-.753-1.353-1.295-1.911-1.09-1.124-2.452-2.049-2.99-2.378-.609-.372-1.303-.44-1.981-.56.875-1.094 1.878-2.251 2.596-3.921.294-.823.543-1.907.513-2.658-.049-.97-.489-2.013-1.52-2.367-.579-.2-1.131-.204-1.58-.203-.45.002-.786-.006-.97-.08h-.002c-.264-.107-.236-.108-.268-.33-.025-.17.021-.553.183-.962a4.67 4.67 0 0 1 .725-1.192c.29-.348.617-.59.705-.626.142-.057.176-.05.22-.04.045.011.127.052.263.17.235.201.56.671.92 1.161.354.484.791 1.08 1.543 1.33.8.267 1.784-.052 2.671-.846 1.594-1.424 2.235-3.317 2.714-5.051zm11.705 7.023c-.02.014.042-.002.042 0l-.008.035c.05-.2-.028-.04-.034-.035zM79.472 122.45a.198.198 0 0 1 .005.023v.014c-.002-.01-.003-.03-.005-.037zm-.29.732-.006.01-.044.027c.016-.01.033-.024.05-.036z" style="color:#000;fill:#383838;stroke-width:1.02352;-inkscape-stroke:none" transform="translate(-40.698 -95.175)"/>
|
||
|
|
<path d="M76.694 128.845c-.85-.012-1.668.253-2.434.67-.01.592-.015 1.17.109 1.772.323 1.573.422 3.553-.07 5.147-.247.804-.684 1.535-1.347 1.891-.663.356-1.467.296-2.362-.159-.522-.266-1.059-.62-1.487-.757-.223-.072-.392-.096-.522-.069-.13.027-.232.094-.362.27-.53.719-.681 1.823-.497 2.876.177 1.012.418 1.438.543 1.56.143.137.26.154.604.055.548-.158 1.523-.857 2.573-.972l.02-.002.5.058c.686.081 1.247.562 1.622 1.19.372.62.591 1.37.73 2.136.279 1.532.25 3.16.083 4.232-.14.91-.394 1.72-.632 2.53 1.719-.385 3.485-.692 5.307-.36 1.174.214 2.749.574 3.762 1.977l.088.122.046.159c.162.551.16 1.114.024 1.578-.13.45-.348.772-.533 1.023-.181.246-.336.444-.437.606-.102.16-.141.275-.145.336-.01.17 0 .197.07.315.057.1.186.242.39.366.408.246 1.106.414 1.843.45a7.842 7.842 0 0 0 2.174-.21 4.28 4.28 0 0 0 .822-.296c.218-.106.385-.242.377-.233l.029-.031c.025-.035.05-.072.05-.068 0-.004 0-.017-.003-.05a2.733 2.733 0 0 0-.21-.579c-.26-.548-.839-1.333-.822-2.46.01-.657.27-1.21.598-1.576.32-.357.696-.575 1.074-.736.759-.323 1.57-.418 2.054-.458 1.653-.136 3.252.296 4.755.765.457.142.905.29 1.352.434.325-2.258.902-4.247.598-6.217-.071-.46-.25-1.169-.486-1.684-.238-.518-.495-.762-.675-.779-.351-.032-.716.14-1.174.418-.457.277-1.005.665-1.695.742-.745.082-1.406-.291-1.84-.908-.428-.608-.653-1.394-.754-2.196-.203-1.596.016-3.377.794-4.493.568-.813 1.358-.984 2.024-.835.65.146 1.243.51 1.769.779.524.267.99.413 1.237.365a.527.527 0 0 0 .346-.2c.11-.132.235-.373.37-.798.612-1.918.27-3.894-.246-6.054-2.815-.851-5.49-1.534-8.089-.267a.727.727 0 0 0-.223.148c-.024.028-.018.021-.026.056.001-.003-.01.178.07.44.162.522.611 1.29.911 1.978l.004.009.029.063.024.084V133c.162.635.016 1.297-.274 1.727-.272.404-.618.636-.952.81-.675.353-1.399.484-1.724.533a5.888 5.888 0 0 1-3.973-.795c-.512-.311-.876-.594-1.133-1.02-.282-.466-.318-1.084-.172-1.557.252-.814.715-1.266.971-1.89a.663.663 0 0 0 .047-.14c.001-.013 0-.006-.007-.037a.761.761 0 0 0-.184-.268c-.264-.267-.865-.595-1.54-.826-1.356-.462-3.07-.659-3.583-.686-.062-.002-.121-.006-.178-.006z" style="fill:#383838;fill-opacity:1;stroke:none;stroke-width:.991342;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
|
||
|
|
</svg>
|
||
|
|
Relearn
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="searchbox default-animation">
|
||
|
|
<label for="search-by"><i class="fas fa-search"></i></label>
|
||
|
|
<input data-search-input id="search-by" type="search" placeholder="Search...">
|
||
|
|
<span data-search-clear=""><i class="fas fa-times"></i></span>
|
||
|
|
</div>
|
||
|
|
<script src="/hugo-theme-relearn/js/lunr.min.js?1645228024"></script>
|
||
|
|
<script src="/hugo-theme-relearn/js/auto-complete.js?1645228024"></script>
|
||
|
|
<script src="/hugo-theme-relearn/js/search.js?1645228024"></script>
|
||
|
|
</div>
|
||
|
|
<div id="content-wrapper" class="highlightable">
|
||
|
|
<ul class="topics">
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/basics/" title="Basics" class="dd-item parent"><a href="/hugo-theme-relearn/basics/"><b>1.</b> Basics<i class="fas fa-check read-icon"></i></a><ul>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/basics/migration/" title="What's new" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/migration/">What's new<i class="fas fa-check read-icon"></i></a><ul></ul></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/basics/requirements/" title="Requirements" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/requirements/">Requirements<i class="fas fa-check read-icon"></i></a><ul></ul></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item active parent alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> Content<i class="fas fa-check read-icon"></i></a><ul>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/cont/pages/" title="Pages organization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/cont/archetypes/" title="Archetypes" class="dd-item"><a href="/hugo-theme-relearn/cont/archetypes/">Archetypes<i class="fas fa-check read-icon"></i></a></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/cont/markdown/" title="Markdown syntax" class="dd-item"><a href="/hugo-theme-relearn/cont/markdown/">Markdown syntax<i class="fas fa-check read-icon"></i></a></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/cont/syntaxhighlight/" title="Code highlighting" class="dd-item"><a href="/hugo-theme-relearn/cont/syntaxhighlight/">Code highlighting<i class="fas fa-check read-icon"></i></a></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/cont/menushortcuts/" title="Menu extra shortcuts" class="dd-item"><a href="/hugo-theme-relearn/cont/menushortcuts/">Menu extra shortcuts<i class="fas fa-check read-icon"></i></a></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/cont/icons/" title="Icons and logos" class="dd-item"><a href="/hugo-theme-relearn/cont/icons/">Icons and logos<i class="fas fa-check read-icon"></i></a></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/cont/i18n/" title="Multilingual and i18n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/cont/i18n/">Multilingual and i18n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/cont/tags/" title="Tags" class="dd-item"><a href="/hugo-theme-relearn/cont/tags/">Tags<i class="fas fa-check read-icon"></i></a></li></ul></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/" title="Shortcodes" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/"><b>3.</b> Shortcodes<i class="fas fa-check read-icon"></i></a><ul>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/attachments/">Attachments<i class="fas fa-check read-icon"></i></a></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/button/" title="Button" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/button/">Button<i class="fas fa-check read-icon"></i></a></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/children/" title="Children" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/">Children<i class="fas fa-check read-icon"></i></a><ul>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/children/test/" title="page X" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/test/">page X<i class="fas fa-check read-icon"></i></a></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/" title="page 1" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/children-1/">page 1<i class="fas fa-check read-icon"></i></a><ul>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" title="page 1-1" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/">page 1-1<i class="fas fa-check read-icon"></i></a><ul>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="page 1-1-2" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/">page 1-1-2<i class="fas fa-check read-icon"></i></a><ul>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" title="page 1-1-2-1" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">page 1-1-2-1<i class="fas fa-check read-icon"></i></a><ul></ul></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" title="page 1-1-2-2" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">page 1-1-2-2<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/" title="page 1-1-3" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/">page 1-1-3<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li></ul></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-2/" title="page 2" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/children-2/">page 2<i class="fas fa-check read-icon"></i></a><ul></ul></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-3/" title="page 3" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/children-3/">page 3<i class="fas fa-check read-icon"></i></a><ul>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-3/test3/" title="page 3-1" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/children-3/test3/">page 3-1<i class="fas fa-check read-icon"></i></a></li></ul></li></ul></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/expand/" title="Expand" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/expand/">Expand<i class="fas fa-check read-icon"></i></a></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/include/" title="Include" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/include/">Include<i class="fas fa-check read-icon"></i></a></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/mermaid/" title="Mermaid" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/mermaid/">Mermaid<i class="fas fa-check read-icon"></i></a></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/notice/" title="Notice" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/notice/">Notice<i class="fas fa-check read-icon"></i></a></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/siteparam/" title="Site param" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/siteparam/">Site param<i class="fas fa-check read-icon"></i></a></li>
|
||
|
|
<li data-nav-id="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/tabs/">Tabbed views<i class="fas fa-check read-icon"></i></a></li></ul></li>
|
||
|
|
</ul>
|
||
|
|
<div id="shortcuts">
|
||
|
|
<div class="nav-title">More</div>
|
||
|
|
<ul>
|
||
|
|
<li><a class="padding" href="https://github.com/McShelby/hugo-theme-relearn"><i class='fab fa-fw fa-github'></i> GitHub repo</a></li>
|
||
|
|
<li><a class="padding" href="/hugo-theme-relearn/more/showcase/"><i class='fas fa-fw fa-camera'></i> Showcases</a></li>
|
||
|
|
<li><a class="padding" href="https://gohugo.io/"><i class='fas fa-fw fa-bookmark'></i> Hugo Documentation</a></li>
|
||
|
|
<li><a class="padding" href="/hugo-theme-relearn/more/credits/"><i class='fas fa-fw fa-bullhorn'></i> Credits</a></li>
|
||
|
|
<li><a class="padding" href="/hugo-theme-relearn/tags/"><i class='fas fa-fw fa-tags'></i> Tags</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="footermargin"></div>
|
||
|
|
<hr class="default-animation"/>
|
||
|
|
<div id="prefooter">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a class="padding select-container">
|
||
|
|
<i class="fas fa-language fa-fw"></i>
|
||
|
|
<span> </span>
|
||
|
|
<div class="select-style">
|
||
|
|
<select id="select-language" onchange="location = baseUri + this.value;">
|
||
|
|
<option id="en" value="/hugo-theme-relearn/basics/generator/" selected>English</option>
|
||
|
|
<option id="pir" value="/hugo-theme-relearn/pir/basics/generator/">Arrr! Pirrrates</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<div class="select-clear"></div>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a class="padding select-container">
|
||
|
|
<i class="fas fa-paint-brush fa-fw"></i>
|
||
|
|
<span> </span>
|
||
|
|
<div class="select-style">
|
||
|
|
<select id="select-theme" onchange="changeTheme( this.value );">
|
||
|
|
<option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
|
||
|
|
<option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
|
||
|
|
<option id="learn" value="learn">Learn</option>
|
||
|
|
<option id="neon" value="neon">Neon</option>
|
||
|
|
<option id="blue" value="blue">Blue</option>
|
||
|
|
<option id="green" value="green">Green</option>
|
||
|
|
<option id="red" value="red">Red</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<div class="select-clear"></div>
|
||
|
|
</a>
|
||
|
|
<script>markTheme( getTheme() );</script>
|
||
|
|
</li>
|
||
|
|
<li><a class="padding" href="#" data-clear-history-toggle=""><i class="fas fa-history fa-fw"></i> Clear History</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div id="footer">
|
||
|
|
<style>
|
||
|
|
#footer {
|
||
|
|
font-size: 13px;
|
||
|
|
height: 100px;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
padding: 2rem 1rem;
|
||
|
|
text-align: center;
|
||
|
|
min-width: 230px;
|
||
|
|
max-width: 300px;
|
||
|
|
}
|
||
|
|
#footer p {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
|
||
|
|
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
|
||
|
|
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
|
||
|
|
<p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
|
||
|
|
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
<div id="body" class="default-animation">
|
||
|
|
<div id="overlay"></div>
|
||
|
|
<div class="padding highlightable">
|
||
|
|
<div id="top-bar"><div>
|
||
|
|
<div class="navigation">
|
||
|
|
<a class="nav nav-next" href="/hugo-theme-relearn/basics/history/" title="History"><i class="fas fa-chevron-right fa-fw"></i></a>
|
||
|
|
</div>
|
||
|
|
<div class="navigation">
|
||
|
|
<a class="nav nav-prev" href="/hugo-theme-relearn/basics/customization/" title="Customization"><i class="fas fa-chevron-left fa-fw"></i></a>
|
||
|
|
</div>
|
||
|
|
<div id="top-github-link">
|
||
|
|
<a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/contentbasics/generator/_index.en.md" target="blank">
|
||
|
|
<i class="fas fa-pencil fa-fw"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div id="breadcrumbs">
|
||
|
|
<span id="sidebar-toggle-span">
|
||
|
|
<a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
|
||
|
|
<i class="fas fa-bars fa-fw"></i>
|
||
|
|
</a>
|
||
|
|
</span>
|
||
|
|
<span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
|
||
|
|
<ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
|
||
|
|
<meta itemprop="itemListOrder" content="Descending" />
|
||
|
|
<li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
|
||
|
|
<li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="2" /><a itemprop="item" href="/hugo-theme-relearn/basics/"><span itemprop="name">Basics</span></a> > </li>
|
||
|
|
<li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="1" /><a itemprop="item" href="/hugo-theme-relearn/basics/generator/" aria-disabled="true"><span itemprop="name">Stylesheet generator</span></a></li>
|
||
|
|
</ol>
|
||
|
|
</div>
|
||
|
|
<div class="progress">
|
||
|
|
<div class="wrapper">
|
||
|
|
<nav id="TableOfContents">
|
||
|
|
<ul>
|
||
|
|
<li><a href="#variant-generator">Variant generator</a></li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div></div>
|
||
|
|
<main id="body-inner">
|
||
|
|
<div id="head-tags">
|
||
|
|
</div>
|
||
|
|
<h1>Stylesheet generator</h1>
|
||
|
|
|
||
|
|
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
|
||
|
|
<p>To get started, first select a color variant from the theme selector that fits you best as a starting point.</p>
|
||
|
|
<p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph and the page will update accordingly.</p>
|
||
|
|
<p>The arrowed lines reflect how colors are inherited thru different parts of the theme if the descendent isn’t overwritten. If you want to delete a color and let it inherit from its parent, just delete the value from the input field.</p>
|
||
|
|
<p>This is best seen in the <code>neon</code> variant with the differnet headings colors. There, colors for the heading <code>h1</code>, <code>h2</code>, <code>h3</code> and <code>h4</code> are explicitly set. <code>h5</code> is not set and inherits its value from <code>h4</code>. <code>h6</code> is also not set and inherits its value from <code>h5</code>.</p>
|
||
|
|
<h2 id="variant-generator">Variant generator</h2>
|
||
|
|
<div id="vargenerator" class="mermaid" style="background-color: var(--INTERNAL-MAIN-TEXT-color);" align="center">Graph</div>
|
||
|
|
<script>
|
||
|
|
function initGraph(){
|
||
|
|
var graphDefinition = generateGraph();
|
||
|
|
var element = document.querySelector( '#vargenerator' );
|
||
|
|
element.innerHTML = graphDefinition;
|
||
|
|
|
||
|
|
var interval_id = setInterval( function(){
|
||
|
|
if( document.querySelectorAll( '#vargenerator.mermaid > svg' ).length ){
|
||
|
|
clearInterval( interval_id );
|
||
|
|
generateGraphStyles();
|
||
|
|
}
|
||
|
|
}, 100 );
|
||
|
|
};
|
||
|
|
|
||
|
|
function adjustCSSRules(selector, props, sheets){
|
||
|
|
// get stylesheet(s)
|
||
|
|
if (!sheets) sheets = [...document.styleSheets];
|
||
|
|
else if (sheets.sup){ // sheets is a string
|
||
|
|
let absoluteURL = new URL(sheets, document.baseURI).href;
|
||
|
|
sheets = [...document.styleSheets].filter(i => i.href == absoluteURL);
|
||
|
|
}
|
||
|
|
else sheets = [sheets]; // sheets is a stylesheet
|
||
|
|
|
||
|
|
// CSS (& HTML) reduce spaces in selector to one.
|
||
|
|
selector = selector.replace(/\s+/g, ' ');
|
||
|
|
const findRule = s => [...s.cssRules].reverse().find(i => i.selectorText == selector)
|
||
|
|
let rule = sheets.map(findRule).filter(i=>i).pop()
|
||
|
|
|
||
|
|
const propsArr = props.sup
|
||
|
|
? props.split(/\s*;\s*/).map(i => i.split(/\s*:\s*/)) // from string
|
||
|
|
: Object.entries(props); // from Object
|
||
|
|
|
||
|
|
if (rule) for (let [prop, val] of propsArr){
|
||
|
|
// rule.style[prop] = val; is against the spec, and does not support !important.
|
||
|
|
rule.style.setProperty(prop, ...val.split(/ *!(?=important)/));
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
sheet = sheets.pop();
|
||
|
|
if (!props.sup) props = propsArr.reduce((str, [k, v]) => `${str}; ${k}: ${v}`, '');
|
||
|
|
sheet.insertRule(`${selector} { ${props} }`, sheet.cssRules.length);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function changeColor( c ){
|
||
|
|
var style = null;
|
||
|
|
var theme = getTheme();
|
||
|
|
for( var n = 0; n < document.styleSheets.length; ++n ){
|
||
|
|
if( theme = parseTheme( document.styleSheets[n].href ) ){
|
||
|
|
var s = document.styleSheets[n];
|
||
|
|
for( var m = 0; m < s.rules.length; ++m ){
|
||
|
|
if( s.rules[m].selectorText == ':root' ){
|
||
|
|
style = s.rules[m].style;
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if( !style ){
|
||
|
|
alert( 'Theme stylesheet for theme "' + theme + '" not set or found' );
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var r = document.querySelector( ':root' );
|
||
|
|
var v = getComputedStyle( document.documentElement ).getPropertyValue( '--INTERNAL-'+c ).trim();
|
||
|
|
var n = prompt( '--'+c, v ).trim();
|
||
|
|
if( n ){
|
||
|
|
r = style.quer
|
||
|
|
style.setProperty( '--'+c, n );
|
||
|
|
}
|
||
|
|
else{
|
||
|
|
style.removeProperty( '--'+c );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function styleGroup( selector, colorvar ){
|
||
|
|
adjustCSSRules( '#body svg '+selector+' > rect', 'color: var(--INTERNAL-'+colorvar+'); fill: var(--INTERNAL-'+colorvar+'); stroke: #80808080;' );
|
||
|
|
adjustCSSRules( '#body svg '+selector+' > .label .nodeLabel', 'color: var(--INTERNAL-'+colorvar+'); fill: var(--INTERNAL-'+colorvar+'); stroke: #80808080;' );
|
||
|
|
adjustCSSRules( '#body svg '+selector+' > .cluster-label .nodeLabel', 'color: var(--INTERNAL-'+colorvar+'); fill: var(--INTERNAL-'+colorvar+'); stroke: #80808080;' );
|
||
|
|
// adjustCSSRules( '#body svg '+selector+' rect', 'stroke: #80808080;' );
|
||
|
|
adjustCSSRules( '#body svg '+selector+' .nodeLabel', 'filter: grayscale(1) invert(1) contrast(10000);' );
|
||
|
|
}
|
||
|
|
|
||
|
|
function generateGraphStyles(){
|
||
|
|
variables.forEach( function( e ){
|
||
|
|
styleGroup( '.'+e.name, e.name );
|
||
|
|
});
|
||
|
|
//styleGroup( '.root', 'MAIN-TEXT-color' )
|
||
|
|
styleGroup( '#maincontent', 'MAIN-BG-color' )
|
||
|
|
styleGroup( '#mainheadings', 'MAIN-BG-color' )
|
||
|
|
styleGroup( '#inlinecode', 'CODE-INLINE-BG-color' )
|
||
|
|
styleGroup( '#blockcode', 'CODE-BLOCK-BG-color' )
|
||
|
|
styleGroup( '#coloredboxes', 'BOX-BG-color' );
|
||
|
|
styleGroup( '#menu', 'MENU-SECTIONS-BG-color' )
|
||
|
|
styleGroup( '#menuheader', 'MENU-HEADER-BG-color' )
|
||
|
|
styleGroup( '#menusections', 'MENU-SECTIONS-ACTIVE-BG-color' )
|
||
|
|
}
|
||
|
|
|
||
|
|
function generateGraph(){
|
||
|
|
var g_groups = {};
|
||
|
|
var g_edges = '';
|
||
|
|
var g_handler = '';
|
||
|
|
|
||
|
|
variables.forEach( function( e ){
|
||
|
|
var group = e.group || ' ';
|
||
|
|
g_groups[ group ] = ( g_groups[ group ] || [] ).concat( e.name );
|
||
|
|
if( e.fallback ){
|
||
|
|
g_edges += ' ' + e.fallback+':::'+e.fallback+' --> '+e.name+':::'+e.name+';\n';
|
||
|
|
}
|
||
|
|
g_handler += ' click '+e.name+' changeColor\n';
|
||
|
|
});
|
||
|
|
|
||
|
|
var graph =
|
||
|
|
'flowchart RL\n' +
|
||
|
|
' subgraph menu["menu"]\n' +
|
||
|
|
' direction TB\n' +
|
||
|
|
' subgraph menuheader["header"]\n' +
|
||
|
|
' direction LR\n' +
|
||
|
|
g_groups[ 'header' ].reduce( function( a, e ){ return a + ' ' + e + '\n'; }, '' ) +
|
||
|
|
' end\n' +
|
||
|
|
' subgraph menusections["sections"]\n' +
|
||
|
|
' direction LR\n' +
|
||
|
|
g_groups[ 'sections' ].reduce( function( a, e ){ return a + ' ' + e + '\n'; }, '' ) +
|
||
|
|
' end\n' +
|
||
|
|
' end\n' +
|
||
|
|
' subgraph maincontent["content"]\n' +
|
||
|
|
' direction TB\n' +
|
||
|
|
g_groups[ 'content' ].reduce( function( a, e ){ return a + ' ' + e + '\n'; }, '' ) +
|
||
|
|
' subgraph mainheadings["headings"]\n' +
|
||
|
|
' direction LR\n' +
|
||
|
|
g_groups[ 'headings' ].reduce( function( a, e ){ return a + ' ' + e + '\n'; }, '' ) +
|
||
|
|
' end\n' +
|
||
|
|
' subgraph inlinecode["inline code"]\n' +
|
||
|
|
' direction LR\n' +
|
||
|
|
g_groups[ 'inline code' ].reduce( function( a, e ){ return a + ' ' + e + '\n'; }, '' ) +
|
||
|
|
' end\n' +
|
||
|
|
' subgraph blockcode["code blocks"]\n' +
|
||
|
|
' direction LR\n' +
|
||
|
|
g_groups[ 'code blocks' ].reduce( function( a, e ){ return a + ' ' + e + '\n'; }, '' ) +
|
||
|
|
' end\n' +
|
||
|
|
' subgraph coloredboxes["colored boxes"]\n' +
|
||
|
|
' direction LR\n' +
|
||
|
|
g_groups[ 'colored boxes' ].reduce( function( a, e ){ return a + ' ' + e + '\n'; }, '' ) +
|
||
|
|
' end\n' +
|
||
|
|
' end\n' +
|
||
|
|
' class MENU-SECTIONS-BG-color menu\n' +
|
||
|
|
g_edges +
|
||
|
|
g_handler;
|
||
|
|
|
||
|
|
console.log( graph );
|
||
|
|
return graph;
|
||
|
|
}
|
||
|
|
|
||
|
|
var variables = [
|
||
|
|
{ name: 'MAIN-TEXT-color', group: 'content', default: '#101010' },
|
||
|
|
{ name: 'MAIN-LINK-color', group: 'content', default: '#486ac9' },
|
||
|
|
{ name: 'MAIN-LINK-HOVER-color', group: 'content', fallback: 'MAIN-LINK-color' },
|
||
|
|
{ name: 'MAIN-ANCHOR-color', group: 'content', fallback: 'MAIN-LINK-color' },
|
||
|
|
{ name: 'MAIN-BG-color', group: 'content', default: '#ffffff' },
|
||
|
|
{ name: 'TAG-BG-color', group: 'content', fallback: 'MENU-HEADER-BG-color' },
|
||
|
|
|
||
|
|
|
||
|
|
{ name: 'MAIN-TITLES-color', group: 'headings', default: '#444753' },
|
||
|
|
{ name: 'MAIN-TITLES-H1-color', group: 'headings', fallback: 'MAIN-TEXT-color' },
|
||
|
|
{ name: 'MAIN-TITLES-H2-color', group: 'headings', fallback: 'MAIN-TITLES-color' },
|
||
|
|
{ name: 'MAIN-TITLES-H3-color', group: 'headings', fallback: 'MAIN-TITLES-H2-color' },
|
||
|
|
{ name: 'MAIN-TITLES-H4-color', group: 'headings', fallback: 'MAIN-TITLES-H3-color' },
|
||
|
|
{ name: 'MAIN-TITLES-H5-color', group: 'headings', fallback: 'MAIN-TITLES-H4-color' },
|
||
|
|
{ name: 'MAIN-TITLES-H6-color', group: 'headings', fallback: 'MAIN-TITLES-H5-color' },
|
||
|
|
|
||
|
|
{ name: 'CODE-BLOCK-color', group: 'code blocks', default: '#000000' },
|
||
|
|
{ name: 'CODE-BLOCK-BG-color', group: 'code blocks', default: '#f8f8f8' },
|
||
|
|
{ name: 'CODE-BLOCK-BORDER-color', group: 'code blocks', fallback: 'CODE-BLOCK-BG-color' },
|
||
|
|
|
||
|
|
{ name: 'CODE-INLINE-color', group: 'inline code', default: '#5e5e5e' },
|
||
|
|
{ name: 'CODE-INLINE-BG-color', group: 'inline code', default: '#fffae9' },
|
||
|
|
{ name: 'CODE-INLINE-BORDER-color', group: 'inline code', fallback: 'CODE-INLINE-BG-color' },
|
||
|
|
|
||
|
|
{ name: 'MENU-HEADER-BG-color', group: 'header', default: '#7dc903' },
|
||
|
|
{ name: 'MENU-HEADER-BORDER-color', group: 'header', fallback: 'MENU-HEADER-BG-color' },
|
||
|
|
{ name: 'MENU-HOME-LINK-color', group: 'header', default: '#323232' },
|
||
|
|
{ name: 'MENU-HOME-LINK-HOVER-color', group: 'header', default: '#808080' },
|
||
|
|
{ name: 'MENU-SEARCH-color', group: 'header', default: '#e0e0e0' },
|
||
|
|
{ name: 'MENU-SEARCH-BG-color', group: 'header', default: '#323232' },
|
||
|
|
{ name: 'MENU-SEARCH-BOX-color', group: 'header', fallback: 'MENU-SEARCH-BG-color' },
|
||
|
|
|
||
|
|
{ name: 'MENU-SECTIONS-BG-color', group: 'sections', default: '#282830' },
|
||
|
|
{ name: 'MENU-SECTIONS-ACTIVE-BG-color', group: 'sections', default: '#202028' },
|
||
|
|
{ name: 'MENU-SECTION-ACTIVE-CATEGORY-color', group: 'sections', default: '#444444' },
|
||
|
|
{ name: 'MENU-SECTION-ACTIVE-CATEGORY-BG-color', group: 'sections', fallback: 'MAIN-BG-color' },
|
||
|
|
{ name: 'MENU-SECTIONS-LINK-color', group: 'sections', default: '#bababa' },
|
||
|
|
{ name: 'MENU-SECTIONS-LINK-HOVER-color', group: 'sections', fallback: 'MENU-SECTIONS-LINK-color' },
|
||
|
|
{ name: 'MENU-VISITED-color', group: 'sections', default: '#506397' },
|
||
|
|
{ name: 'MENU-SECTION-HR-color', group: 'sections', default: '#606060' },
|
||
|
|
|
||
|
|
{ name: 'BOX-CAPTION-color', group: 'colored boxes', default: 'rgba( 255, 255, 255, 1 )' },
|
||
|
|
{ name: 'BOX-BG-color', group: 'colored boxes', default: 'rgba( 255, 255, 255, .833 )' },
|
||
|
|
{ name: 'BOX-TEXT-color', group: 'colored boxes', default: 'rgba( 16, 16, 16, 1 )' },
|
||
|
|
|
||
|
|
{ name: 'BOX-BLUE-color', group: 'colored boxes', default: 'rgba( 48, 117, 229, 1 )' },
|
||
|
|
{ name: 'BOX-INFO-color', group: 'colored boxes', fallback: 'BOX-BLUE-color' },
|
||
|
|
{ name: 'BOX-BLUE-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color' },
|
||
|
|
{ name: 'BOX-INFO-TEXT-color', group: 'colored boxes', fallback: 'BOX-BLUE-TEXT-color' },
|
||
|
|
|
||
|
|
{ name: 'BOX-GREEN-color', group: 'colored boxes', default: 'rgba( 42, 178, 24, 1 )' },
|
||
|
|
{ name: 'BOX-TIP-color', group: 'colored boxes', fallback: 'BOX-GREEN-color' },
|
||
|
|
{ name: 'BOX-GREEN-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color' },
|
||
|
|
{ name: 'BOX-TIP-TEXT-color', group: 'colored boxes', fallback: 'BOX-GREEN-TEXT-color' },
|
||
|
|
|
||
|
|
{ name: 'BOX-GREY-color', group: 'colored boxes', default: 'rgba( 128, 128, 128, 1 )' },
|
||
|
|
{ name: 'BOX-NEUTRAL-color', group: 'colored boxes', fallback: 'BOX-GREY-color' },
|
||
|
|
{ name: 'BOX-GREY-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color' },
|
||
|
|
{ name: 'BOX-NEUTRAL-TEXT-color', group: 'colored boxes', fallback: 'BOX-GREY-TEXT-color' },
|
||
|
|
|
||
|
|
{ name: 'BOX-ORANGE-color', group: 'colored boxes', default: 'rgba( 237, 153, 9, 1 )' },
|
||
|
|
{ name: 'BOX-NOTE-color', group: 'colored boxes', fallback: 'BOX-ORANGE-color' },
|
||
|
|
{ name: 'BOX-ORANGE-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color' },
|
||
|
|
{ name: 'BOX-NOTE-TEXT-color', group: 'colored boxes', fallback: 'BOX-ORANGE-TEXT-color' },
|
||
|
|
|
||
|
|
{ name: 'BOX-RED-color', group: 'colored boxes', default: 'rgba( 237, 153, 9, 1 )' },
|
||
|
|
{ name: 'BOX-WARNING-color', group: 'colored boxes', fallback: 'BOX-RED-color' },
|
||
|
|
{ name: 'BOX-RED-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color' },
|
||
|
|
{ name: 'BOX-WARNING-TEXT-color', group: 'colored boxes', fallback: 'BOX-RED-TEXT-color' },
|
||
|
|
];
|
||
|
|
|
||
|
|
initGraph();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<footer class=" footline">
|
||
|
|
</footer>
|
||
|
|
</main>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
|
||
|
|
<div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
|
||
|
|
</div>
|
||
|
|
<script src="/hugo-theme-relearn/js/clipboard.min.js?1645228024"></script>
|
||
|
|
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645228024"></script>
|
||
|
|
<script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645228024"></script>
|
||
|
|
<script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645228024"></script>
|
||
|
|
<script src="/hugo-theme-relearn/js/featherlight.min.js?1645228024"></script>
|
||
|
|
<script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645228024"></script>
|
||
|
|
<script src="/hugo-theme-relearn/js/mermaid.min.js?1645228024"></script>
|
||
|
|
<script>
|
||
|
|
if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
|
||
|
|
mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<script>
|
||
|
|
window.T_Copy_to_clipboard = 'Copy to clipboard';
|
||
|
|
window.T_Copied_to_clipboard = 'Copied to clipboard!';
|
||
|
|
window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
|
||
|
|
window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
|
||
|
|
</script>
|
||
|
|
<script src="/hugo-theme-relearn/js/relearn.js?1645228024"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|