acetheking987/prismic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add logo

Browse Source
This commit is contained in:
Alfie King 2025-05-19 15:23:28 +01:00
parent 16a2d8a53d
commit 8eff8e990e
3 changed files with 74 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/html/templates/base.html
View File

@ -11,6 +11,7 @@
<body> <body>
<header> <header>
<div id="title"> <div id="title">
<img src="../../static/content/prismic_logo.svg" alt="">
<h1>Prismic</h1> <h1>Prismic</h1>
<h2>ver: 2.0</h2> <h2>ver: 2.0</h2>
</div> </div>

61
src/static/content/prismic_logo.svg Normal file
View File

@ -0,0 +1,61 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="180"
height="180"
viewBox="0 0 180 180"
version="1.1"
id="svg1"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<linearGradient
id="linearGradient1">
<stop
style="stop-color:#7139f3;stop-opacity:1;"
offset="0.24761663"
id="stop1" />
<stop
style="stop-color:#5b6dd4;stop-opacity:1;"
offset="0.25"
id="stop4" />
<stop
style="stop-color:#5b6dd4;stop-opacity:1;"
offset="0.5"
id="stop7" />
<stop
style="stop-color:#39f3da;stop-opacity:1;"
offset="0.5"
id="stop9" />
<stop
style="stop-color:#39f3da;stop-opacity:1;"
offset="0.75"
id="stop8" />
<stop
style="stop-color:#000000;stop-opacity:0;"
offset="0.75"
id="stop2" />
</linearGradient>
<linearGradient
xlink:href="#linearGradient1"
id="linearGradient2"
x1="21.343988"
y1="147.61742"
x2="158.85297"
y2="32.233677"
gradientUnits="userSpaceOnUse" />
</defs>
<g
id="layer1">
<ellipse
style="fill:url(#linearGradient2)"
id="path1"
cx="90.098473"
cy="89.925537"
rx="89.752602"
ry="89.579666" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

21
src/static/css/base.css
View File

@ -31,8 +31,18 @@ header {
header #title { header #title {
display: flex; display: flex;
align-items: baseline; align-items: center;
gap: 2px; gap: 4px;
background: linear-gradient(90deg, var(--accent), var(--admin));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#title img {
width: 50px;
height: 50px;
border-radius: 50%;
} }
header h1 { header h1 {
@ -134,13 +144,6 @@ ul.post-list {
color: var(--time); color: var(--time);
} }
#title {
background: linear-gradient(90deg, var(--accent), var(--admin));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.attachments { .attachments {
display: flex; display: flex;
gap: 10px; gap: 10px;