FSFE/fsfe-website
25
31
Fork 92
Code Issues 65 Pull Requests 5 Wiki Activity

Fix press pages css

Browse Source
This commit is contained in:
delliott 2024-08-23 11:20:41 +02:00
parent 610470e538
commit 7bedb910b8
Signed by: delliott
SSH Key Fingerprint: SHA256:h5IC6Ec/o6ypmpM7ZdRqULGyG8dz4Jr5K192BAWAjoo
8 changed files with 57 additions and 146 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
look/fsfe.less
View File

@ -20,6 +20,7 @@
@import "pages/frontpage";
@import "pages/interview";
@import "pages/news";
@import "pages/press";
@import "pages/spreadtheword";
@import "pages/tags";
@import "pages/upcycling-android";

45
look/pages/press.less Normal file
View File

@ -0,0 +1,45 @@
/* Specific to press page */
ul.press.subheadings li {
grid-template-columns: 1fr 4fr;
display: grid;
grid-column-gap: 10px;
margin-top: 20px;
}
ul.press.subheadings li h3 {
margin-top: 0px;
}
div.press.icon {
max-width: 72px;
}
.box-pressicons {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.pressicon {
flex: 0.2;
float: left;
margin: 20px;
text-align: center;
}
.pressicon img {
padding-bottom: 10px;
max-width: 90px !important;
}
.press.btn {
margin: 5px;
}
@media (min-width: 992px) {
.press.space15 {
padding-top: 45px;
}
}
@media (min-width: 1200px) {
.press.space15 {
padding-top: 15px;
}
}

19
press/press.de.xhtml
View File

@ -5,22 +5,7 @@
<head>
<title>Presseinformationen</title>
<style>
ul.subheadings li {
display: grid;
grid-column-gap: 10px;
grid-template-columns: 1fr 4fr;
margin-top: 20px;
}
ul.subheadings li h3 {
margin-top: 0;
}
div.icon {
max-width: 72px;
}
</style>
</head>
<body class="toplevel">
@ -155,7 +140,7 @@
<h2>Hintergrund und Ressourcen</h2>
<ul class="subheadings">
<ul class="press subheadings">
<li>
<div class="icon"><a href="/freesoftware/freesoftware.html"><img src="/graphics/icons/fs-basics.png"

52
press/press.en.xhtml
View File

@ -6,51 +6,7 @@
<head>
<title>Newsroom</title>
<style>
ul.subheadings li {
grid-template-columns: 1fr 4fr;
display: grid;
grid-column-gap: 10px;
margin-top:20px;
}
ul.subheadings li h3 {
margin-top:0px;
}
div.icon {
max-width: 72px;
}
.box-pressicons {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.pressicon {
flex: 0.2;
float: left;
margin: 20px;
text-align: center;
}
.pressicon img {
padding-bottom: 10px;
max-width: 90px !important;
}
.btn {
margin: 5px;
}
@media (min-width: 992px) {
.space15 {
padding-top: 45px;
}
}
@media (min-width: 1200px) {
.space15 {
padding-top: 15px;
}
}
</style>
</head>
@ -71,7 +27,7 @@
</div>
<div class="box">
<h2>Contact our Press Team</h2>
<p class="space15">
<p class="press space15">
Please direct enquiries to <email mailto="yes">press@fsfe.org</email>, or by post
to:
</p>
@ -92,8 +48,8 @@
</p>
<div style="text-align:center; margin:2em;">
<a href="//lists.fsfe.org/mailman/listinfo/press-release" class="btn btn-success">Subscribe to our Press Releases</a>
<a href="//mastodon.social/@fsfe" class="btn btn-info">Follow @fsfe</a>
<a href="//lists.fsfe.org/mailman/listinfo/press-release" class="press btn press btn-success">Subscribe to our Press Releases</a>
<a href="//mastodon.social/@fsfe" class="press btn press btn-info">Follow @fsfe</a>
</div>
</div>
</div>

22
press/press.es.xhtml
View File

@ -6,29 +6,9 @@
<head>
<title>Sala de Prensa</title>
<style>
ul.subheadings li {
grid-template-columns: 1fr 4fr;
display: grid;
grid-column-gap: 10px;
margin-top:20px;
}
ul.subheadings li h3 {
margin-top:0px;
}
div.icon {
max-width: 72px;
}
</style>
</head>
<body class="toplevel">
@ -145,7 +125,7 @@
<h2>Antecedentes y recursos</h2>
<ul class="subheadings">
<ul class="press subheadings">
<li><div class="icon"><a href="/freesoftware/freesoftware.html"><img src="/graphics/icons/fs-basics.png" alt="Conceptos Básicos de Software Libre" /></a></div>
<div>

20
press/press.fr.xhtml
View File

@ -6,23 +6,7 @@
<head>
<title>Espace Presse</title>
<style>
ul.subheadings li {
grid-template-columns: 1fr 4fr;
display: grid;
grid-column-gap: 10px;
}
ul.subheadings li h3 {
margin-top:0px;
}
div.icon {
max-width: 72px;
}
</style>
</head>
@ -150,7 +134,7 @@
<h2>Contexte et ressources</h2>
<ul class="subheadings">
<ul class="press subheadings">
<li><div class="icon"><a href="/freesoftware/freesoftware.html"><img src="/graphics/icons/fs-basics.png" alt="Free Software Basics" /></a></div>
<div>

22
press/press.it.xhtml
View File

@ -6,29 +6,9 @@
<head>
<title>Sala stampa</title>
<style>
ul.subheadings li {
grid-template-columns: 1fr 4fr;
display: grid;
grid-column-gap: 10px;
margin-top:20px;
}
ul.subheadings li h3 {
margin-top:0px;
}
div.icon {
max-width: 72px;
}
</style>
</head>
<body class="toplevel">
@ -151,7 +131,7 @@
<h2>Background e risorse</h2>
<ul class="subheadings">
<ul class="press subheadings">
<li><div class="icon"><a href="/freesoftware/freesoftware.html"><img src="/graphics/icons/fs-basics.png" alt="Principi del Software Libero" /></a></div>
<div>

22
press/press.nl.xhtml
View File

@ -6,29 +6,9 @@
<head>
<title>Voor de pers</title>
<style>
ul.subheadings li {
grid-template-columns: 1fr 4fr;
display: grid;
grid-column-gap: 10px;
margin-top:20px;
}
ul.subheadings li h3 {
margin-top:0px;
}
div.icon {
max-width: 72px;
}
</style>
</head>
<body class="toplevel">
@ -141,7 +121,7 @@
<h2>Achtergrond en hulpbronnen</h2>
<ul class="subheadings">
<ul class="press subheadings">
<li><div class="icon"><a href="/freesoftware/freesoftware.html"><img src="/graphics/icons/fs-basics.png" alt="Basis van Vrije Software" /></a></div>
<div>