mirror of
https://github.com/ninjamuffin99/Funkin.git
synced 2024-08-19 23:15:15 +00:00
icon, and credits
This commit is contained in:
parent
a8392e2554
commit
3451d1ce5b
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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%);
|
||||||
|
|
Loading…
Reference in a new issue