icon, and credits

This commit is contained in:
Cameron Taylor 2020-11-18 15:51:43 -08:00
parent 85a5f7d9df
commit f40b4df571
2 changed files with 30 additions and 12 deletions

View File

@ -15,6 +15,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="styles.css" rel="stylesheet" type="text/css">
<!-- <link href="website/mm.ico" rel="icon" type="image/x-icon"> -->
<link rel="shortcut icon" type="image/png" href="../art/icon.png" />
</head>
<body>
@ -22,11 +23,12 @@
<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-->
<div id="wrapper">
<h1>Friday Night Funkin' - Rhythm game extraordinaire</h1>
<div id="coolervidwrapper">
<div class='videoWrapper'>
@ -37,15 +39,19 @@
</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'>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 class="linktext" id="ng">
<div class="linktext hovertext" id="ng">
<a href="https://www.newgrounds.com/portal/view/770371">Play demo on Newgrounds</a>
</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>
</div>

View File

@ -15,6 +15,7 @@
marquee {
margin: auto;
text-align: center;
display: inline-block;
}
h1 {
@ -35,6 +36,19 @@ body {
a { color:inherit;
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 {
text-align: center;
display:block;
@ -43,24 +57,22 @@ a { color:inherit;
}
.linktext a {
font-weight: bold;
color:white;
text-shadow: 0px 0px #00000077;
transition: color 1s, text-shadow 1s;
font-weight: bold;
}
.linktext a:hover {
border-radius: 5px;
text-shadow: 2px 2px #00000077;
color: #ffb50e;
}
#itch a:hover
{
color: #fa5c5c;
}
#twitter a:hover
{
color: #00acee;
}
#coolervidwrapper {
padding-left: min(12em, 75%);