mirror of
https://scm.osdn.net/gitroot/planet/planet-launcher.git
synced 2024-08-15 03:28:13 +00:00
Added fade in, image, and link to GitHub page. (#23)
This commit is contained in:
parent
c5726d9048
commit
ffbac4b7d1
3 changed files with 42 additions and 1 deletions
BIN
img/screenshot.png
Normal file
BIN
img/screenshot.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 58 KiB |
24
index.html
24
index.html
|
@ -10,6 +10,23 @@
|
|||
<link rel="shortcut icon" type="image/png" href="./img/favicon.ico"/>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<title>Planet Launcher</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
animation: fadeInAnimation ease 3s;
|
||||
animation-iteration-count: 1;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
@keyframes fadeInAnimation {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainimage">
|
||||
|
@ -18,6 +35,13 @@
|
|||
<div class="beginningtext">
|
||||
<h1 class="mainheader">Planet Launcher</h1>
|
||||
<h3 class="secondheader">An interactive launcher for minecraft pi edition, reborn!</h3>
|
||||
<p>
|
||||
<a href="https://github.com/mcpiscript/Planet" target="_blank" class="githubpagehyperlink">GitHub page</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="screenshotimage">
|
||||
<img src="./img/screenshot.png" alt="screenshot of launcher" class="launcherimage">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
17
styles.css
17
styles.css
|
@ -2,6 +2,9 @@ body {
|
|||
background-color: black;
|
||||
}
|
||||
|
||||
.beginningtext {
|
||||
text-align: center;
|
||||
}
|
||||
.mainimage {
|
||||
text-align: center;
|
||||
padding: 5px;
|
||||
|
@ -22,3 +25,17 @@ body {
|
|||
text-align: center;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.launcherimage {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 70%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.githubpagehyperlink {
|
||||
font-family: 'IBM Plex Sans Hebrew', sans-serif;
|
||||
color: white;
|
||||
font-size: 1.2em;
|
||||
}
|
Loading…
Reference in a new issue