Create the theme

This commit is contained in:
June Hardy 2021-04-21 18:31:53 +02:00
parent 131e69078a
commit 9f3b6b6a6f
8 changed files with 214 additions and 0 deletions

9
LICENSE.md Normal file
View File

@ -0,0 +1,9 @@
/*
* ----------------------------------------------------------------------------
* "THE ENERGYDRINK LICENSE" (revision 1312):
* <june@familier.net.eu.org> wrote this file. As long as you retain this
* notice and you are an anarchist/socialist/communist you can do whatever you
* want with this stuff. If we meet some day, and you think this stuff is worth
* it, you can buy me an energy drink in return June
* ----------------------------------------------------------------------------
*/

21
config.toml Normal file
View File

@ -0,0 +1,21 @@
# The URL the site will be built for
base_url = "https://june.lacoloc.cafe"
title = "linkRepo"
description = "A place for my links"
# Whether to automatically compile all Sass files in the sass directory
compile_sass = true
# Whether to build a search index to be used later on by a JavaScript library
build_search_index = false
[markdown]
# Whether to do syntax highlighting
# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
highlight_code = false
[extra]
# Put all your custom variables here
style = "dracula.css"
avatar = "june.png"

15
content/_index.md Normal file
View File

@ -0,0 +1,15 @@
+++
title = "June"
+++
## DNS Witch, le collectif
### https://dns-witch.eu.org
## DNS Witch, le service
### https://dns-witch.net.eu.org
## Twitter
### https://twitter.com/@The_DNS_Witch
## Fediverse
### https://social.lacoloc.cafe/june

99
sass/dracula.scss Normal file
View File

@ -0,0 +1,99 @@
:root {
--font-family: 'b612';
--font: 'b612', sans-serif;
--background: #282a36;
--selection:#44475a;
--comment:#6272a4;
--purple:#bd93f9;
--white:#f8f8f2;
--pink:#ff79c6;
--orange: #ffb86c;
}
@font-face {
font-family: 'b612';
src: url('fonts/b612-regular.ttf') format('truetype');
}
body{
background-color: var(--background);
color: var(--white);
}
footer{
text-align: center;
color:var(--comment);
font-family: var(--font);
font-size: 0.75rem;
font-weight: 400;
}
footer a {
color: var(--orange)
}
#userPhoto{
width: 96px;
height: 96px;
display: block;
margin: 35px auto 20px;
border-radius: 50%;
border: solid var(--purple) 2px;
}
#userName{
width: 100%;
color: var(--pink);
font-family: var(--font);
font-size: 1rem;
font-weight: 400;
text-align: center;
text-decoration: none;
line-height: 1.25;
display: block;
}
#links{
max-width: 675px;
width: auto;
display: block;
margin: 27px auto;
}
.link{
display: block;
margin-bottom: 20px;
padding: 17px;
background-color: var(--background);
color:var(--comment);
font-family: var(--font);
font-size: 1rem;
font-weight: 500;
border-radius: 5px;
border: solid var(--purple) 1px;
text-align: center;
text-decoration: none;
transition: all .25s cubic-bezier(.08,.59,.29,.99);
}
.link:hover{
background-color: var(--selection);
color: var(--purple);
}

Binary file not shown.

BIN
static/img/june.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

44
templates/index.html Normal file
View File

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>{{ config.title }}</title>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="{{ config.extra.style }}">
<meta property="og:title" content="{{ config.title }}">
<meta property="og:type" content="website">
<meta property="og:image" content="{{ config.base_url }}/img/{{ config.extra.avatar }}">
<meta property="og:description" content="{{ config.description }}">
<meta property="og:site_name" content="{{ config.title }}">
</head>
<body>
<img id="userPhoto" src="img/{{ config.extra.avatar }}" alt="User Photo">
<a href="" id="userName">{{ section.title }}</a>
{% block toc %}
{% if section.toc %}
{% set toc = section.toc %}
{% elif page.toc %}
{% set toc = page.toc %}
{% endif %}
{% if toc %}
<div id="links">
{% for h2 in toc %}
{% if h2.children %}
{% for h3 in h2.children %}
<a class="link" href="{{h3.title | safe}}" target="_blank">{{ h2.title }}</a>
{% endfor %}
{% endif %}
{% endfor %}
</div>
{% endif %}
{% endblock toc %}
<footer>
Powered by <a href="https://getzola.org" target="_blank">Zola</a> / <a href="https://github.com/june-coloc/linkRepo" target="_blank">linkRepo</a>
</footer>
</body>
</html>

26
theme.toml Normal file
View File

@ -0,0 +1,26 @@
name = "linkRepo"
description = "A LinkTree-like theme"
license = "EnergyDrink License"
homepage = ""
# The minimum version of Zola required
min_version = "0.13.0"
# An optional live demo URL
demo = "https://june.lacoloc.cafe"
# Any variable there can be overridden in the end user `config.toml`
# You don't need to prefix variables by the theme name but as this will
# be merged with user data, some kind of prefix or nesting is preferable
# Use snake_casing to be consistent with the rest of Zola
[extra]
# The theme author info: you!
[author]
name = June"
homepage = "https://june.lacoloc.cafe"
# If this is porting a theme from another static site engine, provide
# the info of the original author here
[original]
author = "mdo"
homepage = "https://markdotto.com/"
repo = "https://www.github.com/mdo/hyde"