Make project REUSE compliant
initial commit a lot more stuff Make project REUSE compliant start working on implementing audio
This commit is contained in:
commit
7bc11e49a4
136 changed files with 3218 additions and 0 deletions
112
sass/_base.scss
Normal file
112
sass/_base.scss
Normal file
|
|
@ -0,0 +1,112 @@
|
|||
/*
|
||||
* SPDX-FileCopyrightText: 2025 Ncam Gnrvngu <info@ncamgnrvngu.eu>
|
||||
*
|
||||
* SPDX-License-Identifier: AGPL-3.0-or-later
|
||||
*/
|
||||
|
||||
@use "mocha" as c;
|
||||
@use "font";
|
||||
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@mixin center-vertically {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
@mixin center-horizontally {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: c.$base;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6, p, a{
|
||||
color: c.$text;
|
||||
font-family: "Source Code VF";
|
||||
}
|
||||
|
||||
#content-wrapper {
|
||||
max-width: calc(100% - 50px);
|
||||
width: 900px;
|
||||
min-height: 100vh;
|
||||
margin: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
}
|
||||
|
||||
#header-link {
|
||||
font-size: 32pt;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
#header-category-links {
|
||||
margin-left: auto;
|
||||
}
|
||||
#header-link {
|
||||
}
|
||||
header {
|
||||
display: flex;
|
||||
align-items:center;
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
#header-category-links {
|
||||
margin: auto;
|
||||
}
|
||||
#header-link {
|
||||
margin: auto;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
header {
|
||||
margin: auto;
|
||||
width: fit-content;
|
||||
margin-top: 50px;
|
||||
}
|
||||
footer {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
#content {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#header-category-links a {
|
||||
text-decoration: none;
|
||||
font-size: 20pt;
|
||||
font-weight: 600;
|
||||
margin-left: 30px;
|
||||
}
|
||||
header {
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
footer {
|
||||
min-height: 50px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
footer a {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
pre {
|
||||
background-color: c.$mantle !important;
|
||||
padding: 15px;
|
||||
padding-left: 20px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: "Source Code VF";
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue