Skip to content

Commit

Permalink
pomny update
Browse files Browse the repository at this point in the history
  • Loading branch information
PrincessMtH committed Jun 4, 2024
1 parent 82ff877 commit 0c97e6a
Show file tree
Hide file tree
Showing 8 changed files with 153 additions and 30 deletions.
24 changes: 24 additions & 0 deletions 404.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<html>
<head>
<title>My littel pony</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<div id="header">
<a href="/"><img src="/img/mylittelpony.png" height="200"></a>
<ul id="nav">
<a href="/chareters/"><li>Charecters</li></a>
<a href="/eg.html"><li>Equestira Girls</li></a>
<a href="/claim.html"><li>Claim</li></a>
</ul>
</div>
<div id="content">
<p>This page dosent exist yet so find an other that does</p>
<img src="/img/imsorry.jpg" style="width:100%;">
</div>
<div id="footer">
<p>My littel pony is owned by Hasbro company and i do not have the right to it</p>
</div>
</body>
</html>
37 changes: 37 additions & 0 deletions chareters/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<html>
<head>
<title>My littel pony | Charecters</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<div id="header">
<a href="/"><img src="/img/mylittelpony.png" height="200"></a>
<ul id="nav">
<a href="/chareters/"><li>Charecters</li></a>
<a href="/eg.html"><li>Equestira Girls</li></a>
<a href="/claim.html"><li>Claim</li></a>
</ul>
</div>
<div id="stupid">
<div id="content">
<h2>Click on ponys to learn who are they</h2>
<svg viewBox="0 0 940 587">
<image href="/img/ponys-friend.jpg" />
<a href="pinky.html">"<polygon fill="none" pointer-events="visible" points="361,294 325,268 328,241 291,263 284,251 255,268 226,147 256,49 386,21 489,146 454,184 433,173 432,191 398,245 370,236" /></a>
<a href="twilight.html"><polygon fill="none" pointer-events="visible" points="434,176 455,184 497,189 493,230 549,197 564,231 548,293 573,363 615,398 605,420 589,394 575,401 556,467 535,387 510,347 500,359 492,355 496,332 478,333 475,319 457,323 443,308 432,254 418,259 401,244 432,192" /></a>
<a href="rarity.html"><polygon fill="none" pointer-events="visible" points="330,586 320,562 407,549 370,426 382,369 433,333 435,278 403,246 371,238 362,294 324,269 327,242 290,264 284,253 259,278 240,477 224,511 146,533 137,587" /></a>
<a href="fluters.html"><polygon fill="none" pointer-events="visible" points="776,561 730,542 608,543 614,517 592,492 562,488 539,394 510,349 500,360 455,342 421,346 383,369 371,425 407,551 456,586 786,587" /></a>
<a href="rainbo.html"><polygon fill="none" pointer-events="visible" points="501,73 560,0 634,8 677,58 718,74 760,104 747,193 694,214 683,204 684,228 667,232 653,222 666,200 633,218 620,244 600,258 617,258 590,269 590,298 601,301 565,339 548,293 564,230 548,197 493,228 498,189 526,153 569,187 585,162 563,158" /></a>
<a href="appel.html"><polygon fill="none" pointer-events="visible" points="682,204 683,228 666,232 652,222 664,200 633,216 621,244 601,256 616,258 591,268 590,296 601,300 575,351 601,367 605,383 621,390 605,419 589,395 575,401 556,470 563,488 597,475 597,458 634,480 614,516 608,542 732,542 805,571 843,535 864,400 814,355 697,390 740,333 730,245" /></a>
<a href="pinky.html"><polygon fill="none" pointer-events="visible" points="254,318 203,288 113,367 155,458 153,489 185,512 213,506 242,456" /></a>
<a href="twilight.html"><polygon fill="none" pointer-events="visible" points="597,458 633,480 613,516 593,494 588,479 597,474" /></a>
</svg>
<p>I didnet make this picture it is from the internet so credit to them</p>
</div>
</div>
<div id="footer">
<p>My littel pony is owned by Hasbro company and i do not have the right to it</p>
</div>
</body>
</html>
32 changes: 32 additions & 0 deletions chareters/twilight.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<html>
<head>
<title>My littel pony | Twilight Sparkel</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<div id="header">
<a href="/"><img src="/img/mylittelpony.png" height="200"></a>
<ul id="nav">
<a href="/chareters/"><li>Charecters</li></a>
<a href="/eg.html"><li>Equestira Girls</li></a>
<a href="/claim.html"><li>Claim</li></a>
</ul>
</div>
<div id="stupid">
<div id="content">
<img src="/img/twilight.webp">
<h2>Twilight Sparkel</h2>
<p>Twilight sparkel is the main charater of the show how she learned about friendship and becames a princess</p>
<p>She has good at magic, and learned how to make frieds after going to poinyville from sent by Princess celesita. Later when she learned how to make a spacial spell she becomes as a princess herself and she wonder about her place in the world but eveything will be okay in the end</p>
<p><b>Element:</b><br>Magic</b></p>
<p><b>Friends:</b><br>Everyone</b></p>
<p><b>Likes:</b><br>books and magic and studying making plans and making friends.</b></p>
<p><b>Dislikes:</b><br>Evil and fighting, when the plans goe wrong,</b></p>
</div>
</div>
<div id="footer">
<p>My littel pony is owned by Hasbro company and i do not have the right to it</p>
</div>
</body>
</html>
Binary file added img/back.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/imsorry.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/mylittelsplash.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
37 changes: 7 additions & 30 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,43 +2,20 @@
<head>
<title>My littel pony</title>
<meta charset="UTF-8"/>
<style>
body {
margin: 0;
padding: 0;
font-family: Roboto, Arial, sans-serif;
}
#header {
width: 100%;
background: purple;
color: white;
text-align: center;
}
#content img {
max-width: 100%;
}
#footer {
width: 100%;
min-height: 3em;
background: black;
color: white;
font-size: 8pt;
text-align: center;
}
</style>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<div id="header">
<a href="/"><img src="/img/mylittelpony.png" height="200"></a>
<ul id="nav">
<a href="/chareters/"><li>Charecters</li></a>
<a href="/eg.html"><li>Equestira Girls</li></a>
<a href="/claim.html"><li>Claim</li></a>
</ul>
</div>
<div id="content">
<p>My littel pony a show on TV and online, you can watch it with your time today</p>
<img src="/img/twilight.webp">
<h2>Twilight Sparkel</h2>
<p>Twilight sparkel is the main charater of the show how she learned about friendship and becames a princess</p>
<p><b>There are other chareters too but i dont have a picture them</b></p>
<img src="/img/ponys-friend.jpg">
<p>I found some</p>
<img src="/img/mylittelsplash.jpg">
</div>
<div id="footer">
<p>My littel pony is owned by Hasbro company and i do not have the right to it</p>
Expand Down
53 changes: 53 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
body {
margin: 0;
padding: 0;
font-family: Roboto, Arial, sans-serif;
min-height:100%;
background: url("/img/back.jpg");
background-position-x: center;
}
#header {
width: 100%;
background: purple;
color: white;
text-align: center;
}
#content {
background: white;
padding: 0 1em;
max-width: 800px;
margin: 0 auto;
overflow: hidden;
}
#content img, #content svg {
max-width: 100%;
}
#footer {
width: 100%;
height: 3em;
background: black;
color: white;
font-size: 8pt;
text-align: center;
overflow: hidden;
}
#nav {
list-style-type: none;
background-color: darkslateblue;
overflow: hidden;
padding: 0;
margin: 0;
}
#nav li {
float: left;
padding: 16px;
}
#nav a {
color: white;
font-size: 1.5em;
text-decoration: none;
}
#nav li:hover {
background-color: indigo;
text-decoration: underline;
}

0 comments on commit 0c97e6a

Please sign in to comment.