Friend Finder
﷽
﷽
Follow
NOTE: Update coming soon which will make the friend finder much faster along with other bug fixes!
Use your referral code and earn 2X points for each new user.
www.FlatEarthDave.com
...
﷽
﷽
The Relearn theme has been built to be as configurable as possible by defining multiple partials
In themes/hugo-theme-relearn/layouts/partials/
, you will find all the partials defined for this theme. If you need to overwrite something, don’t change the code directly. Instead follow this page. You’d create a new partial in the layouts/partials
folder of your local project. This partial will have the priority.
This theme defines the following partials :
header.html
: the header of the page. See output-formatsfooter.html
: the footer of the page. See output-formatsbody.html
: the body of the page. The body may contain of one or many articles. See output-formatsarticle.html
: the output for a single article, can contain elements around your content. See output-formatsmenu.html
: left menu. Not meant to be overwrittensearch.html
: search box. Not meant to be overwrittencustom-header.html
: custom headers in page. Meant to be overwritten when adding CSS imports. Don’t forget to includestyle
HTML tag directive in your file.custom-footer.html
: custom footer in page. Meant to be overwritten when adding JavaScript. Don’t forget to includejavascript
HTML tag directive in your file.favicon.html
: the faviconheading-pre.html
: side-wide configuration to prepend to pages title headings. If you override this, it is your responsibility to take the page’sheadingPre
setting into account.heading-post.html
: side-wide configuration to append to pages title headings. If you override this, it is your responsibility to take the page’sheadingPost
setting into account.logo.html
: the logo, on top left hand cornermeta.html
: HTML meta tags, if you want to change default behaviormenu-pre.html
: side-wide configuration to prepend to menu items. If you override this, it is your responsibility to take the page’smenuPre
setting into account.menu-post.html
: side-wide configuration to append to menu items. If you override this, it is your responsibility to take the page’smenuPost
setting into account.menu-footer.html
: footer of the the left menutoc.html
: table of contentscontent.html
: the content page itself. This can be overridden if you want to display page’s meta data above or below the content.content-footer
: footer below the content, has a default implementation but you can overwrite it if you don’t like it.
Change the logo
Create a new file in layouts/partials/
named logo.html
. Then write any HTML you want.
You could use an img
HTML tag and reference an image created under the static folder, or you could paste a SVG definition!
The size of the logo will adapt automatically
Change the favicon
If your favicon is a SVG, PNG or ICO, just drop off your image in your local static/images/
folder and name it favicon.svg
, favicon.png
or favicon.ico
respectively.
If no favicon file is found, the theme will lookup the alternative filename logo
in the same location and will repeat the search for the list of supported file types.
If you need to change this default behavior, create a new file in layouts/partials/
named favicon.html
. Then write something like this:
<link rel="icon" href="/images/favicon.bmp" type="image/bmp">
Change the colors
The Relearn theme lets you choose between some predefined color variants in light or dark mode, but feel free to add one yourself!
You can preview the shipped variants by changing them in the variant selector at the bottom of the menu.
Single variant
Set the themeVariant
value with the name of your theme file. That’s it!
[params]
themeVariant = "relearn-light"
In the above example your theme file has to be named theme-relearn-light.css
Multiple variants
You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer.
[params]
# Change default color scheme with a variant one.
themeVariant = [ "relearn-light", "relearn-dark" ]
If you want to switch the syntax highlighting theme together with your color variant, generate a syntax highlighting stylesheet and configure your installation according to Hugo’s documentation, and @import
this stylesheet in your color variant stylesheet. For an example, take a look into theme-relearn-light.css
and config.toml
of the exampleSite.
Roll your own
If you are not happy with the shipped variants you can either copy and rename one of the shipped files from themes/hugo-theme-relearn/static/css
to static/css
, edit them afterwards to your liking in a text editor and configure the themeVariant
parameter in your config.toml
or just use the interactive variant generator.
Output formats
Certain parts of the theme can be changed for support of your own output formats. Eg. if you define a new output format PLAINTEXT
in your config.toml
, you can add a file layouts/partials/header.plaintext.html
to change the way, the page header should look like for that output format.