diff options
| author | Marijn Besseling <njirambem@gmail.com> | 2025-09-07 20:56:09 +0200 |
|---|---|---|
| committer | Marijn Besseling <njirambem@gmail.com> | 2025-09-07 20:56:09 +0200 |
| commit | 9ab322751a732d8cbc1ddf4f2ecf5022d7242baa (patch) | |
| tree | 49abc49c7d148b2f575aa5daef32875d44729561 /Blog/Components/App.razor | |
WIP migration
Diffstat (limited to 'Blog/Components/App.razor')
| -rw-r--r-- | Blog/Components/App.razor | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/Blog/Components/App.razor b/Blog/Components/App.razor new file mode 100644 index 0000000..7c8b8ce --- /dev/null +++ b/Blog/Components/App.razor | |||
| @@ -0,0 +1,61 @@ | |||
| 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("#SvgjsLinearGradient1001")" 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><a href="/generator.html">Number generator</a></li> | ||
| 53 | <li><NavLink href="/note">Note</NavLink></li> | ||
| 54 | <li><a href="/qrcode.html">QR-code scanner</a></li> | ||
| 55 | <li><a href="/qrcode-generator.html">QR-code generator</a></li> | ||
| 56 | <!-- <li><a href="/webrtc.html">WebRTC</a></li> --> | ||
| 57 | <!-- <li><a href="/spotify/index.html">Spotify</a></li> --> | ||
| 58 | </ul> | ||
| 59 | </footer> | ||
| 60 | |||
| 61 | </html> \ No newline at end of file | ||