This commit is contained in:
parent
6755e47cca
commit
9066d238d0
@ -3,37 +3,22 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>We are the FSFE</title>
|
||||
|
||||
<style type="text/css">
|
||||
div.interviewicons {
|
||||
padding: 2em 0 0 2em;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
div.interviewicons img {
|
||||
padding: 0.5em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="article">
|
||||
<p id="category"><a href="/about/about.html">About FSFE</a></p>
|
||||
|
||||
<h1>"We are the FSFE"</h1>
|
||||
<h1>“We are the FSFE”<br/><small>Testimonials from our community</small></h1>
|
||||
|
||||
<h2>Testimonials from our community</h2>
|
||||
|
||||
<div id="introduction">
|
||||
<p>
|
||||
FSFE is a charity dedicated to empowering users to control technology.
|
||||
Together with our community we form a movement to build freedom in
|
||||
digital society. There will never be enough space to shed light on all
|
||||
the creative minds and motivated people who helped us grow and share
|
||||
our mission. Still, we like to highlight at least some of our priceless
|
||||
community members who in one way or another shaped the FSFE's profile
|
||||
to help us become what we are now.
|
||||
</p>
|
||||
</div>
|
||||
<p id="introduction">
|
||||
FSFE is a charity dedicated to empowering users to control technology.
|
||||
Together with our community we form a movement to build freedom in
|
||||
digital society. There will never be enough space to shed light on all
|
||||
the creative minds and motivated people who helped us grow and share
|
||||
our mission. Still, we like to highlight at least some of our priceless
|
||||
community members who in one way or another shaped the FSFE's profile
|
||||
to help us become what we are now.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
On this page you find diverse people from within the FSFE community,
|
||||
@ -47,139 +32,106 @@
|
||||
<a href="mailto:contact@fsfe.org">let us know</a>.
|
||||
</p>
|
||||
|
||||
<div class="row">
|
||||
<div id="agger" class="col-12 col-sm-9">
|
||||
<p style="padding: 1em">
|
||||
<em>
|
||||
"I was a solitary voice for years, explaining the principles behind
|
||||
Free Software and its importance for people in my country in
|
||||
numerous articles and blog posts. I wanted to belong to an
|
||||
organization with the goal of building the digital society on 100%
|
||||
free software, and supporting the FSFE and gaining access to its
|
||||
infrastructure seemed like a logical first step."
|
||||
</em>
|
||||
<br/>
|
||||
<strong>Carsten Agger, Denmark</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-3">
|
||||
<figure class="figure">
|
||||
<img class="img-circle" src="/fellowship/graphics/people/carstenagger.jpg" alt="" width="150px"/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="quote-list">
|
||||
<li id="agger">
|
||||
<div class="with-image-right">
|
||||
<img class="img-circle" src="/fellowship/graphics/people/carstenagger.jpg" alt="Photograph of Carsten Agger"/>
|
||||
<div>
|
||||
<p>
|
||||
“I was a solitary voice for years, explaining the principles behind
|
||||
Free Software and its importance for people in my country in
|
||||
numerous articles and blog posts. I wanted to belong to an
|
||||
organization with the goal of building the digital society on 100%
|
||||
free software, and supporting the FSFE and gaining access to its
|
||||
infrastructure seemed like a logical first step.”
|
||||
</p>
|
||||
<p class="source">Carsten Agger, Denmark</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<div id="cryptie" class="row">
|
||||
<div class="col-12 col-sm-9">
|
||||
<p style="padding: 1em">
|
||||
<em>
|
||||
"I am Cryptie, I am living in Paris, France. I used to be a
|
||||
cryptographer and now I am a privacy specialist. I consciously use
|
||||
Free Software for 15 years now. I discovered the FSFE randomly, I
|
||||
found the FSFE website and just loved this idea of
|
||||
counter-lobbying. I am a supporter of the FSFE for already 6 years
|
||||
now."
|
||||
</em>
|
||||
<br />
|
||||
<strong>Amandine "Cryptie", France</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-3">
|
||||
<figure class="figure">
|
||||
<img class="img-circle" src="/picturebase/people/2018-cryptie-300px.jpg" alt="" width="150px"/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<div class="interviewicons" style="margin-left: 3em;">
|
||||
<p>
|
||||
<a href="#video-30s-cryptie"><img src="/graphics/video32.png" title="Watch The FSFE and me in 30 seconds with Cryptie"/>Watch our short interview with Cryptie</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="#interview"><img src="/graphics/mic32.png" title="Read our short-interview with Cryptie" />Read our short interview with Cryptie</a>
|
||||
</p>
|
||||
</div>
|
||||
<li id="cryptie">
|
||||
<div class="with-image-right">
|
||||
<img class="img-circle" src="/picturebase/people/2018-cryptie-300px.jpg" alt="Photograph of Cryptie"/>
|
||||
<div>
|
||||
<p>
|
||||
“I am Cryptie, I am living in Paris, France. I used to be a
|
||||
cryptographer and now I am a privacy specialist. I consciously use
|
||||
Free Software for 15 years now. I discovered the FSFE randomly, I
|
||||
found the FSFE website and just loved this idea of
|
||||
counter-lobbying. I am a supporter of the FSFE for already 6 years
|
||||
now.”
|
||||
</p>
|
||||
<p class="source">Amandine “Cryptie”, France</p>
|
||||
<p><a href="interviews/cryptie.html#video"><span class="fa fa-video-camera fa-lg"/> Watch our short interview with Cryptie</a></p>
|
||||
<p><a href="interviews/cryptie.html#interview"><span class="fa fa-microphone fa-lg"/> Read our short interview with Cryptie</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<div class="row">
|
||||
<div id="giedke" class="col-12 col-sm-9">
|
||||
<p style="padding: 1em">
|
||||
<em>
|
||||
"I am a strong supporter of the ideas behind free software and a
|
||||
daily user of free software. I think a voice that explains why Free
|
||||
Software is good for society and what are the conditions under
|
||||
which the Free Software ecosystem can grow is vitally important. By
|
||||
joining FSF and FSFE, I wanted to say thanks to free software
|
||||
advocates and developers and help in maintaining political
|
||||
conditions that allow and favor free software development and
|
||||
use."
|
||||
</em>
|
||||
<br />
|
||||
<strong>Geza Giedke, Spain</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-3">
|
||||
<figure class="figure">
|
||||
<img class="img-circle" src="/fellowship/graphics/people/giedke.jpg" alt="" width="150px"/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<li id="giedke">
|
||||
<div class="with-image-right">
|
||||
<img class="img-circle" src="/fellowship/graphics/people/giedke.jpg" alt="Photograph of Geza Giedke"/>
|
||||
<div>
|
||||
<p>
|
||||
“I am a strong supporter of the ideas behind free software and a
|
||||
daily user of free software. I think a voice that explains why Free
|
||||
Software is good for society and what are the conditions under
|
||||
which the Free Software ecosystem can grow is vitally important. By
|
||||
joining FSF and FSFE, I wanted to say thanks to free software
|
||||
advocates and developers and help in maintaining political
|
||||
conditions that allow and favor free software development and
|
||||
use.”
|
||||
</p>
|
||||
<p class="source">Geza Giedke, Spain</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="captioned" style="width:80%; margin: 1.5em auto; padding: 3em 0 3em 0;">
|
||||
<div class="captioned" style="width:80%; margin: 1.5em auto;">
|
||||
<img src="/picturebase/people/201808-community-meeting-rmll-800px.jpg"/>
|
||||
<footer><p>FSFE supporters at the community meeting 2018 in Strasbourg.</p></footer>
|
||||
<footer>FSFE supporters at the community meeting 2018 in Strasbourg</footer>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div id="mueller" class="col-12 col-sm-9">
|
||||
<p style="padding: 1em">
|
||||
<em>
|
||||
"In a world where software influences virtually every single aspect
|
||||
of our lives, Free Software is a precondition for a free society."
|
||||
</em>
|
||||
<br/>
|
||||
<strong>Reinhard Müller, Austria</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-3">
|
||||
<figure class="figure">
|
||||
<img class="img-circle" src="/picturebase/people/2018-reinhard-mueller-300px.jpg" alt="" width="150px"/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<div class="interviewicons" style="margin-left: 3em;">
|
||||
<p>
|
||||
<a href="#interview"><img src="/graphics/mic32.png" title="Read our short-interview" />Read our short interview with Reinhard</a>
|
||||
</p>
|
||||
</div>
|
||||
<ul class="quote-list">
|
||||
<li id="mueller">
|
||||
<div class="with-image-right">
|
||||
<img class="img-circle" src="/picturebase/people/2018-reinhard-mueller-300px.jpg" alt="Photograph of Reinhard Müller"/>
|
||||
<div>
|
||||
<p>
|
||||
“In a world where software influences virtually every single aspect
|
||||
of our lives, Free Software is a precondition for a free society.”
|
||||
</p>
|
||||
<p class="source">Reinhard Müller, Austria</p>
|
||||
<p><a href="interviews/reinhard.html"><span class="fa fa-microphone fa-lg"/> Read our short interview with Reinhard</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<div class="row">
|
||||
<div id="arjona" class="col-12 col-sm-9">
|
||||
<p style="padding: 1em">
|
||||
<em>
|
||||
"If software is licensed as free software, we can audit it, and be
|
||||
sure that it does what it's intended to do (and nothing else).
|
||||
Public institutions develop software, and hire companies to make
|
||||
it, and the citizens should own and reuse all that code. I
|
||||
contribute to free software with translations, user help desk,
|
||||
finding free software alternatives at the University... but I
|
||||
cannot reach the policy-makers, nor people and institutions in
|
||||
other countries. I support the FSFE doing this task, and as one
|
||||
more way to say thank you to the free software community."
|
||||
</em>
|
||||
<br/>
|
||||
<strong>Laura Arjona Reina, Spain</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-3">
|
||||
<figure class="figure">
|
||||
<img class="img-circle" src="/fellowship/graphics/people/lauralarjona.jpg" alt="" width="150px"/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<li id="arjona">
|
||||
<div class="with-image-right">
|
||||
<img class="img-circle" src="/fellowship/graphics/people/lauralarjona.jpg" alt="Photograph of Laura Arjona Reina"/>
|
||||
<div>
|
||||
<p>
|
||||
“If software is licensed as free software, we can audit it, and be
|
||||
sure that it does what it's intended to do (and nothing else).
|
||||
Public institutions develop software, and hire companies to make
|
||||
it, and the citizens should own and reuse all that code. I
|
||||
contribute to free software with translations, user help desk,
|
||||
finding free software alternatives at the University... but I
|
||||
cannot reach the policy-makers, nor people and institutions in
|
||||
other countries. I support the FSFE doing this task, and as one
|
||||
more way to say thank you to the free software community.”
|
||||
</p>
|
||||
<p class="source">Laura Arjona Reina, Spain</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</body>
|
||||
|
||||
<sidebar>
|
||||
<a class="big-donate" href="https://my.fsfe.org/support">Join us as a supporter</a>
|
||||
</sidebar>
|
||||
|
||||
<followup>join</followup>
|
||||
<sidebar/>
|
||||
<timestamp>$Date: 2013-12-17 12:20:56 +0100 (Tue, 17 Dec 2013) $ $Author: eal $</timestamp>
|
||||
</html>
|
||||
|
||||
@ -572,6 +572,37 @@ img.signatory-logo {
|
||||
}
|
||||
|
||||
|
||||
// ----------------------------------------------------------------------------
|
||||
// List of quotes
|
||||
// ----------------------------------------------------------------------------
|
||||
|
||||
ul.quote-list {
|
||||
.list-unstyled();
|
||||
.quote();
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
|
||||
> li {
|
||||
// Add thin lines between the quotes
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
border-top: 1px solid @hr-border;
|
||||
border-bottom: 1px solid @hr-border;
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
// Special formatting for the source of the quote
|
||||
p.source {
|
||||
font-weight: bold;
|
||||
margin-left: 3em;
|
||||
&:before {
|
||||
content: '\2014 \00A0'; // EM DASH, NBSP
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ----------------------------------------------------------------------------
|
||||
// Overview pages (like "about", "contribute", ...
|
||||
// ----------------------------------------------------------------------------
|
||||
|
||||
2
look/fsfe.min.css
vendored
2
look/fsfe.min.css
vendored
File diff suppressed because one or more lines are too long
@ -58,7 +58,71 @@ h1, h2, h3, h4 {
|
||||
}
|
||||
|
||||
|
||||
/* page structure and grids */
|
||||
// ----------------------------------------------------------------------------
|
||||
// Classes to place a decorative image beside a block element
|
||||
// ----------------------------------------------------------------------------
|
||||
|
||||
// Common styles for images on the left or right side
|
||||
.with-image() {
|
||||
.make-row();
|
||||
|
||||
// The image must be the first child of the .with-image-* container, and
|
||||
// takes 1/4 of the total width. On XS sized screens, it will go above the
|
||||
// text.
|
||||
> img:first-child {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 10px;
|
||||
.make-sm-column(3);
|
||||
@media (max-width: @screen-xs-max) {
|
||||
width: 180px; // includes grid padding of 30px!
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// All other children of the .with-image-* container take 3/4 of the total
|
||||
// width.
|
||||
> :nth-child(n+2) {
|
||||
.make-sm-column(9);
|
||||
}
|
||||
}
|
||||
|
||||
// Image on the left side of text
|
||||
.with-image-left {
|
||||
.with-image();
|
||||
|
||||
// The second child element will go beside the image. All further children
|
||||
// (starting with #3) need an explicit offset to go below the second.
|
||||
> :nth-child(n+3) {
|
||||
.make-sm-column-offset(3);
|
||||
}
|
||||
}
|
||||
|
||||
// Image on the right side of text
|
||||
.with-image-right {
|
||||
.with-image();
|
||||
|
||||
// The image is pushed to the right side...
|
||||
> img:first-child {
|
||||
.make-sm-column-push(9);
|
||||
}
|
||||
|
||||
// ...and the text pulled to the left side.
|
||||
> :nth-child(2) {
|
||||
.make-sm-column-pull(3);
|
||||
}
|
||||
|
||||
// Need an explicit clear below the image
|
||||
> :nth-child(3) {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ============================================================================
|
||||
// Page structure and grids
|
||||
// ============================================================================
|
||||
|
||||
#translations, #main, #followup {
|
||||
.make-row();
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user