Compare commits
2 commits
fc2094a432
...
98de4be854
Author | SHA1 | Date | |
---|---|---|---|
|
98de4be854 | ||
|
05fabb1cf2 |
6 changed files with 59 additions and 41 deletions
27
src/public/blog.html
Normal file
27
src/public/blog.html
Normal 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>
|
|
@ -9,16 +9,19 @@
|
||||||
</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>-->
|
||||||
|
<a href="/git/explore/repos">git</a>
|
||||||
|
<a href="/blog.html">blog</a>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
|
Under construction!
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 454 KiB |
|
@ -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;
|
||||||
|
|
Binary file not shown.
Binary file not shown.
Loading…
Reference in a new issue