leif/lexys-labyrinth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add trademark disclaimer to LL itself

Browse Source
This commit is contained in:
Eevee (Evelyn Woods) 2021-02-18 11:37:02 -07:00
parent bdbab78840
commit 0642915c16
2 changed files with 27 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -11,7 +11,8 @@
<meta name="og:type" content="website">
<meta name="og:image" content="https://c.eev.ee/lexys-labyrinth/og-preview.png">
<meta name="og:title" content="Lexy's Labyrinth">
<meta name="og:description" content="A free emulator for Chip's Challenge 1 and 2, with hundreds of levels and a level editor built in.">
<meta name="og:description" content="Free online puzzle game that emulates Chip's Challenge. Play hundreds of community curated levels, load the levels from the commercial games, or make your own with the built-in editor.">
<meta name="description" content="Free online puzzle game that emulates Chip's Challenge. Play hundreds of community curated levels, load the levels from the commercial games, or make your own with the built-in editor.">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<body data-mode="failed">
@ -96,7 +97,7 @@
<header>
<img src="og-preview.png" alt="">
<h1>Lexy's Labyrinth</h1>
<p>an unapproved Chip's Challenge 2 emulator</p>
<p>an unauthorized <strong>Chip's Challenge</strong>® emulator</p>
</header>
<div id="splash-links">
<a href="https://github.com/eevee/lexys-labyrinth/wiki">About</a>
@ -104,6 +105,7 @@
<a href="https://github.com/eevee/lexys-labyrinth">Source code and more</a>
<a href="https://patreon.com/eevee">Support on Patreon</a>
</div>
<p id="splash-disclaimer"><strong>Chip's Challenge</strong> is a registered trademark of Bridgestone Media Group LLC, used here for identification purposes only. Not affiliated with, sponsored, or endorsed by Bridgestone Media Group LLC.</p>
<section id="splash-stock-levels">
<h2>Play</h2>

27
style.css
View File

@ -578,6 +578,7 @@ pre.stack-trace {
grid:
"header header"
"links links"
"disclaimer disclaimer"
"stock yours"
/ 3fr minmax(18em, 1fr)
;
@ -686,39 +687,57 @@ pre.stack-trace {
#splash > #splash-your-levels {
grid-area: yours;
}
#splash > #splash-disclaimer {
grid-area: disclaimer;
font-size: 0.83em;
margin: 0;
text-align: center;
color: #c0c0c0;
}
@media (max-width: 800px) {
#splash {
/* Grid layout doesn't fit, just stack everything */
display: flex;
flex-direction: column;
gap: 0.5em;
/* 10% padding is way way too much */
padding: 1em;
padding: 0.5em;
}
#splash::after {
/* This needs different handling in a flex container */
flex: 0 0 0.5em;
height: auto;
}
/* Shrink logo and title */
/* Shrink logo and title, and left-align both */
#splash > header {
grid-template-rows: auto auto;
grid-template-columns: min-content 1fr;
column-gap: 0.5em;
margin: 0;
}
#splash > header img {
width: 48px;
}
#splash > header h1 {
font-size: 2em;
font-size: 1.5em;
}
#splash > header p {
font-size: 1em;
font-size: 0.9em;
}
/* No need to boost the font size here */
#splash > #splash-links {
font-size: inherit;
column-gap: 1em;
}
#splash > section {
padding: 0.5em;
}
/* This takes up an incredible amount of space on a phone; push it down, they have to scroll to
* see much of anything anyway. TODO possibly revert if i can find a way to shorten wording */
#splash > #splash-disclaimer {
order: 99;
}
}
.played-pack-list {