Finished the redesign, split styles.css into multiple files and added support for importing page-specific styles, added new logo, added "updates" box to index.njk.

This commit is contained in:
天クマ 2025-10-27 16:43:02 -03:00
commit ebc904d60d
16 changed files with 456 additions and 384 deletions

View file

@ -1,28 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/assets/styles.css" media="screen">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>neoBeta</title>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
</head>
<body>
<div id="everythingHelper">
{% include "header.njk" %}
<div id="projectHeader">
<img src="{{ page.dir }}{{ logoName }}.{{ logoExtension }}">
<div id="projectTitleSubtitle">
<div id="projectTitleAuthor">
<h1 id="projectTitle">{{ name }}</h1>
</div>
<p id="projectSubtitle">{{ subtitle }}</p>
---
layout: "skeleton.njk"
styles: ["project"]
---
<div id="project">
<div id="projectHeader">
<img src="{{ page.dir }}{{ logoName }}.{{ logoExtension }}">
<div id="projectTitleSubtitle">
<div id="projectTitleAuthor">
<h1 id="projectTitle">{{ name }}</h1>
</div>
<p id="projectSubtitle">{{ subtitle }}</p>
</div>
{% include "project_image.njk" %}
<main id="projectDescription">
{{ content | safe }}
</main>
</div>
</body>
</html>
{% include "project_image.njk" %}
<main id="projectDescription">
{{ content | safe }}
</main>
</div>

View file

@ -1,6 +1,7 @@
---
layout: "skeleton.njk"
---
<main>
{{ content | safe }}
</main>

View file

@ -9,8 +9,11 @@
<a href="/projects/{{ project }}">
<img src="{% if projectData.data.logo %}/projects/{{project}}/{{ projectData.data.logo }}{% else %}/assets/mod-placeholder.png{% endif %}">
</a>
<p class="featuredProjectName">{{ projectData.data.name }}</p>
<p>by <a href="/authors/{{ projectData.data.author }}/">{{ projectData.data.author }}</a></p>
<div>
<p class="featuredProjectName">{{ projectData.data.name }}</p>
<p class="featuredProjectSubtitle">by <a href="/authors/{{ projectData.data.author }}/">{{ projectData.data.author }}</a></p>
<div class="featuredProjectSubtitle dimText">{{ projectData.data.subtitle }}</div>
</div>
</div>
{% endif %}
{% endfor %}

View file

@ -1,12 +1,17 @@
<header>
<div id="linksBox">
<h1 id="title">neoBeta</h1>
<ul id="headerLinks">
<a href="/">home</a> -
<a href="/search">search</a> -
<a href="/allprojects">index</a> -
<a href="/contribute">contribute</a>
</ul>
<p id="credits">Adrian Victor, 2025 (<a href="https://git.disroot.org/adrianvictor/neoBeta">Unlicense</a>)</p>
<div id="headerLinksAndTitle">
<div id="logoTitle">
<img src="/assets/logo.png" id="logo">
<h1 id="title" class="rainbowText">neoBeta</h1>
</div>
<ul id="headerLinks">
<li><a href="/">home</a></li>
<li><a href="/search">search</a></li>
<li><a href="/allprojects">index</a></li>
<li><a href="/contribute">contribute</a></li>
</ul>
</div>
<p id="credits">Adrian Victor, 2025 (<a href="https://git.disroot.org/adrianvictor/neoBeta">Unlicense</a>)</p>
</div>
</header>

View file

@ -1,7 +1,8 @@
---
layout: "skeleton.njk"
styles: ["project"]
---
<div>
<div id="project">
<div id="projectHeader">
{% if logo %}
<img src="{{ page.dir }}{{ logo }}">

View file

@ -2,7 +2,10 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/assets/styles.css" media="screen">
<link rel="stylesheet" href="/assets/stylesheets/styles.css" media="screen">
{% for stylesheet in styles %}
<link rel="stylesheet" href="/assets/stylesheets/{{ stylesheet }}.css">
{% endfor %}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% if name %}{{ name }} - {% endif %}neoBeta</title>
</head>