2021-10-16 23:18:04 +00:00
<!doctype html> < html lang = pir class = "js csstransforms3d" >
< head >
< meta charset = utf-8 >
< meta name = viewport content = "width=device-width,initial-scale=1" >
2022-02-06 01:00:15 +00:00
< meta name = generator content = "Hugo 0.92.1" >
2022-02-06 12:52:29 +00:00
< meta name = generator content = "Relearn 2.9.4" >
2021-10-16 23:18:04 +00:00
< meta name = description content = "Documentation for Hugo Relearn Theme" >
< meta name = author content = "Sören Weber" >
< title > Customizat'n :: Documentat'n fer Cap'n Hugo Relearrrn Theme< / title >
2022-02-06 12:52:29 +00:00
< link rel = alternate type = application/rss+xml href = /hugo-theme-relearn/pir/basics/customization/index.xml title = "Documentat'n fer Cap'n Hugo Relearrrn Theme" >
2022-02-06 16:11:19 +00:00
< link rel = icon href = /hugo-theme-relearn/images/logo.svg?1644163877 type = image/svg+xml >
< link href = /hugo-theme-relearn/css/nucleus.css?1644163877 rel = stylesheet >
< link href = /hugo-theme-relearn/css/fontawesome-all.min.css?1644163877 rel = stylesheet >
< link href = /hugo-theme-relearn/css/featherlight.min.css?1644163877 rel = stylesheet >
< link href = /hugo-theme-relearn/css/perfect-scrollbar.min.css?1644163877 rel = stylesheet >
< link href = /hugo-theme-relearn/css/auto-complete.css?1644163877 rel = stylesheet >
< link href = /hugo-theme-relearn/css/theme.css?1644163877 rel = stylesheet >
< link href = /hugo-theme-relearn/css/theme-relearn.css?1644163877 rel = stylesheet >
< link href = /hugo-theme-relearn/css/variant.css?1644163877 rel = stylesheet >
< link href = /hugo-theme-relearn/css/print.css?1644163877 rel = stylesheet media = print >
2021-10-16 23:18:04 +00:00
< style > : root # header + # content > # left > # rlblock_left { display : none !important } < / style >
2022-02-06 16:11:19 +00:00
< script src = /hugo-theme-relearn/js/jquery.min.js?1644163877 > < / script >
2021-10-16 23:18:04 +00:00
< / head >
2022-02-06 01:14:27 +00:00
< body data-url = /hugo-theme-relearn/pir/basics/customization/ >
< script > var index _url = "/hugo-theme-relearn/pir/index.json" , root _url = "/" , baseUri = root _url . replace ( /\/$/ , '' ) < / script >
2021-10-16 23:18:04 +00:00
< nav id = sidebar class = showVisitedLinks >
< div id = header-wrapper >
< div id = header >
2022-02-06 01:14:27 +00:00
< a id = logo href = /hugo-theme-relearn/pir/ style = "color:#3d414d;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 01-.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.255s1.706.724 2.068 1.843c.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 01-.499 1.309 1.757 1.757.0 01-.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 01-.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 00-.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:#3d414d;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 00 . 303- . 437 . 175 . 175 . 0 00 . 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 00 . 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
2021-10-16 23:18:04 +00:00
Relearn
< / a >
< / div >
< div class = searchbox >
< label for = search-by > < i class = "fas fa-search" > < / i > < / label >
2021-11-03 20:43:23 +00:00
< input data-search-input id = search-by type = search placeholder = Searrrch... >
2021-10-16 23:18:04 +00:00
< span data-search-clear > < i class = "fas fa-times" > < / i > < / span >
< / div >
2022-02-06 16:11:19 +00:00
< script src = /hugo-theme-relearn/js/lunr.min.js?1644163877 > < / script >
< script src = /hugo-theme-relearn/js/auto-complete.js?1644163877 > < / script >
< script src = /hugo-theme-relearn/js/search.js?1644163877 > < / script >
2021-10-16 23:18:04 +00:00
< / div >
< div class = highlightable >
< ul class = topics >
2022-02-06 01:14:27 +00:00
< li data-nav-id = /hugo-theme-relearn/pir/basics/ title = Basics class = "dd-item parent" > < a href = /hugo-theme-relearn/pir/basics/ > < b > 1.< / b > Basics< i class = "fas fa-check read-icon" > < / i > < / a > < ul >
< li data-nav-id = /hugo-theme-relearn/pir/basics/requirements/ title = Requirrrements class = "dd-item alwaysopen" > < a href = /hugo-theme-relearn/pir/basics/requirements/ > Requirrrements< i class = "fas fa-check read-icon" > < / i > < / a > < ul > < / ul > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/basics/installation/ title = "Installat'n" class = "dd-item alwaysopen" > < a href = /hugo-theme-relearn/pir/basics/installation/ > Installat'n< i class = "fas fa-check read-icon" > < / i > < / a > < ul > < / ul > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/basics/migration/ title = "Migrrrat'n" class = "dd-item alwaysopen" > < a href = /hugo-theme-relearn/pir/basics/migration/ > Migrrrat'n< i class = "fas fa-check read-icon" > < / i > < / a > < ul > < / ul > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/basics/configuration/ title = "Configurrrat'n" class = "dd-item alwaysopen" > < a href = /hugo-theme-relearn/pir/basics/configuration/ > Configurrrat'n< i class = "fas fa-check read-icon" > < / i > < / a > < ul > < / ul > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/basics/customization/ title = "Customizat'n" class = "dd-item active parent alwaysopen" > < a href = /hugo-theme-relearn/pir/basics/customization/ > Customizat'n< i class = "fas fa-check read-icon" > < / i > < / a > < ul > < / ul > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/basics/history/ title = Historrry class = "dd-item alwaysopen" > < a href = /hugo-theme-relearn/pir/basics/history/ > Historrry< i class = "fas fa-check read-icon" > < / i > < / a > < ul > < / ul > < / li > < / ul > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/cont/ title = "Rambl'n" class = dd-item > < a href = /hugo-theme-relearn/pir/cont/ > < b > 2.< / b > Rambl'n< i class = "fas fa-check read-icon" > < / i > < / a > < ul >
< li data-nav-id = /hugo-theme-relearn/pir/cont/pages/ title = "Planks orrrganizat'n" class = "dd-item alwaysopen" > < a href = /hugo-theme-relearn/pir/cont/pages/ > Planks orrrganizat'n< i class = "fas fa-check read-icon" > < / i > < / a > < ul > < / ul > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/cont/archetypes/ title = Arrrchetypes class = dd-item > < a href = /hugo-theme-relearn/pir/cont/archetypes/ > Arrrchetypes< i class = "fas fa-check read-icon" > < / i > < / a > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/cont/markdown/ title = "Marrrkdown rules" class = dd-item > < a href = /hugo-theme-relearn/pir/cont/markdown/ > Marrrkdown rules< i class = "fas fa-check read-icon" > < / i > < / a > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/cont/syntaxhighlight/ title = "Code highlight'n" class = dd-item > < a href = /hugo-theme-relearn/pir/cont/syntaxhighlight/ > Code highlight'n< i class = "fas fa-check read-icon" > < / i > < / a > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/cont/menushortcuts/ title = "Menu extrrra shorrrtcuts" class = dd-item > < a href = /hugo-theme-relearn/pir/cont/menushortcuts/ > Menu extrrra shorrrtcuts< i class = "fas fa-check read-icon" > < / i > < / a > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/cont/icons/ title = "Ay'cons an' logos" class = dd-item > < a href = /hugo-theme-relearn/pir/cont/icons/ > Ay'cons an' logos< i class = "fas fa-check read-icon" > < / i > < / a > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/cont/i18n/ title = "Multilingual an' i18n" class = "dd-item alwaysopen" > < a href = /hugo-theme-relearn/pir/cont/i18n/ > Multilingual an' i18n< i class = "fas fa-check read-icon" > < / i > < / a > < ul > < / ul > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/cont/tags/ title = Tags class = dd-item > < a href = /hugo-theme-relearn/pir/cont/tags/ > Tags< i class = "fas fa-check read-icon" > < / i > < / a > < / li > < / ul > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/ title = Shorrrtcodes class = dd-item > < a href = /hugo-theme-relearn/pir/shortcodes/ > < b > 3.< / b > Shorrrtcodes< i class = "fas fa-check read-icon" > < / i > < / a > < ul >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/attachments/ title = Attachments class = dd-item > < a href = /hugo-theme-relearn/pir/shortcodes/attachments/ > Attachments< i class = "fas fa-check read-icon" > < / i > < / a > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/button/ title = Button class = dd-item > < a href = /hugo-theme-relearn/pir/shortcodes/button/ > Button< i class = "fas fa-check read-icon" > < / i > < / a > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/children/ title = Children class = dd-item > < a href = /hugo-theme-relearn/pir/shortcodes/children/ > Children< i class = "fas fa-check read-icon" > < / i > < / a > < ul >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/children/test/ title = "Plank X" class = dd-item > < a href = /hugo-theme-relearn/pir/shortcodes/children/test/ > Plank X< i class = "fas fa-check read-icon" > < / i > < / a > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/children/children-1/ title = "Plank 1" class = dd-item > < a href = /hugo-theme-relearn/pir/shortcodes/children/children-1/ > Plank 1< i class = "fas fa-check read-icon" > < / i > < / a > < ul >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/ title = "Plank 1-1" class = dd-item > < a href = /hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/ > Plank 1-1< i class = "fas fa-check read-icon" > < / i > < / a > < ul >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/ title = "Plank 1-1-2" class = "dd-item alwaysopen" > < a href = /hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/ > Plank 1-1-2< i class = "fas fa-check read-icon" > < / i > < / a > < ul >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/ title = "Plank 1-1-2-1" class = "dd-item alwaysopen" > < a href = /hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/ > Plank 1-1-2-1< i class = "fas fa-check read-icon" > < / i > < / a > < ul > < / ul > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/ title = "Plank 1-1-2-2" class = "dd-item alwaysopen" > < a href = /hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/ > Plank 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/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/ title = "Plank 1-1-3" class = "dd-item alwaysopen" > < a href = /hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/ > Plank 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/pir/shortcodes/children/children-2/ title = "Plank 2" class = dd-item > < a href = /hugo-theme-relearn/pir/shortcodes/children/children-2/ > Plank 2< i class = "fas fa-check read-icon" > < / i > < / a > < ul > < / ul > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/children/children-3/ title = "Plank 3" class = dd-item > < a href = /hugo-theme-relearn/pir/shortcodes/children/children-3/ > Plank 3< i class = "fas fa-check read-icon" > < / i > < / a > < ul >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/children/children-3/test3/ title = "Plank 3-1" class = dd-item > < a href = /hugo-theme-relearn/pir/shortcodes/children/children-3/test3/ > Plank 3-1< i class = "fas fa-check read-icon" > < / i > < / a > < / li > < / ul > < / li > < / ul > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/expand/ title = Expand class = dd-item > < a href = /hugo-theme-relearn/pir/shortcodes/expand/ > Expand< i class = "fas fa-check read-icon" > < / i > < / a > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/include/ title = Include class = dd-item > < a href = /hugo-theme-relearn/pir/shortcodes/include/ > Include< i class = "fas fa-check read-icon" > < / i > < / a > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/mermaid/ title = Merrrmaid class = dd-item > < a href = /hugo-theme-relearn/pir/shortcodes/mermaid/ > Merrrmaid< i class = "fas fa-check read-icon" > < / i > < / a > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/notice/ title = Notice class = dd-item > < a href = /hugo-theme-relearn/pir/shortcodes/notice/ > Notice< i class = "fas fa-check read-icon" > < / i > < / a > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/siteparam/ title = "Ship param" class = dd-item > < a href = /hugo-theme-relearn/pir/shortcodes/siteparam/ > Ship param< i class = "fas fa-check read-icon" > < / i > < / a > < / li >
< li data-nav-id = /hugo-theme-relearn/pir/shortcodes/tabs/ title = "Tabbed views" class = dd-item > < a href = /hugo-theme-relearn/pir/shortcodes/tabs/ > Tabbed views< i class = "fas fa-check read-icon" > < / i > < / a > < / li > < / ul > < / li >
2021-10-16 23:18:04 +00:00
< / ul >
< div id = shortcuts >
2021-11-03 20:43:23 +00:00
< div class = nav-title > Morrre< / div >
2021-10-16 23:18:04 +00:00
< 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 >
2022-02-06 01:14:27 +00:00
< li > < a class = padding href = /hugo-theme-relearn/pir/showcase/ > < i class = "fas fa-fw fa-camera" > < / i > Showcases< / a > < / li >
2021-10-16 23:18:04 +00:00
< li > < a class = padding href = https://gohugo.io/ > < i class = "fas fa-fw fa-bookmark" > < / i > Cap'n Hugo Documentat'n< / a > < / li >
2022-02-06 01:14:27 +00:00
< li > < a class = padding href = /hugo-theme-relearn/pir/credits/ > < i class = "fas fa-fw fa-bullhorn" > < / i > Crrredits< / a > < / li >
< li > < a class = padding href = /hugo-theme-relearn/pir/tags/ > < i class = "fas fa-fw fa-tags" > < / i > Arrr! Tags< / a > < / li >
2021-10-16 23:18:04 +00:00
< / ul >
< / div >
< div id = prefooter >
< hr >
< ul >
< li >
< a class = padding >
< i class = "fas fa-language fa-fw" > < / i >
< div class = select-style >
2022-02-06 01:00:15 +00:00
< select id = select-language onchange = "location=baseUri+this.value" > < option id = pir value = /hugo-theme-relearn/pir/basics/customization/ selected > Arrr! Pirrrates< / option > < option id = en value = /hugo-theme-relearn/basics/customization/ > English< / option > < / select > < svg id = "Capa_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" width = "255" height = "255" viewBox = "0 0 255 255" style = "enable-background:new 0 0 255 255" > < g > < g id = "arrow-drop-down" > < polygon points = "0,63.75 127.5,191.25 255,63.75" / > < / g > < / g > < / svg >
2021-10-16 23:18:04 +00:00
< / div >
< / a >
< / li >
2021-11-03 20:43:23 +00:00
< li > < a class = padding href = # data-clear-history-toggle > < i class = "fas fa-history fa-fw" > < / i > Clear Historrry< / a > < / li >
2021-10-16 23:18:04 +00:00
< / ul >
< / div >
< div id = footer >
< 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 >
< div id = overlay > < / div >
< div class = "padding highlightable" >
< div id = top-bar >
< div id = top-github-link >
2021-11-03 20:43:23 +00:00
< a class = github-link title = "Edit this plank" href = https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/customization/_index.pir.md target = blank >
2021-10-16 23:18:04 +00:00
< i class = "fas fa-code-branch" > < / i >
2021-11-03 20:43:23 +00:00
< span id = top-github-link-text > Edit this plank< / span >
2021-10-16 23:18:04 +00:00
< / a >
< / div >
< div id = breadcrumbs >
< span id = sidebar-toggle-span >
< a href = # id = sidebar-toggle data-sidebar-toggle >
< i class = "fas fa-bars" > < / i >
< / a >
< / span >
< span id = toc-menu > < i class = "fas fa-list-alt" > < / i > < / span >
< ol class = links itemscope itemtype = http://schema.org/BreadcrumbList >
< meta itemprop = itemListOrder content = "Descending" >
2022-02-06 01:14:27 +00:00
< li itemscope itemtype = https://schema.org/ListItem itemprop = itemListElement > < meta itemprop = position content = "3" > < a itemprop = item href = /hugo-theme-relearn/pir/ > < span itemprop = name > Relearrrn Theme fer Cap'n 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/pir/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/pir/basics/customization/ aria-disabled = true > < span itemprop = name > Customizat'n< / span > < / a > < / li >
2021-10-16 23:18:04 +00:00
< / ol >
< / div >
< div class = progress >
< div class = wrapper >
< nav id = TableOfContents > < / nav >
< / div >
< / div >
< / div >
< div id = head-tags >
< / div >
< main id = body-inner >
< h1 > Customizat'n< / h1 >
2022-02-06 13:10:37 +00:00
< div class = "notices warning" >
< div class = label > Arrr< / div >
< p > Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings and stuff.< / p >
< / div >
2021-10-16 23:18:04 +00:00
< p > Th' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple < a href = https://gohugo.io/templates/partials/ > partials< / a > < / p >
< p > In < code > themes/hugo-theme-relearn/layouts/partials/< / code > , ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don’ t change th' code directly. Instead < a href = https://gohugo.io/themes/customizing/ > follow this plank< / a > . You’ d create a new partial 'n th' < code > layouts/partials< / code > folder o' yer local project. This partial will have th' priority.< / p >
< p > This theme defines th' follow'n partials :< / p >
< ul >
2022-02-06 13:10:37 +00:00
< li > < em > rrrambl'n< / em > : th' rrrambl'n plank itself. This can be overridden if ye wan’ t t' display page’ s meta data above or below th' rrrambl'n.< / li >
< li > < em > header< / em > : th' header o' th' rrrambl'n plank (contains th' breadcrumbs). < em > Not meant t' be overwritten< / em > < / li >
2021-10-16 23:18:04 +00:00
< li > < em > custom-header< / em > : custom headers 'n plank. Meant t' be overwritten when add'n CSS imports. Don’ t forget t' include < code > style< / code > HTML tag directive 'n yer file< / li >
2022-02-06 13:10:37 +00:00
< li > < em > footer< / em > : th' footer o' th' rrrambl'n plank (contains th' arrows). < em > Not meant t' be overwritten< / em > < / li >
2021-10-16 23:18:04 +00:00
< li > < em > custom-footer< / em > : custom footer 'n plank. Meant t' be overwritten when add'n Javacript. Don’ t forget t' include < code > javascript< / code > HTML tag directive 'n yer file< / li >
< li > < em > favicon< / em > : th' favicon< / li >
< li > < em > logo< / em > : th' logo, on top left hand corner.< / li >
< li > < em > meta< / em > : HTML meta tags, if ye want t' change default behavior< / li >
< li > < em > menu< / em > : left menu. < em > Not meant t' be overwritten< / em > < / li >
< li > < em > menu-pre< / em > : side-wide configurat'n t' prepend t' menu items. If ye override this, it be yer responsiblity t' take th' page’ s < code > pre< / code > sett'n into account.< / li >
< li > < em > menu-post< / em > : side-wide configurat'n t' append t' menu items. If ye override this, it be yer responsiblity t' take th' page’ s < code > post< / code > sett'n into account.< / li >
< li > < em > menu-footer< / em > : footer o' th' the left menu< / li >
< li > < em > search< / em > : search box< / li >
< li > < em > toc< / em > : t'ble o' contents< / li >
< / ul >
< h2 id = change-the-logo > Change th' logo< / h2 >
< p > Create a new file 'n < code > layouts/partials/< / code > named < code > logo.html< / code > . Then write any HTML ye want.
Ye could use an < code > img< / code > HTML tag an' reference an image created under th' < em > static< / em > folder, or ye could paste a SVG definit'n!< / p >
< div class = "notices note" >
2022-02-06 16:11:19 +00:00
< div class = label > Avast< / div >
< p > Th' size o' th' logo will adapt automatically< / p >
2021-10-16 23:18:04 +00:00
< / div >
< h2 id = change-the-favicon > Change th' favicon< / h2 >
2021-10-30 20:01:20 +00:00
< p > If yer favicon be a SVG, PNG or ICO, just drop off yer image 'n yer local < code > static/images/< / code > folder an' name it < code > favicon.svg< / code > , < code > favicon.png< / code > or < code > favicon.ico< / code > respectivly.< / p >
< p > If no favicon file be found, th' theme will lookup th' alternative filename < code > logo< / code > 'n th' same locat'n an' will repeat th' search fer th' list o' supported file types.< / p >
2021-10-16 23:18:04 +00:00
< p > If ye need t' change this default behavior, create a new file 'n < code > layouts/partials/< / code > named < code > favicon.html< / code > . Then write someth'n like this:< / p >
2021-10-30 20:01:20 +00:00
< div class = highlight > < pre tabindex = 0 style = color:#e2e4e5;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4 > < code class = language-html data-lang = html > < < span style = color:#ff6ac1 > link< / span > < span style = color:#57c7ff > rel< / span > < span style = color:#ff6ac1 > =< / span > < span style = color:#5af78e > " icon" < / span > < span style = color:#57c7ff > href< / span > < span style = color:#ff6ac1 > =< / span > < span style = color:#5af78e > " /images/favicon.bmp" < / span > < span style = color:#57c7ff > type< / span > < span style = color:#ff6ac1 > =< / span > < span style = color:#5af78e > " image/bmp" < / span > />
2021-10-16 23:18:04 +00:00
< / code > < / pre > < / div > < h2 id = theme-variant > Change default colors< / h2 >
< p > Th' Relearrrn theme let ye choose between some predefined color scheme variants, but feel free t' add one yourself!< / p >
< h3 id = standard-variant > Standard variant< / h3 >
< div class = highlight > < pre tabindex = 0 style = color:#e2e4e5;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4 > < code class = language-toml data-lang = toml > [params]
< span style = color:#78787e > # Change default color scheme wit' a variant one. Can be empty, " red" , " blue" , " green" .< / span >
themeVariant = < span style = color:#5af78e > " " < / span >
2022-02-06 01:14:27 +00:00
< / code > < / pre > < / div > < p > < img src = "/hugo-theme-relearn/basics/customization/images/standard-variant.png?width=60pc" alt = "Red variant" > < / p >
2021-10-16 23:18:04 +00:00
< h3 id = red-variant > Red variant< / h3 >
< div class = highlight > < pre tabindex = 0 style = color:#e2e4e5;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4 > < code class = language-toml data-lang = toml > [params]
< span style = color:#78787e > # Change default color scheme wit' a variant one. Can be empty, " red" , " blue" , " green" .< / span >
themeVariant = < span style = color:#5af78e > " red" < / span >
2022-02-06 01:14:27 +00:00
< / code > < / pre > < / div > < p > < img src = "/hugo-theme-relearn/basics/customization/images/red-variant.png?width=60pc" alt = "Red variant" > < / p >
2021-10-16 23:18:04 +00:00
< h3 id = blue-variant > Blue variant< / h3 >
< div class = highlight > < pre tabindex = 0 style = color:#e2e4e5;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4 > < code class = language-toml data-lang = toml > [params]
< span style = color:#78787e > # Change default color scheme wit' a variant one. Can be empty, " red" , " blue" , " green" .< / span >
themeVariant = < span style = color:#5af78e > " blue" < / span >
2022-02-06 01:14:27 +00:00
< / code > < / pre > < / div > < p > < img src = "/hugo-theme-relearn/basics/customization/images/blue-variant.png?width=60pc" alt = "Blue variant" > < / p >
2021-10-16 23:18:04 +00:00
< h3 id = green-variant > Green variant< / h3 >
< div class = highlight > < pre tabindex = 0 style = color:#e2e4e5;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4 > < code class = language-toml data-lang = toml > [params]
< span style = color:#78787e > # Change default color scheme wit' a variant one. Can be empty, " red" , " blue" , " green" .< / span >
themeVariant = < span style = color:#5af78e > " green" < / span >
2022-02-06 01:14:27 +00:00
< / code > < / pre > < / div > < p > < img src = "/hugo-theme-relearn/basics/customization/images/green-variant.png?width=60pc" alt = "Green variant" > < / p >
2021-10-16 23:18:04 +00:00
< h3 id = mine-variant > ‘ Mine‘ < / h3 >
2022-02-06 13:10:37 +00:00
< p > First, create a new CSS file 'n yer local < code > static/css< / code > folder prefixed by < code > theme< / code > (e.g. wit' < em > mine< / em > theme < code > static/css/theme-mine.css< / code > ). Copy th' follow'n rrrambl'n an' modify colors 'n CSS variables.< / p >
2021-10-16 23:18:04 +00:00
< div class = highlight > < pre tabindex = 0 style = color:#e2e4e5;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4 > < code class = language-css data-lang = css > :< span style = color:#ff9f43 > root< / span > {
< span style = color:#ff5c57 > --MAIN-TEXT-color< / span > : < span style = color:#ff9f43 > #323232< / span > ; < span style = color:#78787e > /* Color o' text by default */< / span >
< span style = color:#ff5c57 > --MAIN-TITLES-TEXT-color< / span > : < span style = color:#ff9f43 > #5e5e5e< / span > ; < span style = color:#78787e > /* Color o' titles h2-h3-h4-h5-h6 */< / span >
< span style = color:#ff5c57 > --MAIN-LINK-color< / span > : < span style = color:#ff9f43 > #1C90F3< / span > ; < span style = color:#78787e > /* Color o' links */< / span >
< span style = color:#ff5c57 > --MAIN-LINK-HOVER-color< / span > : < span style = color:#ff9f43 > #167ad0< / span > ; < span style = color:#78787e > /* Color o' hovered links */< / span >
< span style = color:#ff5c57 > --MAIN-ANCHOR-color< / span > : < span style = color:#ff9f43 > #1C90F3< / span > ; < span style = color:#78787e > /* color o' anchors on titles */< / span >
< span style = color:#ff5c57 > --MAIN-CODE-color< / span > : < span style = color:#ff9f43 > #e2e4e5< / span > ; < span style = color:#78787e > /* fallback color fer code background */< / span >
< span style = color:#ff5c57 > --MAIN-CODE-BG-color< / span > : < span style = color:#ff9f43 > #282a36< / span > ; < span style = color:#78787e > /* fallback color fer code text */< / span >
< span style = color:#ff5c57 > --MENU-HOME-LINK-color< / span > : < span style = color:#ff9f43 > #323232< / span > ; < span style = color:#78787e > /* Color o' th' home button text */< / span >
< span style = color:#ff5c57 > --MENU-HOME-LINK-HOVER-color< / span > : < span style = color:#ff9f43 > #5e5e5e< / span > ; < span style = color:#78787e > /* Color o' th' hovered home button text */< / span >
< span style = color:#ff5c57 > --MENU-HEADER-BG-color< / span > : < span style = color:#ff9f43 > #1C90F3< / span > ; < span style = color:#78787e > /* Background color o' menu header */< / span >
< span style = color:#ff5c57 > --MENU-HEADER-BORDER-color< / span > : < span style = color:#ff9f43 > #33a1ff< / span > ; < span style = color:#78787e > /*Color o' menu header border */< / span >
< span style = color:#ff5c57 > --MENU-SEARCH-BG-color< / span > : < span style = color:#ff9f43 > #167ad0< / span > ; < span style = color:#78787e > /* Search field background color (by default borders + icons) */< / span >
< span style = color:#ff5c57 > --MENU-SEARCH-BOX-color< / span > : < span style = color:#ff9f43 > #33a1ff< / span > ; < span style = color:#78787e > /* Override search field border color */< / span >
< span style = color:#ff5c57 > --MENU-SEARCH-BOX-ICONS-color< / span > : < span style = color:#ff9f43 > #a1d2fd< / span > ; < span style = color:#78787e > /* Override search field ay'cons color */< / span >
< span style = color:#ff5c57 > --MENU-SECTIONS-ACTIVE-BG-color< / span > : < span style = color:#ff9f43 > #20272b< / span > ; < span style = color:#78787e > /* Background color o' th' active section an' its children */< / span >
< span style = color:#ff5c57 > --MENU-SECTIONS-BG-color< / span > : < span style = color:#ff9f43 > #252c31< / span > ; < span style = color:#78787e > /* Background color o' other sections */< / span >
< span style = color:#ff5c57 > --MENU-SECTIONS-LINK-color< / span > : < span style = color:#ff9f43 > #ccc< / span > ; < span style = color:#78787e > /* Color o' links 'n menu */< / span >
< span style = color:#ff5c57 > --MENU-SECTIONS-LINK-HOVER-color< / span > : < span style = color:#ff9f43 > #e6e6e6< / span > ; < span style = color:#78787e > /* Color o' links 'n menu, when hovered */< / span >
< span style = color:#ff5c57 > --MENU-SECTION-ACTIVE-CATEGORY-color< / span > : < span style = color:#ff9f43 > #777< / span > ; < span style = color:#78787e > /* Color o' active category text */< / span >
< span style = color:#ff5c57 > --MENU-SECTION-ACTIVE-CATEGORY-BG-color< / span > : < span style = color:#ff9f43 > #fff< / span > ; < span style = color:#78787e > /* Color o' background fer th' active category (only) */< / span >
< span style = color:#ff5c57 > --MENU-VISITED-color< / span > : < span style = color:#ff9f43 > #33a1ff< / span > ; < span style = color:#78787e > /* Color o' ' page visited' ay'cons 'n menu */< / span >
< span style = color:#ff5c57 > --MENU-SECTION-HR-color< / span > : < span style = color:#ff9f43 > #20272b< / span > ; < span style = color:#78787e > /* Color o' < hr> separator 'n menu */< / span >
}
< / code > < / pre > < / div > < p > Then, set th' < code > themeVariant< / code > value wit' th' name o' yer custom theme file. That’ s it!< / p >
< div class = highlight > < pre tabindex = 0 style = color:#e2e4e5;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4 > < code class = language-toml data-lang = toml > [params]
< span style = color:#78787e > # Change default color scheme wit' a variant one. Can be " red" , " blue" , " green" .< / span >
themeVariant = < span style = color:#5af78e > " mine" < / span >
< / code > < / pre > < / div >
< footer class = footline >
< / footer >
< / main >
< / div >
< div id = navigation >
2022-02-06 01:14:27 +00:00
< a class = "nav nav-prev" href = /hugo-theme-relearn/pir/basics/configuration/ title = "Configurrrat'n" > < i class = "fa fa-chevron-left" > < / i > < / a >
< a class = "nav nav-next" href = /hugo-theme-relearn/pir/basics/history/ title = Historrry > < i class = "fa fa-chevron-right" > < / i > < / a >
2021-10-16 23:18:04 +00:00
< / div >
< / div >
< div style = left:-1000px;overflow:scroll;position:absolute;top:-1000px;border:none;box-sizing:content-box;height:200px;margin:0;padding:0;width:200px >
< div style = border:none;box-sizing:content-box;height:200px;margin:0;padding:0;width:200px > < / div >
< / div >
2022-02-06 16:11:19 +00:00
< script src = /hugo-theme-relearn/js/clipboard.min.js?1644163877 > < / script >
< script src = /hugo-theme-relearn/js/perfect-scrollbar.min.js?1644163877 > < / script >
< script src = /hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644163877 > < / script >
< script src = /hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644163877 > < / script >
< script src = /hugo-theme-relearn/js/featherlight.min.js?1644163877 > < / script >
< script src = /hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644163877 > < / script >
< script src = /hugo-theme-relearn/js/mermaid.min.js?1644163877 > < / script >
2021-11-08 15:53:51 +00:00
< script > typeof mermaid != 'undefined' && typeof mermaid . mermaidAPI != 'undefined' && mermaid . mermaidAPI . initialize ( Object . assign ( { securityLevel : "antiscript" } , JSON . parse ( '{ "startOnLoad": true }' ) , { startOnLoad : ! 1 } ) ) < / script >
2022-02-06 16:11:19 +00:00
< script src = /hugo-theme-relearn/js/relearn.js?1644163877 > < / script >
2021-10-16 23:18:04 +00:00
< / body >
< / html >
