Compare commits
22 Commits
Author | SHA1 | Date |
---|---|---|
waifu | 007d48f5d8 | 3 months ago |
waifu | d5352d3424 | 3 months ago |
waifu | 6927d30006 | 4 months ago |
waifu | f0d33facfd | 4 months ago |
waifu | 11290e8e75 | 4 months ago |
waifu | 51e24b9d8d | 4 months ago |
waifu | d7f7355e9f | 4 months ago |
waifu | 613bd9c4fe | 4 months ago |
waifu | ee0710fded | 4 months ago |
waifu | eda0b2f9e8 | 4 months ago |
waifu | 81c34d6c3d | 4 months ago |
waifu | d189a88c78 | 4 months ago |
waifu | af216ac962 | 4 months ago |
waifu | 16fdac22cd | 4 months ago |
waifu | fdeef6efae | 4 months ago |
waifu | 2396ac9cbd | 4 months ago |
waifu | 7fc5071fbb | 4 months ago |
waifu | 5b96e67cb0 | 4 months ago |
waifu | c7beb1f688 | 4 months ago |
waifu | 2369401cef | 4 months ago |
waifu | 3e8a5fb546 | 4 months ago |
waifu | 151b17a88f | 4 months ago |
@ -1,7 +1,7 @@ |
||||
body, html{ |
||||
body{ |
||||
font-family: CustomFont, sans-serif; /* Use the custom font as the fallback */ |
||||
} |
||||
@font-face { |
||||
font-family: CustomFont; |
||||
src: url('static/fonts/Brushzing-Regular.ttf.otf') format('truetype'); /* Change 'your-font.ttf' to the actual font file name */ |
||||
src: url('static/fonts/Brushzing-Regular.ttf.otf') format('truetype'); |
||||
} |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,48 @@ |
||||
<!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> |
||||
<a href="./logs/"><button>Logs</button></a> |
||||
<a href="./grimoire/"><button>Grimoire</button></a> |
||||
</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); // Changed to marked.parse |
||||
}) |
||||
.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> |
Binary file not shown.
@ -0,0 +1,50 @@ |
||||
<!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> |
||||
<button onclick="loadContent('loneliness.md')">Loneliness</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,5 @@ |
||||
# Loneliness |
||||
|
||||
Again this feeling of a place that never was, I remember there was a word for that in portuguese, but it escapes my mind all the time. |
||||
|
||||
I wonder. |
@ -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.
@ -0,0 +1,66 @@ |
||||
|
||||
body { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
height: 100vh; |
||||
margin: 0; |
||||
background-color: #211000; |
||||
background-image: url("./static/bg.jpg"); |
||||
background-position: center; |
||||
background-repeat: no-repeat; |
||||
} |
||||
.window { |
||||
display: flex; |
||||
width: 60%; |
||||
height: 60%; |
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); |
||||
background-color: white; |
||||
border-radius: 8px; |
||||
} |
||||
.nav { |
||||
width: 25%; |
||||
background-color: #50372c; |
||||
color: white; |
||||
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: #7e5b53; |
||||
color: white; |
||||
cursor: pointer; |
||||
transition: background-color 0.3s; |
||||
transform: 0.3s; |
||||
|
||||
} |
||||
.nav button:hover { |
||||
background-color: #c2a25e; |
||||
transform: scale(1.05) rotate(1deg); |
||||
} |
||||
.content { |
||||
width: 75%; |
||||
padding: 20px; |
||||
border-top-right-radius: 8px; |
||||
border-bottom-right-radius: 8px; |
||||
overflow-y: auto; |
||||
} |
||||
|
||||
.content img { |
||||
max-width: 100%; |
||||
height: auto; |
||||
} |
||||
|
||||
/* Move when clicked */ |
||||
.nav button:active { |
||||
transform: scale(1.2); |
||||
} |
||||
|
@ -0,0 +1,65 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
<link rel="stylesheet" href="../../../default_style.css"> |
||||
<title>Waifuism.life 2024 Anniversary</title> |
||||
<style> |
||||
body { |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
align-items: center; |
||||
height: 100vh; |
||||
margin: 0; |
||||
background-color: #3a3a3a; |
||||
} |
||||
.title-container { |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
align-items: center; |
||||
height: 15vh; |
||||
width: 100%; |
||||
background-color: #000000; |
||||
border-bottom: 2px solid #000000; |
||||
color: white; |
||||
} |
||||
.image-container { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
height: 70vh; |
||||
width: 100%; |
||||
} |
||||
.thumbnail { |
||||
max-height: 70vh; |
||||
max-width: 100%; |
||||
cursor: pointer; |
||||
border: 2px solid #ccc; |
||||
border-radius: 10px; |
||||
} |
||||
.bottom{ |
||||
display: flex; |
||||
color: white; |
||||
height: 15vh; |
||||
justify-content: center; |
||||
align-items: center; |
||||
|
||||
|
||||
} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div class="title-container"> |
||||
<div><h1>Waifuism.life third anniversary.</h1></div> |
||||
</div> |
||||
<div class="image-container"> |
||||
<a href="waifuism.png" target="_blank"> |
||||
<img src="waifuism.png" alt="Waifuism" class="thumbnail"> |
||||
</a> |
||||
</div> |
||||
<div class="bottom"><h1 style="justify-content: center; text-align: center;">Is your image missing? Do you want to be drawn? Did I forgot to credit you? Do you want to remove yourself from it?<br>Please <a href="https://mai.waifuism.life/notes/9srugmdaqj7301u2" style="color: rgb(228, 255, 255);">send a reply in the official thread</a></h1></div> |
||||
</body> |
||||
</html> |
Binary file not shown.
Binary file not shown.
@ -0,0 +1,27 @@ |
||||
// Function to inject HTML and CSS
|
||||
function injectTopLeftImage() { |
||||
// Create style element
|
||||
const style = document.createElement('style'); |
||||
style.textContent = ` |
||||
.top-left-image { |
||||
position: fixed; |
||||
top: 0; |
||||
left: 0; |
||||
z-index: 9999; |
||||
} |
||||
`;
|
||||
document.head.appendChild(style); |
||||
|
||||
// Create HTML element
|
||||
const container = document.createElement('div'); |
||||
container.innerHTML = ` |
||||
<a href="/home"> |
||||
<img src="/static/site/logo.png" alt="Top-Left Image" class="top-left-image"> |
||||
</a> |
||||
`;
|
||||
document.body.appendChild(container); |
||||
} |
||||
|
||||
// Ensure the function runs after the page loads
|
||||
window.addEventListener('DOMContentLoaded', injectTopLeftImage); |
||||
|
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue