88/planet-launcher
88
/
planet-launcher
mirror of https://scm.osdn.net/gitroot/planet/planet-launcher.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added fade in, image, and link to GitHub page. (#23)

This commit is contained in:
Grimet 2022-04-27 12:29:14 -07:00 committed by GitHub
parent c5726d9048
commit ffbac4b7d1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 42 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/screenshot.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

26
index.html
View File

@ -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>
</html>

17
styles.css
View File

@ -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;
}