mi/hola
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: mi:0ba6c52d33d367ad298a4622b908bcc7cbae8562
Branches Tags
mi:main
...
compare: mi:f9f5625d5a469833f69a6eac25563392cc816b78
Branches Tags
mi:main

2 Commits
0ba6c52d33 ... f9f5625d5a

Author SHA1 Message Date
mi
f9f5625d5a 💄 random backgrounds and phrases
Some checks failed
Deploy to VM / deploy (push) Has been cancelled
Details
2025-11-20 13:39:12 +10:00
mi
f8037aa233 💄 primary and secondary background colors 2025-11-20 13:28:43 +10:00
2 changed files with 37 additions and 2 deletions
Expand all files Collapse all files

37
site/index.html
View File

@@ -8,8 +8,43 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Special+Elite&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Special+Elite&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<script>
// Randomize background color on page load
const colors = [
'#f5d9e3', // muted rose
'#f5e3d9', // muted peach
'#e3d9f5', // muted lavender
'#f5f5d9', // muted yellow
'#d9f5e3', // muted teal
'#f5d9d9', // muted coral
'#d9e3f5', // muted blue
'#f5dfe3' // muted peach-pink
];
const randomColor = colors[Math.floor(Math.random() * colors.length)];
document.documentElement.style.setProperty('--bg-color', randomColor);
// Randomize byline on page load
const bylines = [
'vamos a la casa',
'population: 3 (7 if you count the dogs, 8 with the cat)',
'don\'t look now it\'s right behind you',
'time will forget (it\'s mutual)',
'blink and you\'ll miss it (please don\'t)',
'*whispers* everyone knows your business',
'too abstract for maps',
'who needs productivity when you can nap',
'arros con gris y puerco lechon por favor',
'established sometime, perhaps',
'it is a little pig'
];
document.addEventListener('DOMContentLoaded', function() {
const randomByline = bylines[Math.floor(Math.random() * bylines.length)];
document.querySelector('.byline').textContent = randomByline;
});
</script>
</head> </head>
<body> <body style="background-color: var(--bg-color);">
<div class="container"> <div class="container">
<header> <header>
<h1>Puercito Fiction</h1> <h1>Puercito Fiction</h1>

2
site/styles.css
View File

@@ -8,7 +8,7 @@ body {
font-family: 'Special Elite', monospace; font-family: 'Special Elite', monospace;
line-height: 1.6; line-height: 1.6;
color: #191919; color: #191919;
background-color: #e8e4d8; background-color: #f5d9e3;
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
align-items: center; align-items: center;