11<!DOCTYPE html>
22< html lang ="en "> < head > < meta charset ="utf-8 ">
33 < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
4- < base href ="/BlazorStaticMinimalBlog/ ">
4+ < base href ="/ ">
55 < script src ="https://cdn.tailwindcss.com?plugins=typography "> </ script >
66 < script >
77 tailwind . config = {
1414 } , } ,
1515 }
1616 </ script >
17-
18-
17+
18+
1919 </ head >
2020
2121< body class ="bg-gray-950 font-sans text-gray-200 "> < div class ="mx-auto max-w-3xl px-4 sm:px-6 xl:max-w-5xl xl:px-0 "> < div class ="flex h-screen flex-col justify-between "> < header class ="flex items-center justify-between py-10 "> < div > < a href > < div class ="flex items-center justify-between "> < div class =" h-6 text-2xl font-semibold sm:block text-primary-800 "> BlazorStatic Minimal Blog</ div > </ div > </ a > </ div >
22- < div class ="flex items-center space-x-4 leading-5 sm:space-x-6 "> < a href ="" class ="hidden font-medium text-gray-100 sm:block "> Home
23- </ a > < a href ="tags " class ="hidden font-medium text-gray-100 sm:block "> Tags
24- </ a > < a href ="https://github.com/tesar-tech/blazorStaticMinimalBlog " class ="hidden font-medium text-gray-100 sm:block ">
25- < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 " class ="hover:text-primary-400 h-6 w-6 fill-current text-gray-200 "> < path d ="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12 "> </ path > </ svg > </ a > < button id ="toggle-button " aria-label ="Toggle Menu " class ="sm:hidden "> < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 20 20 " fill ="currentColor " class ="h-8 w-8 text-gray-100 "> < path fill-rule ="evenodd " d ="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z " clip-rule ="evenodd "> </ path > </ svg > </ button >
22+ < div class ="flex items-center space-x-4 leading-5 sm:space-x-6 "> < a href ="" class ="hidden font-medium text-gray-100 sm:block "> Home
23+ </ a > < a href ="tags " class ="hidden font-medium text-gray-100 sm:block "> Tags
24+ </ a > < a href ="https://github.com/BlazorStatic/BlazorStaticMinimalBlog " class ="hidden font-medium text-gray-100 sm:block ">
25+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 " class ="hover:text-primary-400 h-6 w-6 fill-current text-gray-200 "> < path d ="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12 "> </ path > </ svg > </ a > < button id ="toggle-button " aria-label ="Toggle Menu " class ="sm:hidden "> < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 20 20 " fill ="currentColor " class ="h-8 w-8 text-gray-100 "> < path fill-rule ="evenodd " d ="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z " clip-rule ="evenodd "> </ path > </ svg > </ button >
2626 < div id ="mobile-menu " class ="fixed left-0 top-0 z-10 h-full w-full translate-x-full transform duration-300 ease-in-out bg-gray-950 opacity-[0.98] "> < div class ="flex justify-end "> < button id ="close-mobile-menu-button " class ="mr-8 mt-11 h-8 w-8 " aria-label ="Toggle Menu "> < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 20 20 " fill ="currentColor " class ="text-gray-100 "> < path fill-rule ="evenodd " d ="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z " clip-rule ="evenodd "> </ path > </ svg > </ button > </ div >
2727 < nav class ="fixed mt-8 h-full "> < div class ="px-12 py-4 "> < a href ="" class ="text-2xl font-bold tracking-widest text-gray-100 "> Home
2828 </ a > </ div > < div class ="px-12 py-4 "> < a href ="tags " class ="text-2xl font-bold tracking-widest text-gray-100 "> Tags
29- </ a > </ div > < div class ="px-12 py-4 "> < a href ="https://github.com/tesar-tech/blazorStaticMinimalBlog " class ="text-2xl font-bold tracking-widest text-gray-100 ">
29+ </ a > </ div > < div class ="px-12 py-4 "> < a href ="https://github.com/BlazorStatic/BlazorStaticMinimalBlog " class ="text-2xl font-bold tracking-widest text-gray-100 ">
3030 < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 " class ="hover:text-primary-400 h-6 w-6 fill-current text-gray-200 "> < path d ="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12 "> </ path > </ svg > </ a > </ div > </ nav > </ div > </ div > </ header >
3131< script >
3232//👎 but what can I do? It's a static html. I can't use C# here.
4646Also here is a sample image:</ p >
4747< p > < img src ="Content/Blog/media/programming_bug.jpg " alt ="programming bug " /> </ p >
4848</ div >
49- < div class ="pb-6 pt-6 text-sm text-gray-300 "> < a target ="_blank " rel ="noopener noreferrer " href ="https://github.com/tesar-tech/blazorStaticMinimalBlog /tree/main/Content/Blog/first-post "> View on GitHub</ a > </ div > </ div >
49+ < div class ="pb-6 pt-6 text-sm text-gray-300 "> < a target ="_blank " rel ="noopener noreferrer " href ="https://github.com/BlazorStatic/BlazorStaticMinimalBlog /tree/main/Content/Blog/first-post "> View on GitHub</ a > </ div > </ div >
5050 < footer > < div class =" text-sm font-medium leading-5 divide-gray-700 xl:col-start-1 xl:row-start-2 xl:divide-y "> < div class ="py-4 xl:py-8 "> < h2 class ="text-xs uppercase tracking-wide text-gray-400 "> Tags</ h2 >
5151 < div class ="flex flex-wrap "> < a class ="text-primary-500 hover:text-primary-400 mr-3 text-sm font-medium uppercase " href ="tags/tag-001 "> tag-001</ a > < a class ="text-primary-500 hover:text-primary-400 mr-3 text-sm font-medium uppercase " href ="tags/another-sample-tag "> another-sample-tag</ a > </ div > </ div > </ div >
5252 < div class ="pt-4 xl:pt-8 "> < a class ="text-primary-500 hover:text-primary-400 " aria-label ="Back to the home " href > ← Back to the home</ a > </ div > </ footer > </ div > </ div > </ article > </ main >
5353
54- < footer > < div class ="mt-16 flex flex-col items-center "> < div class ="mb-3 flex space-x-4 "> < a class ="text-sm text-gray-500 transition hover:text-gray-600 " target ="_blank " rel ="noopener noreferrer " href ="https://github.com/tesar-tech/blazorStaticMinimalBlog "> < span class ="sr-only "> github</ span >
54+ < footer > < div class ="mt-16 flex flex-col items-center "> < div class ="mb-3 flex space-x-4 "> < a class ="text-sm text-gray-500 transition hover:text-gray-600 " target ="_blank " rel ="noopener noreferrer " href ="https://github.com/BlazorStatic/BlazorStaticMinimalBlog "> < span class ="sr-only "> github</ span >
5555 < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 " class ="hover:text-primary-400 h-6 w-6 fill-current text-gray-200 "> < path d ="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12 "> </ path > </ svg > </ a >
5656 < a class ="text-sm text-gray-500 transition hover:text-gray-600 " target ="_blank " rel ="noopener noreferrer " href ="https://x.com/ "> < span class ="sr-only "> x</ span >
5757 < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 50 50 " class ="hover:text-primary-400 h-6 w-6 fill-current text-gray-200 "> < path d ="M 5.9199219 6 L 20.582031 27.375 L 6.2304688 44 L 9.4101562 44 L 21.986328 29.421875 L 31.986328 44 L 44 44 L 28.681641 21.669922 L 42.199219 6 L 39.029297 6 L 27.275391 19.617188 L 17.933594 6 L 5.9199219 6 z M 9.7167969 8 L 16.880859 8 L 40.203125 42 L 33.039062 42 L 9.7167969 8 z "> </ path > </ svg > </ a > </ div >
58- < div class ="mb-2 flex space-x-2 text-sm text-gray-400 "> < a target ="_blank " rel ="noopener noreferrer " href ="https://github.com/tesar-tech/blazorStatic "> Built with Blazor Static</ a >
58+ < div class ="mb-2 flex space-x-2 text-sm text-gray-400 "> < a target ="_blank " rel ="noopener noreferrer " href ="https://github.com/BlazorStatic/BlazorStatic "> Built with Blazor Static</ a >
5959 < div > •</ div >
6060 < div > © 2025</ div > </ div > </ div > </ footer > </ div > </ div >
61- </ body > </ html >
61+ < blazor-focus-on-navigate selector =" h1 " > </ blazor-focus-on-navigate > < /body > </ html >
0 commit comments