jhalfsharp/jhalfsharp-tilde
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed styling

Browse source
This commit is contained in:
june 2026-03-31 11:41:44 -07:00
parent 915d64b262
commit 934db26747
3 changed files with 84 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
_includes/default.liquid
View file

@ -13,7 +13,7 @@
<h1 class="title">{{ title }}</h1> <h1 class="title">{{ title }}</h1>
<hr> <hr>
{{ content }} {{ content }}
<div class="finish"><svg class="halfsharp" viewBox="0 0 100 200"><use href="/assets/images/halfsharp.svg#icon"/></svg></div> <div class="finish"><svg class="halfsharp" viewBox="0 0 100 200"><use href={{"/assets/images/halfsharp.svg#icon" | htmlBaseUrl}}></use></svg></div>
</main> </main>
<div class="footer-wrap"> <div class="footer-wrap">
<footer class="footer"> <footer class="footer">

12
assets/css/_fonts.scss
View file

@ -1,41 +1,41 @@
@font-face { @font-face {
font-family: 'Gauge'; font-family: 'Gauge';
src: url('/assets/fonts/gauge/Gauge-Regular.woff'); src: url('../fonts/gauge/Gauge-Regular.woff');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'Gauge'; font-family: 'Gauge';
src: url('/assets/fonts/gauge/Gauge-Heavy.woff'); src: url('../fonts/gauge/Gauge-Heavy.woff');
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'Gauge'; font-family: 'Gauge';
src: url('/assets/fonts/gauge/Gauge-Oblique.woff'); src: url('../fonts/gauge/Gauge-Oblique.woff');
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'HK Grotesk'; font-family: 'HK Grotesk';
src: url('/assets/fonts/hkgrotesk/HKGrotesk-Regular.woff2'); src: url('../fonts/hkgrotesk/HKGrotesk-Regular.woff2');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'HK Grotesk'; font-family: 'HK Grotesk';
src: url('/assets/fonts/hkgrotesk/HKGrotesk-Bold.woff2'); src: url('../fonts/hkgrotesk/HKGrotesk-Bold.woff2');
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'HK Grotesk'; font-family: 'HK Grotesk';
src: url('/assets/fonts/hkgrotesk/HKGrotesk-Italic.woff2'); src: url('../fonts/hkgrotesk/HKGrotesk-Italic.woff2');
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
} }

77
assets/images/halfsharp.svg Normal file
View file

@ -0,0 +1,77 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="svg4604"
version="1.1"
inkscape:version="0.48.2 r9819"
sodipodi:docname="I Arabic_music_notation_half_sharp.svg">
<defs
id="defs4606" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.979899"
inkscape:cx="26.376402"
inkscape:cy="177.30242"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="6"
fit-margin-left="6"
fit-margin-right="6"
fit-margin-bottom="6"
inkscape:window-width="1024"
inkscape:window-height="719"
inkscape:window-x="-4"
inkscape:window-y="-4"
inkscape:window-maximized="1" />
<metadata
id="metadata4609">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="icon"
transform="translate(-298.62359,-509.66459)">
<g
id="g2985"
transform="matrix(12.481328,0,0,12.481328,345.18791,-12431.763)">
<path
inkscape:connector-curvature="0"
style="fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="m 0.5,1037.831 0,14.0625"
id="use3263" />
<path
inkscape:connector-curvature="0"
id="path8126"
d="m -2.1200719,1048.4823 5.2401438,-2.0686"
style="fill:none;stroke:currentColor;stroke-width:1.7598561;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
inkscape:connector-curvature="0"
id="path8128"
d="m 3.1200719,1041.2421 -5.2401438,2.0686"
style="fill:none;stroke:currentColor;stroke-width:1.7598561;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.6 KiB