Blog/Components/App.razor 3.3 K · 65 lines · raw · history

1 <!DOCTYPE html>
2 <html lang="en">
3
4 <head>
5 <meta charset="utf-8"/>
6 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
7 <base href="/"/>
8 <link rel="stylesheet" href="@Assets["app.css"]"/>
9 <link rel="stylesheet" href="@Assets["Blog.styles.css"]"/>
10 <ImportMap/>
11 <HeadOutlet/>
12 </head>
13
14 <header>
15 <svg xmlns="http://www.w3.org/2000/svg" id="logo" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"
16 viewBox="0 0 800 400">
17 <path
18 d="M54.26008987426758,304.0358581542969C52.801195856730146,265.55753484090167,32.49626341501872,141.97009913126627,47.085201263427734,114.79820251464844C61.67413911183675,87.62630589803061,91.907320950826,171.49774983723958,126.00896453857422,170.40357971191406C160.11060812632243,169.30940958658854,195.1031356048584,84.06875615437826,214.79820251464844,109.41703796386719C234.49326942443847,134.7653197733561,195.51569310506184,269.53661931355794,222.8699493408203,295.0672607421875C250.22420557657878,320.59790217081706,342.2152226257324,258.137511138916,349.32733154296875,234.97756958007812C356.4394404602051,211.81762802124024,257.30044911702475,206.87891296386718,257.8475341796875,181.16590881347656C258.39461924235025,155.45290466308595,360.5889183044434,123.65619580586751,352.0179138183594,108.52017211914062C343.44690933227537,93.38414843241374,243.41403477986654,107.09117195129394,215.69505310058594,106.72644805908203"
19 fill="none" stroke-width="22" stroke="url(&quot;#SvgjsLinearGradient1001&quot;)" stroke-linecap="round"
20 stroke-dasharray="125 106"
21 transform="matrix(1.477455443789063,0,0,1.477455443789063,146.53673293574354,-95.92382431145532)">
22 <animate attributeName="stroke-dashoffset" values="230;184;138;92;46;0" dur="2s" repeatCount="1"
23 begin="logo.mouseenter" restart="whenNotActive"/>
24
25 </path>
26 <defs>
27 <linearGradient id="SvgjsLinearGradient1001" gradientTransform="rotate(360, 0.5, 0.5)">
28 <stop stop-color="hsl(37, 99%, 67%)" offset="0"></stop>
29 <stop stop-color="hsl(316, 73%, 52%)" offset="1"></stop>
30 </linearGradient>
31 </defs>
32 </svg>
33 <h1>.bes.is</h1>
34 </header>
35
36 <body class="center">
37 <Routes/>
38 <script src="@Assets["_framework/blazor.web.js"]" autostart="false"></script>
39 <script>
40 Blazor.start({
41 webAssembly: {}
42 });
43 </script>
44 </body>
45
46 <footer>
47 <ul>
48 <li><NavLink href="/">Home</NavLink></li>
49 <li><NavLink href="/calc">Calculator</NavLink></li>
50 <li><NavLink href="/concat">Concatenator</NavLink></li>
51 <li><NavLink href="/letterflixd">Netflix to Letterboxd converter</NavLink></li>
52 <li><NavLink href="/generator">Number generator</NavLink></li>
53 <li><NavLink href="/note">Note</NavLink></li>
54 <li><NavLink href="/qrcodeScan">QR-code scanner</NavLink></li>
55 <li><NavLink href="/qrcodeGenerator">QR-code generator</NavLink></li>
56 <li><NavLink href="/BRPTestData">BRP Test Data</NavLink></li>
57 <li><NavLink href="/Query">Query</NavLink></li>
58 <li><NavLink href="/Storage">Storage</NavLink></li>
59 <li><NavLink href="https://git.bes.is">Git</NavLink></li>
60 <!-- <li><a href="/webrtc.html">WebRTC</a></li> -->
61 <!-- <li><a href="/spotify/index.html">Spotify</a></li> -->
62 </ul>
63 </footer>
64
65 </html>