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:type" content="website">
<meta name="og:image" content="https://c.eev.ee/lexys-labyrinth/og-preview.png"> <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: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"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head> </head>
<body data-mode="failed"> <body data-mode="failed">
@ -96,7 +97,7 @@
<header> <header>
<img src="og-preview.png" alt=""> <img src="og-preview.png" alt="">
<h1>Lexy's Labyrinth</h1> <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> </header>
<div id="splash-links"> <div id="splash-links">
<a href="https://github.com/eevee/lexys-labyrinth/wiki">About</a> <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://github.com/eevee/lexys-labyrinth">Source code and more</a>
<a href="https://patreon.com/eevee">Support on Patreon</a> <a href="https://patreon.com/eevee">Support on Patreon</a>
</div> </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"> <section id="splash-stock-levels">
<h2>Play</h2> <h2>Play</h2>

27
style.css
View File

@ -578,6 +578,7 @@ pre.stack-trace {
grid: grid:
"header header" "header header"
"links links" "links links"
"disclaimer disclaimer"
"stock yours" "stock yours"
/ 3fr minmax(18em, 1fr) / 3fr minmax(18em, 1fr)
; ;
@ -686,39 +687,57 @@ pre.stack-trace {
#splash > #splash-your-levels { #splash > #splash-your-levels {
grid-area: yours; grid-area: yours;
} }
#splash > #splash-disclaimer {
grid-area: disclaimer;
font-size: 0.83em;
margin: 0;
text-align: center;
color: #c0c0c0;
}
@media (max-width: 800px) { @media (max-width: 800px) {
#splash { #splash {
/* Grid layout doesn't fit, just stack everything */ /* Grid layout doesn't fit, just stack everything */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.5em;
/* 10% padding is way way too much */ /* 10% padding is way way too much */
padding: 1em; padding: 0.5em;
} }
#splash::after { #splash::after {
/* This needs different handling in a flex container */ /* This needs different handling in a flex container */
flex: 0 0 0.5em; flex: 0 0 0.5em;
height: auto; height: auto;
} }
/* Shrink logo and title */ /* Shrink logo and title, and left-align both */
#splash > header { #splash > header {
grid-template-rows: auto auto; grid-template-rows: auto auto;
grid-template-columns: min-content 1fr;
column-gap: 0.5em; column-gap: 0.5em;
margin: 0;
} }
#splash > header img { #splash > header img {
width: 48px; width: 48px;
} }
#splash > header h1 { #splash > header h1 {
font-size: 2em; font-size: 1.5em;
} }
#splash > header p { #splash > header p {
font-size: 1em; font-size: 0.9em;
} }
/* No need to boost the font size here */ /* No need to boost the font size here */
#splash > #splash-links { #splash > #splash-links {
font-size: inherit; font-size: inherit;
column-gap: 1em; 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 { .played-pack-list {