Flupke
/
flupke_website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

font + svg

main
psoubrie 2023-11-13 17:38:52 +00:00
parent 49f33940ab
commit d96fbad75a
3 changed files with 110 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/index.html
View File

@ -1,4 +1,8 @@
<!doctype html>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3&family=Work+Sans:wght@500;600&display=swap" rel="stylesheet">
<link href="./index.css" rel="stylesheet">
<html lang="en">
<head>
<meta charset="utf-8"/>
@ -6,5 +10,7 @@
</head>
<body>
<h1>Hello, World!</h1>
<!-- insert svg from public/logo.svg -->
<img class="max-w-2xl" src="public/logo_main.svg" alt="parcel logo" />
</body>
</html>

100
src/public/logo_main.svg Normal file
View File

@ -0,0 +1,100 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_2" style="stroke-width: 1px" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 369.82 34.77">
<defs>
<style>
.cls-1 {
stroke-dasharray: 0 0 3.04 3.04;
}
.cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9 {
fill: none;
stroke: #231f20;
}
.cls-2 {
stroke-dasharray: 0 0 2.25 2.25;
}
.cls-3 {
stroke-dasharray: 0 0 3.25 3.25;
}
.cls-4 {
stroke-dasharray: 0 0 2.97 2.97;
}
.cls-6 {
stroke-dasharray: 0 0 2.69 2.69;
}
.cls-7 {
stroke-dasharray: 0 3;
}
.cls-8 {
stroke-dasharray: 0 0 2.69 2.69;
}
.cls-9 {
stroke-dasharray: 0 0 2.49 2.49;
}
</style>
</defs>
<g id="Layer_1-2" data-name="Layer 1">
<g>
<path class="cls-5" d="m0,30.2h19.35V6.44h17.78v4h-12.82v6.01h10.12v4.03h-10.12v9.72h17.06"/>
<path class="cls-5" d="m41.38,30.2V6.44h4.97v19.76h12.53v4h7.36"/>
<path class="cls-5" d="m88.21,30.2h-9.77c.53-.31,1.02-.66,1.45-1.07,1.73-1.62,2.59-4.05,2.59-7.29V7.44h-5v14.19c0,1.99-.42,3.47-1.26,4.43s-2.14,1.44-3.89,1.44-3.06-.48-3.91-1.44c-.85-.96-1.27-2.43-1.27-4.43V7.44h-4.97v14.4c0,3.24.86,5.67,2.6,7.29.43.41.91.77,1.45,1.07"/>
<path class="cls-5" d="m88.21,30.2V6.44h9.97c1.82,0,3.38.31,4.68.92,1.3.61,2.3,1.49,3.01,2.63.71,1.14,1.06,2.51,1.06,4.12s-.35,2.98-1.06,4.12c-.71,1.14-1.71,2.02-3.01,2.63-1.3.61-2.86.92-4.68.92h-5v8.42h18.29"/>
<polyline class="cls-5" points="111.47 30.2 111.47 6.44 116.44 6.44 116.44 17.69 126.19 6.44 131.95 6.44 123.4 16.16 132.24 30.2 135.91 30.2"/>
<g>
<line class="cls-5" x1="116.44" y1="30.2" x2="116.44" y2="28.7"/>
<polyline class="cls-1" points="116.44 25.66 116.44 23.21 117.84 21.62"/>
<polyline class="cls-5" points="118.84 20.48 119.83 19.36 120.62 20.63"/>
<line class="cls-3" x1="122.34" y1="23.4" x2="124.91" y2="27.55"/>
<line class="cls-5" x1="125.76" y1="28.93" x2="126.55" y2="30.2"/>
</g>
<path class="cls-5" d="m135.91,30.2V6.44h17.82v4h-12.85v5.9h10.12v3.82h-10.12v6.05h13.36v3.99h14.87m23.11,0h-18.81"/>
<path class="cls-5" d="m215.47,6.44h-13.28c1.82,0,3.38.31,4.68.92s2.3,1.49,3.01,2.63c.71,1.14,1.06,2.51,1.06,4.12s-.35,2.98-1.06,4.12c-.71,1.14-1.71,2.02-3.01,2.63s-2.86.92-4.68.92h-5v8.42h-4.97"/>
<g>
<line class="cls-5" x1="230.92" y1="6.44" x2="230.92" y2="7.94"/>
<line class="cls-2" x1="230.92" y1="10.19" x2="230.92" y2="13.57"/>
<polyline class="cls-5" points="230.92 14.7 230.92 16.2 229.42 16.2"/>
<line class="cls-9" x1="226.93" y1="16.2" x2="223.19" y2="16.2"/>
<polyline class="cls-5" points="221.94 16.2 220.44 16.2 220.44 14.7"/>
<line class="cls-2" x1="220.44" y1="12.45" x2="220.44" y2="9.07"/>
<line class="cls-5" x1="220.44" y1="7.94" x2="220.44" y2="6.44"/>
</g>
<polyline class="cls-5" points="215.47 6.44 215.47 30.2 220.44 30.2 220.44 20.19 230.92 20.19 230.92 30.2 235.88 30.2 235.88 6.44 242.08 6.44"/>
<path class="cls-5" d="m253.24,6.44h-6.19v23.76h-4.97V6.44"/>
<path class="cls-5" d="m274.87,6.44h-16.67v19.76h12.53v4h-17.5V6.44"/>
<path class="cls-5" d="m286.03,6.44h-6.19v23.76h-4.97V6.44"/>
<path class="cls-5" d="m296,6.44c1.82,0,3.38.31,4.68.92s2.3,1.49,3.01,2.63c.71,1.14,1.06,2.51,1.06,4.12s-.35,2.98-1.06,4.12c-.71,1.14-1.71,2.02-3.01,2.63s-2.86.92-4.68.92h-5v8.42h-4.97V6.44"/>
<path class="cls-5" d="m319.26,6.44c1.82,0,3.38.31,4.68.92s2.3,1.49,3.01,2.63c.71,1.14,1.06,2.51,1.06,4.12s-.35,2.98-1.06,4.12c-.71,1.14-1.71,2.02-3.01,2.63s-2.86.92-4.68.92h-5v8.42h-4.97V6.44"/>
<path class="cls-5" d="m369.82,6.44h-19.46v4h-12.85v5.9h10.12v3.82h-10.12v6.05h13.36v4h-18.32V6.44"/>
<g>
<polyline class="cls-5" points="315.76 10.37 314.26 10.37 314.26 11.87"/>
<polyline class="cls-5" points="314.26 16.35 314.26 17.85 315.76 17.85"/>
<path class="cls-6" d="m318.44,17.85h.06c1.49,0,2.6-.32,3.35-.95.74-.64,1.12-1.57,1.12-2.79s-.37-2.18-1.12-2.81c-.74-.62-1.86-.94-3.35-.94h-1.4"/>
</g>
<g>
<polyline class="cls-5" points="292.5 10.37 291 10.37 291 11.87"/>
<polyline class="cls-5" points="291 16.35 291 17.85 292.5 17.85"/>
<path class="cls-6" d="m295.19,17.85h.06c1.49,0,2.6-.32,3.35-.95.74-.64,1.12-1.57,1.12-2.79s-.37-2.18-1.12-2.81c-.74-.62-1.86-.94-3.35-.94h-1.4"/>
</g>
<g>
<polyline class="cls-5" points="94.68 10.37 93.18 10.37 93.18 11.87"/>
<polyline class="cls-5" points="93.18 16.35 93.18 17.85 94.68 17.85"/>
<path class="cls-8" d="m97.37,17.85h.06c1.49,0,2.6-.32,3.35-.95.74-.64,1.12-1.57,1.12-2.79s-.37-2.18-1.12-2.81c-.74-.62-1.86-.94-3.35-.94h-1.4"/>
</g>
<g>
<line class="cls-5" x1="192.22" y1="30.2" x2="192.22" y2="28.7"/>
<line class="cls-4" x1="192.22" y1="25.74" x2="192.22" y2="9.43"/>
<line class="cls-5" x1="192.22" y1="7.94" x2="192.22" y2="6.44"/>
</g>
</g>
<polyline class="cls-5" points="171.9 .2 161.93 23.27 173.72 19.54 167.22 34.57"/>
<path class="cls-5" d="m171.52,34.57c3.51-8.12,9.43-21.81,9.43-21.82l-11.79,3.73L176.2.2"/>
<path class="cls-7" d="m201.43,17.85c1.49,0,2.6-.32,3.35-.95.74-.64,1.12-1.57,1.12-2.79s-.37-2.18-1.12-2.81c-.74-.62-1.86-.94-3.35-.94h-4.25v7.49h4.25Z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

4
tailwind.config.js
View File

@ -5,6 +5,10 @@ module.exports = {
],
theme: {
extend: {},
fontFamily: {
body: ['Source Sans 3', 'sans-serif'],
title: ['Work Sans', 'sans-serif']
},
},
plugins: [],
}