Compare commits

..

2 commits

6 changed files with 59 additions and 41 deletions

27
src/public/blog.html Normal file
View file

@ -0,0 +1,27 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, inital-scale=1">
<meta http-equiv="X-UR-Compatible" content='ie=edge'>
<title>mskor.xyz</title>
<meta name="keywords" content="">
<link rel="stylesheet" id="css" href="style.css">
<script src="https://unpkg.com/htmx.org@2.0.3" integrity="sha384-0895/pl2MU10Hqc6jd4RvrthNlDiE9U1tWmX7WRESftEDRosgxNsQG/Ze9YMRzHq" crossorigin="anonymous"></script>
</head>
<body>
<div id="header">
<a href="/" hx-target="#content" hx-swap="innerHTML" hx-get="/home">
<h1>mskor.xyz</h1>
</a>
<nav>
<!--<a href="" hx-target="#content" hx-swap="innerHTML" hx-get="/home" hx-trigger="load">--!>
<!--<a href="/" hx-target="#content" hx-swap="innerHTML" hx-get="/about">about</a>-->
<a href="/git/explore/repos">git</a>
<a href="/home.html">home</a>
</nav>
</div>
<div id="content">
i really hope this works
</div>
</body>
</html>

View file

@ -1,24 +1,27 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, inital-scale=1"> <meta name="viewport" content="width=device-width, inital-scale=1">
<meta http-equiv="X-UR-Compatible" content='ie=edge'> <meta http-equiv="X-UR-Compatible" content='ie=edge'>
<title>mskor.xyz</title> <title>mskor.xyz</title>
<meta name="keywords" content=""> <meta name="keywords" content="">
<link rel="stylesheet" id="css" href="style.css"> <link rel="stylesheet" id="css" href="style.css">
<script src="https://unpkg.com/htmx.org@2.0.3" integrity="sha384-0895/pl2MU10Hqc6jd4RvrthNlDiE9U1tWmX7WRESftEDRosgxNsQG/Ze9YMRzHq" crossorigin="anonymous"></script> <script src="https://unpkg.com/htmx.org@2.0.3" integrity="sha384-0895/pl2MU10Hqc6jd4RvrthNlDiE9U1tWmX7WRESftEDRosgxNsQG/Ze9YMRzHq" crossorigin="anonymous"></script>
</head> </head>
<body> <body>
<div id="header"> <div id="header">
<a href="" hx-target="#content" hx-swap="innerHTML" hx-get="/home" hx-trigger="load"> <a href="/" hx-target="#content" hx-swap="innerHTML" hx-get="/home">
<h1>mskor.xyz</h1> <h1>mskor.xyz</h1>
</a> </a>
<nav> <nav>
<a href="" hx-target="#content" hx-swap="innerHTML" hx-get="/about">about</a>
<a href="/git">git</a> <!--<a href="" hx-target="#content" hx-swap="innerHTML" hx-get="/home" hx-trigger="load">--!>
<a href="" hx-target="#content" hx-swap="innerHTML" hx-get="/blog">blog</a> <!--<a href="/" hx-target="#content" hx-swap="innerHTML" hx-get="/about">about</a>-->
</nav> <a href="/git/explore/repos">git</a>
</div> <a href="/blog.html">blog</a>
<div id="content"> </nav>
</div> </div>
<div id="content">
Under construction!
</div>
</body> </body>
</html> </html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 454 KiB

View file

@ -1,15 +1,16 @@
body { body {
max-width:70%; margin:0px auto;
margin:40px auto; max-width:700px;
font-size:18px; font-size:18px;
line-height:1.4; line-height:1.4;
padding:0 10px; padding:10px;
font-family: monospace; font-family: monospace;
} }
a { a {
text-decoration:none; text-decoration:none;
color:Black; color:MediumSeaGreen;
} }
td { td {
@ -22,29 +23,16 @@ h1 {
margin:0px auto; margin:0px auto;
} }
#header, #content {
padding:0 0px;
margin:5px auto;
}
img { img {
width:100%; width:100%;
height:100%; height:100%;
} }
#header {
position:relative;
padding:5px;
background-color:#123;
top:0px;
}
#header img {
float:left;
display:block;
width:25%;
height:25%;
top:0px;
object-fit:scale-down;
}
@media (prefers-color-scheme:dark) { @media (prefers-color-scheme:dark) {
body { body {
background-color:#222; background-color:#222;