Compare commits
5 Commits
fdeef6efae
...
eda0b2f9e8
Author | SHA1 | Date |
---|---|---|
|
eda0b2f9e8 | 3 months ago |
|
81c34d6c3d | 3 months ago |
|
d189a88c78 | 3 months ago |
|
af216ac962 | 3 months ago |
|
16fdac22cd | 3 months ago |
Binary file not shown.
@ -0,0 +1,47 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
<title>Library | waifuism.life</title> |
||||
<link rel="stylesheet" href="styles.css"> |
||||
<script src="/libs/marked.min.js"></script> |
||||
</head> |
||||
<body> |
||||
<div class="window"> |
||||
<div class="nav"> |
||||
<button onclick="loadContent('home.md')">Home</button> |
||||
<button onclick="loadContent('slowly.md')">Slowly</button> |
||||
</div> |
||||
<div class="content" id="mainContent"> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
<script> |
||||
function loadContent(file) { |
||||
fetch(`markdown/${file}`) |
||||
.then(response => { |
||||
if (!response.ok) { |
||||
throw new Error(`Network response was not ok: ${response.statusText}`); |
||||
} |
||||
return response.text(); |
||||
}) |
||||
.then(text => { |
||||
const mainContent = document.getElementById('mainContent'); |
||||
mainContent.innerHTML = marked.parse(text); |
||||
}) |
||||
.catch(error => { |
||||
console.error('Error loading content:', error); |
||||
const mainContent = document.getElementById('mainContent'); |
||||
mainContent.innerHTML = `<p>Error loading content. Please try again later.</p>`; |
||||
}); |
||||
} |
||||
|
||||
// Load the default home content on page load |
||||
window.onload = function() { |
||||
loadContent('home.md'); |
||||
}; |
||||
</script> |
||||
</body> |
||||
</html> |
@ -0,0 +1,4 @@ |
||||
# Home |
||||
This is a kind of blog I guess. |
||||
|
||||
![test](markdown/waifuism_tan.png) |
@ -0,0 +1,23 @@ |
||||
# Slowly |
||||
|
||||
Even now as I write, I wonder to feels if I should be paying attention to the things around me or not. |
||||
|
||||
I love to walk through a small park near my apartment, it's size is barely a block but I've seen it have quite the movement, children playing, people drinking mate, the usual. |
||||
|
||||
I have to remind myself to walk slowly through it in order to enjoy it. |
||||
|
||||
Is it normal to be walking so fast? |
||||
|
||||
I wondered myself if forcing yourself to be overworked because "you will not be able to finish a piece of art" is something worthwhile for me. |
||||
|
||||
Would I be sad I didn't finish a piece when I die? |
||||
|
||||
I like to think it's a similar question to "Am I sad because I didn't read more books when I was at school? Because I never told my crush my feelings? Because I didn't do something that I can't do anymore?" |
||||
|
||||
Honestly I am not sure what would I say on that day when I finally bite the dust. |
||||
|
||||
But today I shall enjoy it the ways that I know how to. |
||||
|
||||
Today that answer may be "No, not really.". |
||||
|
||||
They recently opened a coffee place near my house, I wonder if their coffee has good aroma. |
Binary file not shown.
@ -0,0 +1,55 @@ |
||||
|
||||
body { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
height: 100vh; |
||||
margin: 0; |
||||
background-color: #f0f0f0; |
||||
background-image: url("./bg.jpg"); |
||||
background-position: center; |
||||
} |
||||
.window { |
||||
display: flex; |
||||
width: 80%; |
||||
height: 80%; |
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); |
||||
background-color: rgb(255, 255, 255); |
||||
border-radius: 8px; |
||||
} |
||||
.nav { |
||||
width: 10%; |
||||
background-color: #306cab; |
||||
color: rgb(255, 255, 255); |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
padding: 20px; |
||||
border-top-left-radius: 8px; |
||||
border-bottom-left-radius: 8px; |
||||
} |
||||
.nav button { |
||||
width: 100%; |
||||
margin: 10px 0; |
||||
padding: 10px; |
||||
border: none; |
||||
border-radius: 4px; |
||||
background-color: #77e6ea; |
||||
color: rgb(0, 0, 0); |
||||
cursor: pointer; |
||||
transition: background-color 0.3s; |
||||
} |
||||
.nav button:hover { |
||||
background-color: #1abc9c; |
||||
} |
||||
.content { |
||||
width: 90%; |
||||
padding: 20px; |
||||
border-top-right-radius: 8px; |
||||
border-bottom-right-radius: 8px; |
||||
overflow-y: auto; |
||||
} |
||||
.content img { |
||||
max-width: 100%; |
||||
height: auto; |
||||
} |
@ -0,0 +1,3 @@ |
||||
# Library |
||||
|
||||
![](./static/frieren.jpg) |
Binary file not shown.
Binary file not shown.
Loading…
Reference in new issue