268 lines
6.8 KiB
Text
268 lines
6.8 KiB
Text
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<style>
|
|
body {
|
|
background-image: url(spacepixel.gif);
|
|
background-size: cover;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
</style>
|
|
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
|
|
<style>
|
|
img {
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
</style>
|
|
<style>
|
|
.gradient-text {
|
|
background-image: linear-gradient(to bottom, #ff5e62, #ff9966, #ffa366, #ffcc99, #a7c5eb, #6d7fcc);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
|
|
.updates-box {
|
|
background-color: #000;
|
|
color: #BF40BF;
|
|
font-family: 'Comic Sans MS', Comic, cursive;
|
|
font-size: 1.2em;
|
|
line-height: 1.5;
|
|
padding: 20px;
|
|
border: 3px solid #BF40BF;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.hey {
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
:root {
|
|
--color-primary: #f6aca2;
|
|
--color-secondary: #f49b90;
|
|
--color-tertiary: #f28b7d;
|
|
--color-quaternary: #f07a6a;
|
|
--color-quinary: #ee6352;
|
|
/*
|
|
--color-primary: #5192ED;
|
|
--color-secondary: #69A1F0;
|
|
--color-tertiary: #7EAEF2;
|
|
--color-quaternary: #90BAF5;
|
|
--color-quinary: #A2C4F5;
|
|
*/
|
|
}
|
|
|
|
body {
|
|
min-height: 100vh;
|
|
font-family: canada-type-gibson, sans-serif;
|
|
font-weight: 300;
|
|
font-size: 1.25rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.content {
|
|
display: flex;
|
|
align-content: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.text_shadows {
|
|
text-shadow: 3px 3px 0 var(--color-secondary), 6px 6px 0 var(--color-tertiary),
|
|
9px 9px var(--color-quaternary), 12px 12px 0 var(--color-quinary);
|
|
font-family: bungee, sans-serif;
|
|
font-weight: 400;
|
|
text-transform: uppercase;
|
|
font-size: calc(2rem + 5vw);
|
|
text-align: center;
|
|
margin: 0;
|
|
color: var(--color-primary);
|
|
//color: transparent;
|
|
//background-color: white;
|
|
//background-clip: text;
|
|
animation: shadows 1.2s ease-in infinite, move 1.2s ease-in infinite;
|
|
letter-spacing: 0.4rem;
|
|
}
|
|
|
|
@keyframes shadows {
|
|
0% {
|
|
text-shadow: none;
|
|
}
|
|
10% {
|
|
text-shadow: 3px 3px 0 var(--color-secondary);
|
|
}
|
|
20% {
|
|
text-shadow: 3px 3px 0 var(--color-secondary),
|
|
6px 6px 0 var(--color-tertiary);
|
|
}
|
|
30% {
|
|
text-shadow: 3px 3px 0 var(--color-secondary),
|
|
6px 6px 0 var(--color-tertiary), 9px 9px var(--color-quaternary);
|
|
}
|
|
40% {
|
|
text-shadow: 3px 3px 0 var(--color-secondary),
|
|
6px 6px 0 var(--color-tertiary), 9px 9px var(--color-quaternary),
|
|
12px 12px 0 var(--color-quinary);
|
|
}
|
|
50% {
|
|
text-shadow: 3px 3px 0 var(--color-secondary),
|
|
6px 6px 0 var(--color-tertiary), 9px 9px var(--color-quaternary),
|
|
12px 12px 0 var(--color-quinary);
|
|
}
|
|
60% {
|
|
text-shadow: 3px 3px 0 var(--color-secondary),
|
|
6px 6px 0 var(--color-tertiary), 9px 9px var(--color-quaternary),
|
|
12px 12px 0 var(--color-quinary);
|
|
}
|
|
70% {
|
|
text-shadow: 3px 3px 0 var(--color-secondary),
|
|
6px 6px 0 var(--color-tertiary), 9px 9px var(--color-quaternary);
|
|
}
|
|
80% {
|
|
text-shadow: 3px 3px 0 var(--color-secondary),
|
|
6px 6px 0 var(--color-tertiary);
|
|
}
|
|
90% {
|
|
text-shadow: 3px 3px 0 var(--color-secondary);
|
|
}
|
|
100% {
|
|
text-shadow: none;
|
|
}
|
|
}
|
|
|
|
@keyframes move {
|
|
0% {
|
|
transform: translate(0px, 0px);
|
|
}
|
|
40% {
|
|
transform: translate(-12px, -12px);
|
|
}
|
|
50% {
|
|
transform: translate(-12px, -12px);
|
|
}
|
|
60% {
|
|
transform: translate(-12px, -12px);
|
|
}
|
|
100% {
|
|
transform: translate(0px, 0px);
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.gradient-text span {
|
|
animation: gradient 15s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes gradient {
|
|
0% {
|
|
background-position: 0% 0%;
|
|
}
|
|
50% {
|
|
background-position: 100% 0%;
|
|
}
|
|
100% {
|
|
background-position: 0% 0%;
|
|
}
|
|
}
|
|
.gif-container {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.gif-container img {
|
|
max-width: 100%;
|
|
margin: 0 10px;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
display: block;
|
|
margin: 20px 0;
|
|
text-align: center;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
img {
|
|
display: block;
|
|
margin: 0 auto;
|
|
max-width: 100%;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
</body>
|
|
</html>
|
|
</head>
|
|
<body>
|
|
<img src="mew's corner.gif">
|
|
<div class="content"></h2>
|
|
</div>
|
|
<h1 class="gradient-text">Welcome to Mew's corner!｡ﾟ(₌இᆽஇ₌)♡I'm a quantitative analyst, artist, philosopher, world record holder in some videogames, most profilific fanfiction writer of multiple niche fandoms, and a human that's just doing her best to do her best, which often leaves a lot to be desired. They say spirituality isn't about being perfect, but recognizing our imperfections so we can continually become more. I like that a lot. (₌ ᵕ̣̣̣̣̣ ᆽ ̣̣̣̣̣̣̣ᵕ)
|
|
<br><br>
|
|
|
|
<a href="https://mewscorner.neocities.org/coding_adventures">
|
|
<h2 class="gradient-text">༒Coding adventures༒</h2>
|
|
<img src="linux.gif">
|
|
</a>
|
|
|
|
<a href="https://mewscorner.neocities.org/fanfiction">
|
|
<h2 class="gradient-text">༒Fanfiction༒</h2>
|
|
<img src="book.gif">
|
|
</a>
|
|
|
|
<a href="https://mewscorner.neocities.org/philosophy">
|
|
<h2 class="gradient-text">༒Philosophy༒</h2>
|
|
<img src="philosopher.gif">
|
|
</a>
|
|
|
|
<a href="https://mewscorner.neocities.org/gay">
|
|
<h2 class="gradient-text">༒Super Secret Page༒</h2>
|
|
<img src="sailor_moon_cry.gif">
|
|
</a>
|
|
|
|
<h1 class="updates-box"><br>UPDATES: <br><br>
|
|
<a href="https://mewscorner.neocities.org/yh" target="_blank"><img src="new.gif">
|
|
</h1>
|
|
|
|
<h1 class="updates-box">update 1.2 2025年4月2日 【木蛇】<br><br>
|
|
Added some older pages that had been removed<br>
|
|
<br><br>
|
|
<a href="https://mewscorner.neocities.org/coding_adventures" target="_blank"><img src="new.gif">
|
|
</h1>
|
|
|
|
<h1 class="updates-box">update 1.2 2024年11月15日 【木龍】<br><br>
|
|
Update boxes added.<br>Added Philosophy Portfolio. <br> Added code portfolio.
|
|
<br><br>
|
|
<a href="https://mewscorner.neocities.org/coding_adventures" target="_blank"><img src="new.gif">
|
|
</h1>
|
|
|
|
|
|
|
|
<div class="gif-container">
|
|
<img src="torch.gif">
|
|
<img style="margin-right: -15px" src="sword.gif">
|
|
<img src="crystal.gif">
|
|
<img style="margin-left: -15px; transform: rotateY(180deg)" src="sword.gif">
|
|
<img src="torch.gif">
|
|
</div>
|
|
|
|
|
|
|
|
<img src="dragons.gif">
|
|
<img src="Under_Construction_Bar.gif">
|
|
|
|
</body>
|
|
</html>
|