added first article
This commit is contained in:
parent
16fe9bd093
commit
41ef0be7f9
19 changed files with 641 additions and 29 deletions
|
|
@ -0,0 +1,117 @@
|
|||
/* See https://codeberg.org/lucajunge/css-reset for details */
|
||||
@import url(./reset.css);
|
||||
|
||||
/* Custom fonts */
|
||||
@import url(./fonts.css);
|
||||
|
||||
:root {
|
||||
--font-family: "Lilita One", -apple-system, system-ui, sans-serif;
|
||||
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono,
|
||||
Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New,
|
||||
Courier, monospace;
|
||||
}
|
||||
|
||||
:root {
|
||||
--background-color: #363d4a;
|
||||
--dark-background-color: hsl(219, 16%, 20%);
|
||||
--accent-color: #70bafa;
|
||||
|
||||
--accent-red: #ffaaaa;
|
||||
--accent-node3d: #ffaaaa;
|
||||
|
||||
--accent-green: #aaffaa;
|
||||
--accent-control: #aaffaa;
|
||||
|
||||
--accent-blue: #aaaaff;
|
||||
--accent-node2d: #aaaaff;
|
||||
|
||||
--accent-yellow: #ffffaa;
|
||||
|
||||
--aceent-purple: #c25bff;
|
||||
--accent-media: #c25bff;
|
||||
|
||||
--white: #eeeeee;
|
||||
--dark-white: #cccccc;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
font-family: var(--font-family);
|
||||
background-color: var(--background-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
.header {
|
||||
padding: 1rem;
|
||||
background-color: var(--dark-background-color);
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.recent-posts-container {
|
||||
margin: 12px 12px;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.highlight-card {
|
||||
max-width: 24rem;
|
||||
border-radius: 12px;
|
||||
display: flex;
|
||||
padding: 14px;
|
||||
justify-content: stretch;
|
||||
background-color: var(--dark-background-color);
|
||||
}
|
||||
|
||||
.highlight-card-header {
|
||||
display: flex;
|
||||
column-gap: 10px;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.highlight-card img {
|
||||
border-radius: 16px;
|
||||
width: 100%;
|
||||
height: 8rem;
|
||||
object-fit: cover;
|
||||
display: inline-block;
|
||||
box-shadow: inset 0px 0px 32px 32px #000000;
|
||||
}
|
||||
|
||||
.highlight-card a {
|
||||
color: unset;
|
||||
color: var(--white);
|
||||
width: 100%;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.highlight-card-button {
|
||||
border-radius: 8px;
|
||||
margin: 8px 0px 0px 0px;
|
||||
padding: 4px 8px;
|
||||
cursor: pointer;
|
||||
background-color: var(--accent-color);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.content-type.article {
|
||||
color: var(--accent-red);
|
||||
}
|
||||
|
||||
.content-type.tip {
|
||||
color: var(--accent-green);
|
||||
}
|
||||
|
||||
.content-type.recommendation {
|
||||
color: var(--accent-yellow);
|
||||
}
|
||||
6
public/css/fonts.css
Normal file
6
public/css/fonts.css
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
@font-face {
|
||||
font-family: "Lilita One";
|
||||
src: url("../fonts/lilita_one/LilitaOne-Regular.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
1
public/css/reset.css
Normal file
1
public/css/reset.css
Normal file
|
|
@ -0,0 +1 @@
|
|||
*,*:after,*:before{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{color-scheme:dark light}body{margin:unset}body{min-height:100vh;min-height:100svh}picture,svg,video,canvas{display:block;max-inline-size:100%;max-width:100%;block-size:auto}img{font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:1rem;max-width:100%;height:auto;vertical-align:middle}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{max-width:75ch;text-wrap:pretty}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-reduced-motion: no-preference){:has(:target){scroll-behavior:smooth;scroll-padding-top:2rem}}html{hanging-punctuation:first last}
|
||||
BIN
public/fonts/lilita_one/LilitaOne-Regular.ttf
Normal file
BIN
public/fonts/lilita_one/LilitaOne-Regular.ttf
Normal file
Binary file not shown.
94
public/fonts/lilita_one/OFL.txt
Normal file
94
public/fonts/lilita_one/OFL.txt
Normal file
|
|
@ -0,0 +1,94 @@
|
|||
Copyright (c) 2011 Juan Montoreano (juan@remolacha.biz),
|
||||
with Reserved Font Name Lilita
|
||||
|
||||
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||
This license is copied below, and is also available with a FAQ at:
|
||||
https://openfontlicense.org
|
||||
|
||||
|
||||
-----------------------------------------------------------
|
||||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||
-----------------------------------------------------------
|
||||
|
||||
PREAMBLE
|
||||
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||
development of collaborative font projects, to support the font creation
|
||||
efforts of academic and linguistic communities, and to provide a free and
|
||||
open framework in which fonts may be shared and improved in partnership
|
||||
with others.
|
||||
|
||||
The OFL allows the licensed fonts to be used, studied, modified and
|
||||
redistributed freely as long as they are not sold by themselves. The
|
||||
fonts, including any derivative works, can be bundled, embedded,
|
||||
redistributed and/or sold with any software provided that any reserved
|
||||
names are not used by derivative works. The fonts and derivatives,
|
||||
however, cannot be released under any other type of license. The
|
||||
requirement for fonts to remain under this license does not apply
|
||||
to any document created using the fonts or their derivatives.
|
||||
|
||||
DEFINITIONS
|
||||
"Font Software" refers to the set of files released by the Copyright
|
||||
Holder(s) under this license and clearly marked as such. This may
|
||||
include source files, build scripts and documentation.
|
||||
|
||||
"Reserved Font Name" refers to any names specified as such after the
|
||||
copyright statement(s).
|
||||
|
||||
"Original Version" refers to the collection of Font Software components as
|
||||
distributed by the Copyright Holder(s).
|
||||
|
||||
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||
or substituting -- in part or in whole -- any of the components of the
|
||||
Original Version, by changing formats or by porting the Font Software to a
|
||||
new environment.
|
||||
|
||||
"Author" refers to any designer, engineer, programmer, technical
|
||||
writer or other person who contributed to the Font Software.
|
||||
|
||||
PERMISSION & CONDITIONS
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||
redistribute, and sell modified and unmodified copies of the Font
|
||||
Software, subject to the following conditions:
|
||||
|
||||
1) Neither the Font Software nor any of its individual components,
|
||||
in Original or Modified Versions, may be sold by itself.
|
||||
|
||||
2) Original or Modified Versions of the Font Software may be bundled,
|
||||
redistributed and/or sold with any software, provided that each copy
|
||||
contains the above copyright notice and this license. These can be
|
||||
included either as stand-alone text files, human-readable headers or
|
||||
in the appropriate machine-readable metadata fields within text or
|
||||
binary files as long as those fields can be easily viewed by the user.
|
||||
|
||||
3) No Modified Version of the Font Software may use the Reserved Font
|
||||
Name(s) unless explicit written permission is granted by the corresponding
|
||||
Copyright Holder. This restriction only applies to the primary font name as
|
||||
presented to the users.
|
||||
|
||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||
Software shall not be used to promote, endorse or advertise any
|
||||
Modified Version, except to acknowledge the contribution(s) of the
|
||||
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||
permission.
|
||||
|
||||
5) The Font Software, modified or unmodified, in part or in whole,
|
||||
must be distributed entirely under this license, and must not be
|
||||
distributed under any other license. The requirement for fonts to
|
||||
remain under this license does not apply to any document created
|
||||
using the Font Software.
|
||||
|
||||
TERMINATION
|
||||
This license becomes null and void if any of the above conditions are
|
||||
not met.
|
||||
|
||||
DISCLAIMER
|
||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||
OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||
BIN
public/logo/logo.png
Normal file
BIN
public/logo/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
78
public/logo/logo.svg
Normal file
78
public/logo/logo.svg
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="1024"
|
||||
height="1024"
|
||||
viewBox="0 0 270.93334 270.93333"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
|
||||
sodipodi:docname="logo.svg"
|
||||
inkscape:export-filename="logo.png"
|
||||
inkscape:export-xdpi="48"
|
||||
inkscape:export-ydpi="48"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:zoom="0.52916667"
|
||||
inkscape:cx="478.11024"
|
||||
inkscape:cy="600.94488"
|
||||
inkscape:window-width="1536"
|
||||
inkscape:window-height="808"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<rect
|
||||
style="fill:#363d4a;fill-opacity:1;stroke-width:0.264583"
|
||||
id="rect1"
|
||||
width="270.93332"
|
||||
height="270.93332"
|
||||
x="0"
|
||||
y="0"
|
||||
sodipodi:insensitive="true" />
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:64.0507px;line-height:1;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#c61f87;fill-opacity:1;stroke-width:0.252831"
|
||||
x="136.10718"
|
||||
y="88.997879"
|
||||
id="text1"><tspan
|
||||
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:64.0507px;line-height:1;font-family:Comfortaa;-inkscape-font-specification:'Comfortaa Bold';text-align:center;text-anchor:middle;fill:#c61f87;fill-opacity:1;stroke-width:0.252831"
|
||||
x="136.10718"
|
||||
y="88.997879"
|
||||
id="tspan6"
|
||||
sodipodi:role="line"><tspan
|
||||
dx="0"
|
||||
dy="0"
|
||||
id="tspan4"
|
||||
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:64.0507px;line-height:1;font-family:Comfortaa;-inkscape-font-specification:'Comfortaa Bold';text-align:center;text-anchor:middle;fill:#c61f87;fill-opacity:1;stroke-width:0.252831">run</tspan></tspan><tspan
|
||||
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:64.0507px;line-height:1;font-family:Comfortaa;-inkscape-font-specification:'Comfortaa Bold';text-align:center;text-anchor:middle;fill:#c61f87;fill-opacity:1;stroke-width:0.252831"
|
||||
x="136.10718"
|
||||
y="153.04858"
|
||||
id="tspan3"
|
||||
sodipodi:role="line">time</tspan><tspan
|
||||
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:64.0507px;line-height:1;font-family:Comfortaa;-inkscape-font-specification:'Comfortaa Bold';text-align:center;text-anchor:middle;fill:#c61f87;fill-opacity:1;stroke-width:0.252831"
|
||||
x="136.10718"
|
||||
y="217.09929"
|
||||
id="tspan8"
|
||||
sodipodi:role="line">fee</tspan></text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
Loading…
Add table
Add a link
Reference in a new issue