mirror of
https://github.com/ssyyhhrr/stewardle.git
synced 2025-11-08 10:33:46 -05:00
Adsterra
This commit is contained in:
ssyyhhrr
@@ -488,6 +488,23 @@ p a:hover {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.vertical-ad {
|
||||
height: 600px;
|
||||
width: 160px;
|
||||
margin: 25px auto 0px;
|
||||
}
|
||||
|
||||
.banner-ad {
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
}
|
||||
@@ -563,6 +580,18 @@ p a:hover {
|
||||
h1 {
|
||||
font-size: 2.5em;
|
||||
}
|
||||
|
||||
.banner-ad {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.vertical-ad {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width:740px) {
|
||||
|
||||
186
views/index.ejs
186
views/index.ejs
@@ -10,8 +10,6 @@
|
||||
<script src="https://kit.fontawesome.com/134dd703dd.js" crossorigin="anonymous"></script>
|
||||
<title>Stewardle</title>
|
||||
<meta name="description" content="Test your F1 knowledge by guessing the driver of the day using the clues from your previous guesses! Inspired by Wordle, created by syhr.">
|
||||
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7890608731216910"
|
||||
crossorigin="anonymous"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="tutorial">
|
||||
@@ -96,88 +94,116 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="splitter"></div>
|
||||
<div class="board">
|
||||
<div class="row header">
|
||||
<div class="frame header"><div class="text">Driver</div></div>
|
||||
<div class="frame header"><div class="text">Geo</div></div>
|
||||
<div class="frame header"><div class="text">Team</div></div>
|
||||
<div class="frame header"><div class="text">Car<br>Num</div></div>
|
||||
<div class="frame header"><div class="text">Driver<br>Age</div></div>
|
||||
<div class="frame header"><div class="text">First<br>Year</div></div>
|
||||
<div class="frame header"><div class="text">Race<br>Wins</div></div>
|
||||
<div class="content">
|
||||
<div class="vertical-ad">
|
||||
<script type="text/javascript">
|
||||
atOptions = {
|
||||
'key' : '506aea9125e8277ac9fd84cfc363d8ad',
|
||||
'format' : 'iframe',
|
||||
'height' : 600,
|
||||
'width' : 160,
|
||||
'params' : {}
|
||||
};
|
||||
document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.profitabledisplaynetwork.com/506aea9125e8277ac9fd84cfc363d8ad/invoke.js"></scr' + 'ipt>');
|
||||
</script>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="game">
|
||||
<div class="board">
|
||||
<div class="row header">
|
||||
<div class="frame header"><div class="text">Driver</div></div>
|
||||
<div class="frame header"><div class="text">Flag</div></div>
|
||||
<div class="frame header"><div class="text">Team</div></div>
|
||||
<div class="frame header"><div class="text">Car<br>Num</div></div>
|
||||
<div class="frame header"><div class="text">Driver<br>Age</div></div>
|
||||
<div class="frame header"><div class="text">First<br>Year</div></div>
|
||||
<div class="frame header"><div class="text">Race<br>Wins</div></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input">
|
||||
<div class="autocomplete">
|
||||
<input id="myInput" type="text" placeholder="Driver">
|
||||
</div>
|
||||
</div>
|
||||
<div class="banner-ad">
|
||||
<script type="text/javascript">
|
||||
atOptions = {
|
||||
'key' : '2e9f6dc2f375f2e2b9968f73cb1ea713',
|
||||
'format' : 'iframe',
|
||||
'height' : 50,
|
||||
'width' : 320,
|
||||
'params' : {}
|
||||
};
|
||||
document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.profitabledisplaynetwork.com/2e9f6dc2f375f2e2b9968f73cb1ea713/invoke.js"></scr' + 'ipt>');
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="frame"></div>
|
||||
<div class="vertical-ad">
|
||||
<script type="text/javascript">
|
||||
atOptions = {
|
||||
'key' : '506aea9125e8277ac9fd84cfc363d8ad',
|
||||
'format' : 'iframe',
|
||||
'height' : 600,
|
||||
'width' : 160,
|
||||
'params' : {}
|
||||
};
|
||||
document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.profitabledisplaynetwork.com/506aea9125e8277ac9fd84cfc363d8ad/invoke.js"></scr' + 'ipt>');
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input">
|
||||
<div class="autocomplete">
|
||||
<input id="myInput" type="text" placeholder="Driver">
|
||||
</div>
|
||||
</div>
|
||||
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7890608731216910"
|
||||
crossorigin="anonymous"></script>
|
||||
<!-- Footer Ad -->
|
||||
<ins class="adsbygoogle"
|
||||
style="display:block"
|
||||
data-ad-client="ca-pub-7890608731216910"
|
||||
data-ad-slot="1543055497"
|
||||
data-ad-format="auto"
|
||||
data-full-width-responsive="true"></ins>
|
||||
<script>
|
||||
(adsbygoogle = window.adsbygoogle || []).push({});
|
||||
</script>
|
||||
<div class="credits">
|
||||
<p style="margin-bottom: 0.25em">Inspired by <a href="https://www.nytimes.com/games/wordle/index.html" target="_blank">Wordle</a></p>
|
||||
<p style="margin-top: 0px">Created by <a href="https://sy.hr/" target="_blank">syhr</a> <a href="https://github.com/ssyyhhrr/stewardle" target="_blank"><i class="fa-brands fa-github"></i></a></p>
|
||||
|
||||
Reference in New Issue
Block a user