maggie/meow
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updated site

Browse source
This commit is contained in:
maggster165 2023-11-28 08:59:49 +01:00 committed by GitHub
parent 01e845888b
commit 596baaeb92
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 157 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
catpdiscord.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 8.4 KiB

BIN
catpdiscordhover.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
catpgh.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
catpghover.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.7 KiB

BIN
favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

56
index.html
View file

@ -1,32 +1,42 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" href="favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>nya</title>
<meta content="maggie" property="og:title" /> <meta content="maggie" property="og:title" />
<meta content="My user is maggie I got banned from this website for being wholesome. I apologize for being wholesome and I promise I will read the rules and I will not break them again. Please one more chance! I will left from this website" property="og:description" /> <meta content="My user is maggie I got banned from this website for being wholesome. I apologize for being wholesome and I promise I will read the rules and I will not break them again. Please one more chance! I will left from this website" property="og:description" />
<meta content="https://dp.nea.moe/avatar/330299657458679821.png" property="og:image" /> <meta content="https://dp.nea.moe/avatar/330299657458679821.png" property="og:image" />
<meta content="#43B581" data-react-helmet="true" name="theme-color" /> <meta content="#43B581" data-react-helmet="true" name="theme-color" />
<title>Web Design!!!!!</title> <title>Maggie's website</title>
<link href="/style.css" rel="stylesheet" type="text/css" media="all"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<h1 class="headerthing">This is a website where we celebrate good design.</h1> <img class="pfp" src="pfp.png" alt="maggie" width="128" title="maggie"/>
<div class="top">
<h1>Hi! I'm Maggie!</h1>
<h2>This is the peak of readability</h2> <p>Welcome to my website!</p>
<a href="https://discord.com/users/330299657458679821"><img class="logo" src="catpdiscord.png" width="32" title="maggie.pi"/></a>
<img src=elpico.jpg width=128 height=128> <a href="https://github.com/maggster165"><img class="logo2" src="catpgh.png" title="maggster165" width="32"/></a>
<h2>I have no idea what this means but this image goes hard</h2> </div>
<img src=image.gif> <div class="aboutbox">
<h3>every good website has this -- that's why i added it myself</h3> <h3>About Me</h3>
<h1> meow?</h1> <p>I'm a tech nerd in dire need of more fun stuff to do.</p>
<p> feel free to email me for any reason: <a href = "mailto: maggiethemagpie@420blaze.it">maggiethemagpie@420blaze.it</a> <h4>Interests:</h4>
<p> i'm a silly dummy that likes to play old games and spend hours doing literally nothing on my computer <br /> this is a product of being bored one day<br />shameless linux user<br />also a macOS user.... it seems.<br /> meow.</p> <ul>
<p>my discord: <s>maggie the magpie#0303 (not pomelo'd yet, yay!)</s><br>maggie.pi</p> <li>Linux</li>
</body> <li>Alt-rock music</li>
<li>Old technology</li>
<li>Hackintoshing</li>
<li>meowing</li>
<li>Music synthesis</li>
</ul>
<p>I study at a computer science school. Feel free to message me at any time! </p>
<p>My timezone is the Central European timezone.</p>
<a href="oldindex.html">Here is a link to the old version of this site.</a>
</div>
</body>
</html> </html>

32
oldindex.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>nya</title>
<meta content="maggie" property="og:title" />
<meta content="My user is maggie I got banned from this website for being wholesome. I apologize for being wholesome and I promise I will read the rules and I will not break them again. Please one more chance! I will left from this website" property="og:description" />
<meta content="https://dp.nea.moe/avatar/330299657458679821.png" property="og:image" />
<meta content="#43B581" data-react-helmet="true" name="theme-color" />
<title>Web Design!!!!!</title>
<link href="oldstyle.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<h1 class="headerthing">This is a website where we celebrate good design.</h1>
<h2>This is the peak of readability</h2>
<img src=elpico.jpg width=128 height=128>
<h2>I have no idea what this means but this image goes hard</h2>
<img src=image.gif>
<h3>every good website has this -- that's why i added it myself</h3>
<h1> meow?</h1>
<p> feel free to email me for any reason: <a href = "mailto: maggiethemagpie@420blaze.it">maggiethemagpie@420blaze.it</a>
<p> i'm a silly dummy that likes to play old games and spend hours doing literally nothing on my computer <br /> this is a product of being bored one day<br />shameless linux user<br />also a macOS user.... it seems.<br /> meow.</p>
<p>my discord: <s>maggie the magpie#0303 (not pomelo'd yet, yay!)</s><br>maggie.pi</p>
</body>
</html>

8
oldstyle.css Normal file
View file

@ -0,0 +1,8 @@
body {
background-color: black;
color: white;
font-family: 'Comic Sans MS', Verdana, Sans-serif;
}
h1{
margin-right: 50px;
}

BIN
pfp.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 339 KiB

77
style.css
View file

@ -1,8 +1,75 @@
body { body{
background-color: black; background-color: #24273a;
color: white; color: #cad3f5;
font-family: 'Comic Sans MS', Verdana, Sans-serif; font-family: 'Open Sans';
}
.top{
display: inline-block;
margin-left: 10rem;
} }
h1{ h1{
margin-right: 50px; margin-left: 1rem;
} }
.pfp{
border-radius: 50%;
padding: 1rem;
float: none;
transition: 0.3s;
position: absolute
}
.pfp:hover{
scale: 125%;
transition: 0.3s;
}
p{
margin-left: 1rem;
}
h3{
margin-top: 4rem;
}
.logo{
top: rem;
margin-left: 1rem;
float: left;
position: relative;
transition: 0.3s;
}
.logo2{
margin-left: 2rem;
position: relative;
float: none;
transition: 0.3s;
}
.logo:hover{
background-color: #b7bdf8;
padding: 5px;
scale: 125%;
border-radius: 10px;
transition: 0.3s;
content: url(catpdiscordhover.png);
}
.logo2:hover{
background-color: #b7bdf8;
padding: 5px;
scale: 125%;
border-radius: 10px;
transition: 0.3s;
content: url(catpghover.png);
}
h4{
margin-left: 1rem;
}
.aboutbox{
margin-left: 2rem;
}
a:link{
color: #c6a0f6;
}
a:visited {
color: #b7bdf8;
}