Skip to content
Snippets Groups Projects
Commit dce79619 authored by benjamin's avatar benjamin
Browse files

print CSS

parent 46b9e00a
Branches
No related tags found
No related merge requests found
Pipeline #5414 passed
Stage: deploy
Show whitespace changes
Inline Side-by-side
public/about.html
+ 18
− 14
View file @ dce79619
......@@ -15,8 +15,8 @@
</head>
<body class="font-Ubuntu">
<header>
<div class="js" lang="en" id="accessibility-options">
<button type="button">
<div class="js no-print" lang="en" id="accessibility-options">
<button type="button" class="no-print">
Accessibility&nbsp;Options
</button>
<fieldset class="display-none" id="font-selection">
......@@ -95,10 +95,12 @@
</fieldset>
</div>
<h1><a href="index.html"> C3 Inclusion Operation Center</a></h1>
<a href="#english" lang="en" class="skiplink">Go to English content</a>
<a href="#english" lang="en" class="skiplink no-print"
>Go to English content</a
>
</header>
<label class="no-js" for="toggle">OpenDyslexic Font</label>
<input class="no-js" type="checkbox" id="toggle" />
<label class="no-js no-print" for="toggle">OpenDyslexic Font</label>
<input class="no-js no-print" type="checkbox" id="toggle" />
<div class="fontchange">
<main>
<section lang="de" id="deutsch">
......@@ -118,8 +120,8 @@
wird hell oder dunkel angezeigt. Die Vorgabe wird
<a
href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme"
>mit einem Media-Query abgefragt</a
>.
>mit einem Media-Query abgefragt.</a
>
</p>
<p>
<a
......@@ -138,8 +140,9 @@
>in Javascript realisiert</a
>
und als no-JS-Fallback gibt es immerhin zwei Fonts per
<a href="https://css-tricks.com/the-checkbox-hack/">Checkbox-Hack</a
>.
<a href="https://css-tricks.com/the-checkbox-hack/"
>Checkbox-Hack.</a
>
</p>
<p>
Hier ein Kommentar zu der Font-Auswahl:
......@@ -181,8 +184,8 @@
your browser or operating system settings, and is queried
<a
href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme"
>by a media query</a
>.
>by a media query.</a
>
</p>
<p>
<a
......@@ -201,8 +204,9 @@
implemented in Javascript</a
>, and if your browser does not allow javascript, you can still
choose between two fonts, implemented via
<a href="https://css-tricks.com/the-checkbox-hack/">checkbox hack</a
>.
<a href="https://css-tricks.com/the-checkbox-hack/"
>checkbox hack.</a
>
</p>
<p>
Regarding the choices of fonts:
......@@ -227,7 +231,7 @@
</p>
</section>
</main>
<footer>
<footer class="no-print">
<a lang="de" href="index.html">Zurück zur Hauptseite</a> /
<a lang="en" href="index.html#english">back to main page</a>
<br />
......
public/index.html
+ 12
− 10
View file @ dce79619
......@@ -15,8 +15,8 @@
</head>
<body class="font-Ubuntu">
<header>
<div class="js" lang="en" id="accessibility-options">
<button type="button">
<div class="js no-print" lang="en" id="accessibility-options">
<button class="no-print" type="button">
Accessibility&nbsp;Options
</button>
<fieldset class="display-none" id="font-selection">
......@@ -97,10 +97,12 @@
<h1>
C3 Inclusion Operation Center
</h1>
<a href="#english" lang="en" class="skiplink">Go to English content</a>
<a href="#english" lang="en" class="skiplink no-print"
>Go to English content</a
>
</header>
<label class="no-js" for="toggle">OpenDyslexic Font</label>
<input class="no-js" type="checkbox" id="toggle" />
<label class="no-js no-print" for="toggle">OpenDyslexic Font</label>
<input class="no-js no-print" type="checkbox" id="toggle" />
<div class="fontchange">
<main>
<section lang="de" id="deutsch">
......@@ -146,8 +148,8 @@
Es gibt einen
<a href="https://nwng.eu/guides/voc-ad"
>Guide für Live-Audiodeskriptionen bei
Vortragsveranstaltungen</a
>.
Vortragsveranstaltungen.</a
>
</li>
<li>
Wir haben eine
......@@ -246,8 +248,8 @@
We made a
<a href="speakersdesk.html#english"
>checklist with things that are relevant for accessibility for
the Speakers Desk</a
>.
the Speakers Desk.</a
>
</li>
<li>
......@@ -291,7 +293,7 @@
</p>
</section>
</main>
<footer>
<footer class="no-print">
<a lang="en" href="https://help.ccc.de">help.ccc.de</a> <br />
<a lang="de" href="https://legal.cccv.de"
>Impressum/<wbr />Datenschutzerklärung</a
......
public/speakersdesk.html
+ 8
− 6
View file @ dce79619
......@@ -15,8 +15,8 @@
</head>
<body class="font-Ubuntu">
<header>
<div class="js" lang="en" id="accessibility-options">
<button type="button">
<div class="js no-print" lang="en" id="accessibility-options">
<button class="no-print" type="button">
Accessibility&nbsp;Options
</button>
<fieldset class="display-none" id="font-selection">
......@@ -95,10 +95,12 @@
</fieldset>
</div>
<h1><a href="index.html"> C3 Inclusion Operation Center</a></h1>
<a href="#english" lang="en" class="skiplink">Go to English content</a>
<a href="#english" lang="en" class="skiplink no-print"
>Go to English content</a
>
</header>
<label class="no-js" for="toggle">OpenDyslexic Font</label>
<input class="no-js" type="checkbox" id="toggle" />
<label class="no-js no-print" for="toggle">OpenDyslexic Font</label>
<input class="no-js no-print" type="checkbox" id="toggle" />
<div class="fontchange">
<main>
<section lang="de" id="deutsch">
......@@ -323,7 +325,7 @@
Inclusion Operation Center
</section>
</main>
<footer>
<footer class="no-print">
<a lang="de" href="index.html">Zurück zur Hauptseite</a> /
<a lang="en" href="index.html#english">back to main page</a>
<br />
......
public/styles/style.css
+ 5
− 0
View file @ dce79619
......@@ -471,5 +471,10 @@ a:focus {
background-color: #8432ee;
}
}
@media print {
.no-print {
display: none;
}
}
/*# sourceMappingURL=style.css.map */
public/styles/style.scss
+ 6
− 0
View file @ dce79619
......@@ -295,3 +295,9 @@ footer {
}
}
}
@media print {
.no-print {
display: none;
}
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Impressum - Datenschutzerklärung