n
/
k0r.386
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

more homepage design

Browse Source
Norman Köhring 12 months ago
parent f4adf182ba
commit cbb3aa8e60
5 changed files with 39 additions and 53 deletions
Show Stats Download Patch File Download Diff File

2
README.md
Unescape Escape View File

@ -1,6 +1,6 @@
# k0r.386 # k0r.386
![k0r.386 screenshot](https://github.com/lopes/zola.386/blob/master/screenshot.png?raw=true) ![k0r.386 screenshot](https://git.k0r.in/n/k0r.386/raw/branch/main/screenshot.png)
## [k0r.in](https://k0r.in/) ## [k0r.in](https://k0r.in/)

31
sass/site.scss
Unescape Escape View File

@ -1,13 +1,13 @@
// fixing font path // fixing font path
@font-face { @font-face {
font-family: 'DOS'; font-family: 'Fixed';
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
src: local('☺'), url('./fonts/fixedsys.woff') format('woff'); src: local('☺'), url('./fonts/fixedsys.woff') format('woff');
} }
:root { :root {
font: 20px / 1.1 DOS; font: 20px / 1.1 'Fixed';
background-color: #190084; background-color: #190084;
color: #BBB; color: #BBB;
} }
@ -49,12 +49,6 @@ body>nav li {
display: inline-block; display: inline-block;
} }
body>nav li:hover,
body>nav li.active {
background-color: #000;
color: #BBB;
}
.container { .container {
margin: auto; margin: auto;
max-width: 980px; max-width: 980px;
@ -126,6 +120,14 @@ a {
box-shadow: 0 0 0 5px, 11px 13px 0 4px black; box-shadow: 0 0 0 5px, 11px 13px 0 4px black;
} }
.bg-error {
background-color: #B00;
}
.text-white {
color: white;
}
nav { nav {
background: #BBB; background: #BBB;
margin: 0 0 2rem; margin: 0 0 2rem;
@ -152,12 +154,17 @@ nav>menu>li>a {
padding: 0 .5rem; padding: 0 .5rem;
} }
nav>menu>li>a { nav li:hover,
nav li.active {
background-color: #000;
color: #BBB;
}
nav li>a {
color: black; color: black;
} }
nav>menu>li>a:hover, nav li:hover>a,
nav>menu>li>a.active { nav li.active>a {
color: #BBB; color: #BBB;
background: black;
} }

BIN
screenshot.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 84 KiB

After

Width:  |  Height:  |  Size: 64 KiB

21
templates/404.html
Unescape Escape View File

@ -2,18 +2,10 @@
{% block title %}{{ config.title }} - 404{% endblock title %} {% block title %}{{ config.title }} - 404{% endblock title %}
{% block navbar %}
{% for item in config.extra.menu_items %}
<li>
<a href="{{ config.base_url }}/{{item.path}}"><span>{{ item.name }}</span></a>
</li>
{% endfor %}
{% endblock %}
{% block header %} {% block header %}
<div class="alert alert-error navmargin"> <header class="bg-error">
<h1>404 - Not found</h1> <h1 class="text-white">404 - Not found</h1>
</div> </header>
{% endblock header %} {% endblock header %}
{% block main %} {% block main %}
@ -23,7 +15,8 @@
</p> </p>
<p> <p>
<a href="{{ config.base_url }}" class="btn btn-info" role="button">Home</a> <a href="{{ config.base_url }}" class="btn btn-info" role="button">Home</a>
<a href="{{ config.base_url }}/categories" class="btn btn-info" role="button">Categories</a>
<a href="{{ config.base_url }}/tags" class="btn btn-info" role="button">Tags</a>
</p> </p>
{% endblock main %} {% endblock main %}
{% block sidebar %}
{% endblock sidebar %}

38
templates/index.html
Unescape Escape View File

@ -43,13 +43,13 @@
<body> <body>
<main class="container"> <main class="container">
{% block breadcrumb %}{% endblock breadcrumb %}
{% block header %}
<header> <header>
{% block breadcrumb %}{% endblock breadcrumb %}
{% block header %}
<h1>{{ config.title }} <small>{{ config.description }}</small></h1> <h1>{{ config.title }} <small>{{ config.description }}</small></h1>
{% endblock header %}
{% block meta %}{% endblock meta %}
</header> </header>
{% endblock header %}
{% block meta %}{% endblock meta %}
<div class="flex-row gap"> <div class="flex-row gap">
@ -71,11 +71,13 @@
<header>{{ page.title }}</header> <header>{{ page.title }}</header>
<menu> <menu>
{% for item in page.items %} {% for item in page.items %}
{% if page.internal %} <li class="{% if item.path == current_path %}active{% endif %}">
<li><a href="{{ item.path }}">{{ item.name }}</a></li> {% if page.internal %}
{% else %} <a href="{{ item.path }}">{{ item.name }}</a>
<li><a href="{{ item.path }}" target="_blank" rel="noopener">{{ item.name }}</a></li> {% else %}
{% endif %} <a href="{{ item.path }}" target="_blank" rel="noopener">{{ item.name }}</a>
{% endif %}
</li>
{% endfor %} {% endfor %}
</menu> </menu>
</nav> </nav>
@ -92,24 +94,8 @@
<p> <p>
{{ config.extra.year }} &copy; {{ config.extra.year }} &copy;
<a href="{{ config.base_url }}">{{ config.extra.author }}</a> <a href="{{ config.base_url }}">{{ config.extra.author }}</a>
{% if config.extra.twitter_user or config.extra.linkedin_user or config.extra.github_user or
config.extra.gitlab_user %}
| |
{% endif %} Built on <a href="https://getzola.org" rel="noopener" target="_blank">Zola</a>
{% if config.extra.twitter_user %}
<a href="https://twitter.com/{{ config.extra.twitter_user }}" target="_blank">Twitter</a>
{% endif %}
{% if config.extra.linkedin_user %}
<a href="https://linkedin.com/in/{{ config.extra.linkedin_user }}" target="_blank">Linkedin</a>
{% endif %}
{% if config.extra.github_user %}
<a href="https://github.com/{{ config.extra.github_user }}" target="_blank">GitHub</a>
{% endif %}
{% if config.extra.gitlab_user %}
<a href="https://gitlab.com/{{ config.extra.gitlab_user }}" target="_blank">GitLab</a>
{% endif %}
|
Built on <a href="https://getzola.org" target="_blank">Zola</a>
</p> </p>
</footer> </footer>
</body> </body>

Write Preview
Loading…
Cancel
Save