Parker2991/Funkin
1
0
Fork 0
mirror of https://github.com/FunkinCrew/Funkin.git synced 2024-11-14 19:25:16 -05:00
Code Issues Projects Releases Packages Wiki Activity

icon, and credits

Browse source
This commit is contained in:
Cameron Taylor 2020-11-18 15:51:43 -08:00
parent a8392e2554
commit 3451d1ce5b
2 changed files with 30 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
docs/index.html
View file

@ -15,6 +15,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="styles.css" rel="stylesheet" type="text/css"> <link href="styles.css" rel="stylesheet" type="text/css">
<!-- <link href="website/mm.ico" rel="icon" type="image/x-icon"> --> <!-- <link href="website/mm.ico" rel="icon" type="image/x-icon"> -->
<link rel="shortcut icon" type="image/png" href="../art/icon.png" />
</head> </head>
<body> <body>
@ -22,12 +23,13 @@
<header> <header>
</header> </header>
<marquee width="600" scrollamount="2"scrolldelay="10" truespeed="truespeed">Friday Night Funkin</marquee>
<marquee width="1920" scrollamount="2" scrolldelay="10" truespeed="truespeed">Friday Night Funkin</marquee>
<!--Hot tortilla wrap--> <!--Hot tortilla wrap-->
<div id="wrapper"> <div id="wrapper">
<h1>Friday Night Funkin' - Rhythm game extraordinaire</h1> <h1>Friday Night Funkin' - Rhythm game extraordinaire</h1>
<div id="coolervidwrapper"> <div id="coolervidwrapper">
<div class='videoWrapper'> <div class='videoWrapper'>
<iframe width="560" height="349" src="https://www.youtube.com/embed/HMNKUo3CCpU" frameborder="0" <iframe width="560" height="349" src="https://www.youtube.com/embed/HMNKUo3CCpU" frameborder="0"
@ -37,15 +39,19 @@
</div> </div>
<div class="coolBox"> <div class="coolBox hovertext" id="twitter">
<p class="description">Friday Night Funkin' is a dope ass rhythm game.</p> <p class="description">Friday Night Funkin' is a dope ass rhythm game.</p>
<p class='description'>It is made by <a href="https://twitter.com/ninja_muffin99">ninjamuffin99 (programmer)</a>, <a
href="https://twitter.com/PhantomArcade3K">PhantomArcade (animator)</a>, <a
href="https://twitter.com/evilsk8r">evilsk8r (artist)</a>,
and <a href="https://twitter.com/kawaisprite">Kawaisprite (musician)</a> originally for Ludum Dare 47.</p>
</div> </div>
<div class="linktext" id="ng"> <div class="linktext hovertext" id="ng">
<a href="https://www.newgrounds.com/portal/view/770371">Play demo on Newgrounds</a> <a href="https://www.newgrounds.com/portal/view/770371">Play demo on Newgrounds</a>
</div> </div>
<div class='linktext' id="itch"> <div class='linktext hovertext' id="itch">
<a href="https://ninja-muffin24.itch.io/funkin">Support the game on Itch.io</a> <a href="https://ninja-muffin24.itch.io/funkin">Support the game on Itch.io</a>
</div> </div>

26
docs/styles.css
View file

@ -15,6 +15,7 @@
marquee { marquee {
margin: auto; margin: auto;
text-align: center; text-align: center;
display: inline-block;
} }
h1 { h1 {
@ -35,6 +36,19 @@ body {
a { color:inherit; a { color:inherit;
text-decoration: none;} text-decoration: none;}
.hovertext a{
color:white;
text-shadow: 0px 0px #00000077;
transition: color 1s, text-shadow 1s;
}
.hovertext a:hover
{
text-shadow: 2px 2px #00000077;
color: #ffb50e;
}
.linktext { .linktext {
text-align: center; text-align: center;
display:block; display:block;
@ -44,23 +58,21 @@ a { color:inherit;
.linktext a { .linktext a {
font-weight: bold; font-weight: bold;
color:white;
text-shadow: 0px 0px #00000077;
transition: color 1s, text-shadow 1s;
} }
.linktext a:hover { .linktext a:hover {
border-radius: 5px; border-radius: 5px;
text-shadow: 2px 2px #00000077;
color: #ffb50e;
} }
#itch a:hover #itch a:hover
{ {
color: #fa5c5c; color: #fa5c5c;
} }
#twitter a:hover
{
color: #00acee;
}
#coolervidwrapper { #coolervidwrapper {
padding-left: min(12em, 75%); padding-left: min(12em, 75%);