Merge branch 'fix/supporter-page' of FSFE/fsfe-website into master
the build was successful
Details
the build was successful
Details
This commit is contained in:
commit
0deae91de1
|
|
@ -1,216 +1,139 @@
|
|||
<?xml version="1.0" encoding="UTF-8" ?>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<title>Amandine “Cryptie”</title>
|
||||
<style type="text/css">
|
||||
|
||||
h2.clear {
|
||||
padding-top: 2em;
|
||||
|
||||
}
|
||||
|
||||
.question {
|
||||
font-size: 110%;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1em;
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
.answer {
|
||||
padding-left: 1em;
|
||||
}
|
||||
<head>
|
||||
<title>Amandine “Cryptie”</title>
|
||||
</head>
|
||||
|
||||
|
||||
.quote-container {
|
||||
display: flex;
|
||||
gap: 1em;
|
||||
}
|
||||
|
||||
.quote-picture {
|
||||
flex: 0 0 20rem;
|
||||
height: auto;
|
||||
max-height: 200px;
|
||||
}
|
||||
<sidebar promo="support"/>
|
||||
|
||||
.icons {
|
||||
padding: 1em 0 0 0;
|
||||
float: right;
|
||||
}
|
||||
<body class="bio interview">
|
||||
|
||||
.videocaption {
|
||||
margin: 0 3em 0 3em;
|
||||
text-align:center;
|
||||
font-size:0.8em;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<sidebar promo="none">
|
||||
|
||||
|
||||
<p id="category"><a href="../testimonials.html">Testimonials</a></p>
|
||||
|
||||
<div style="margin: 3em 0 1em 0;">
|
||||
<a class="big-donate" href="https://my.fsfe.org/support">Become a supporter</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</sidebar>
|
||||
<h1>Amandine “Cryptie”</h1>
|
||||
|
||||
<body class="bio">
|
||||
|
||||
<p id="category"><a href="../testimonials.html">Testimonials</a></p>
|
||||
|
||||
|
||||
<h1>Amandine “Cryptie”</h1>
|
||||
|
||||
<p>This page is part of a series of interviews with FSFE supporters and friends to help give a face to our community. Get an overview about our interviews on the <a href="../testimonials.html">testimonials</a> page</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-9">
|
||||
|
||||
<blockquote class="quote-container"><p><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></p>
|
||||
<p>This page is part of a series of interviews with FSFE supporters and friends to help give a face to our community.
|
||||
Get an overview about our interviews on the <a href="../testimonials.html">testimonials</a> page</p>
|
||||
|
||||
</blockquote>
|
||||
<blockquote>
|
||||
<div class="with-image-right">
|
||||
<img class="img-circle" src="/picturebase/people/2018-cryptie-300px.jpg" alt="Cryptie"/>
|
||||
<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>
|
||||
</div>
|
||||
</blockquote>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-3 col-sm-3">
|
||||
<figure class="figure">
|
||||
<img class="img-circle" src="/picturebase/people/2018-cryptie-300px.jpg" width="150" alt="A photographic portrait" title="Amandine “Cryptie" />
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<h2 id="video-30s-cryptie">
|
||||
"The FSFE and me in 30 seconds"
|
||||
</h2>
|
||||
|
||||
<figure>
|
||||
<video class="interview-video" crossorigin="crossorigin"
|
||||
poster="https://download.fsfe.org/videos/supporter/posters/cryptie.jpg" controls="controls">
|
||||
<source media="screen and (min-device-width:1000px)" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2""
|
||||
src="https://download.fsfe.org/videos/supporter/cryptie_desktop.mp4"></source>
|
||||
<source media="screen and (min-device-width:1000px)" type="video/webm; codecs="vp9, opus""
|
||||
src="https://download.fsfe.org/videos/supporter/cryptie_desktop.webm"></source>
|
||||
<source media="screen and (max-device-width:999px)" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2""
|
||||
src="https://download.fsfe.org/videos/supporter/cryptie_mobile.mp4"></source>
|
||||
<source media="screen and (max-device-width:999px)" type="video/webm; codecs="vp9, opus""
|
||||
src="https://download.fsfe.org/videos/supporter/cryptie_mobile.webm"></source>
|
||||
<track default="default" label="English" srclang="en" kind="subtitles"
|
||||
src="https://download.fsfe.org/videos/supporter/subtitles/cryptie.vtt"></track>
|
||||
</video>
|
||||
<figcaption>
|
||||
<p>
|
||||
Video by <a href="https://vimeo.com/nosabo">David Vagt</a>. No animals have been
|
||||
harmed and the following Free Software has been used: <a href="https://kdenlive.org/" target="_blank">kdenlive</a>,
|
||||
<a href="https://blender.org/" target="_blank">blender</a>, <a href="https://lmms.io/" target="_blank">LMMS</a>,
|
||||
<a
|
||||
href="https://audacityteam.org/" target="_blank">Audacity</a> and <a href="https://ffmpeg.org/"
|
||||
target="_blank">ffmpeg</a>.
|
||||
</p>
|
||||
</figcaption>
|
||||
|
||||
|
||||
|
||||
<div class="row text-center">
|
||||
<div class="col-6 col-sm-6 col-md-4 col-lg-3 col-xl-3 mb-3">
|
||||
|
||||
<a href="#video-30s-cryptie"><img src="/graphics/video32.png" title="Watch The FSFE and me in 30 seconds with Cryptie" /></a>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-6 col-md-4 col-lg-3 col-xl-3 mb-3">
|
||||
<a href="#interview"><img src="/graphics/mic32.png" title="Read our short-interview with Cryptie" /></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div style="max-width: 80px; margin: 2em auto 2em auto;"><img src="/about/graphics/stars.png" /></div>
|
||||
|
||||
|
||||
<h2 class="clear" id="video-30s-cryptie">"The FSFE and me in 30 seconds"</h2>
|
||||
</figure>
|
||||
|
||||
<h2 id="interview" class="clear">
|
||||
Short Interview with Cryptie (2019)
|
||||
</h2>
|
||||
|
||||
<p class="question">FSFE: Beyond supporting the FSFE, you also engage as a volunteer. What are you doing for FSFE?</p>
|
||||
|
||||
<div class="answer">
|
||||
|
||||
|
||||
<figure>
|
||||
<p><strong>Amandine "Cryptie":</strong> In February 2013, I discovered the <a
|
||||
href="https://fsfe.org/campaigns/ilovefs" target="_blank">"I love Free Software" campaign</a> and I just had to
|
||||
get a French version. This is how I joined the translation team, which I never really left.</p>
|
||||
|
||||
<p>In July 2013, I met my first "FSFE person", Rainer, at our booth in Brussel for the RMLL2013. Rainer needed some
|
||||
help thus I helped. I loved the ambiance so I stayed. I am now a regular volunteer at <a href="https://fosdem.org/"
|
||||
target="_blank">FOSDEM </a>booths
|
||||
and even managed the <a href="http://rmll.info/" target="_blank">RMLL</a> ones for the second time this summer.</p>
|
||||
|
||||
<video style="align:center; padding: 0em 2em 0em 2em;" width="100%" crossorigin="crossorigin" poster="https://download.fsfe.org/videos/supporter/posters/cryptie.jpg" controls="controls">
|
||||
<source media="screen and (min-device-width:1000px)" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"" src="https://download.fsfe.org/videos/supporter/cryptie_desktop.mp4"></source>
|
||||
<source media="screen and (min-device-width:1000px)" type="video/webm; codecs="vp9, opus"" src="https://download.fsfe.org/videos/supporter/cryptie_desktop.webm"></source>
|
||||
<source media="screen and (max-device-width:999px)" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"" src="https://download.fsfe.org/videos/supporter/cryptie_mobile.mp4"></source>
|
||||
<source media="screen and (max-device-width:999px)" type="video/webm; codecs="vp9, opus"" src="https://download.fsfe.org/videos/supporter/cryptie_mobile.webm"></source>
|
||||
<track default="default" label="English" srclang="en" kind="subtitles" src="https://download.fsfe.org/videos/supporter/subtitles/cryptie.vtt"></track>
|
||||
|
||||
</video>
|
||||
|
||||
<figcaption class="videocaption"><p>Video by <a href="https://vimeo.com/nosabo">David Vagt</a>. No animals have been harmed and the following Free Software has been used: <a href="https://kdenlive.org/" target="_blanc">kdenlive</a>, <a href="https://blender.org/" target="_blanc">blender</a>, <a href="https://lmms.io/" target="_blanc">LMMS</a>, <a href="https://audacityteam.org/" target="_blanc">Audacity</a> and <a href="https://ffmpeg.org/" target="_blanc">ffmpeg</a>.</p>
|
||||
</figcaption>
|
||||
|
||||
|
||||
<p>Finally, I joined the GA in September 2017.</p>
|
||||
|
||||
</figure>
|
||||
|
||||
|
||||
<div style="max-width: 80px; margin: 2em auto 2em auto;"><img src="/about/graphics/stars.png" /></div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<h2 id="interview" class="clear">Short Interview with Cryptie (2019)</h2>
|
||||
<p class="question"> What is the most fun part about engaging for the FSFE?</p>
|
||||
|
||||
|
||||
<p class="question">FSFE: Beyond supporting the FSFE, you also engage as a volunteer. What are you doing for FSFE?</p>
|
||||
<p class="answer">I love translating and volunteering at booths but, to be honest, the best thing is the FSFE community
|
||||
parties at the end of any FSFE event: Our community comes from all over Europe (and sometimes even beyond) and it's
|
||||
nice to engage with others, exchange ideas and means to promote Free Software or just share a nice time together. </p>
|
||||
|
||||
<div class="answer">
|
||||
<h2 class="question">What is your favourite FSFE campaign at the moment?</h2>
|
||||
|
||||
<p><strong>Amandine "Cryptie":</strong> In February 2013, I discovered the <a href="https://fsfe.org/campaigns/ilovefs" target="_blanc">"I love Free Software" campaign</a> and I just had to get a French version. This is how I joined the translation team, which I never really left.</p>
|
||||
<p class="answer">No hesitation : <a href="https://fsfe.org/campaigns/ilovefs" target="_blank">"I love Free
|
||||
Software"</a>.This campaign is so positive, it reminds each of us that Free Software won't exist without the
|
||||
volunteers behind it. </p>
|
||||
|
||||
<p>In July 2013, I met my first "FSFE person", Rainer, at our booth in Brussel for the RMLL2013. Rainer needed some help thus I helped. I loved the ambiance so I stayed. I am now a regular volunteer at <a href="https://fosdem.org/" target="_blanc">FOSDEM </a>booths and even managed the <a href="http://rmll.info/" target="_blanc">RMLL</a> ones for the second time this summer.</p>
|
||||
<a href="https://www.ilovefs.org">
|
||||
<figure>
|
||||
<img
|
||||
src="/contribute/promopics/ilovefs-sticker_burgundy_thumb.png"
|
||||
alt="I Love Free Software"/>
|
||||
</figure>
|
||||
</a>
|
||||
|
||||
<p>Finally, I joined the GA in September 2017.</p>
|
||||
<h2 class="question" style="clear: both;">In one sentence: What is the biggest benefit of Free Software?</h2>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="question"> What is the most fun part about engaging for the FSFE?</p>
|
||||
<p class="answer">Free Software it is a key factor to provide privacy which is needed to live in a free world. </p>
|
||||
|
||||
<p class="answer">I love translating and volunteering at booths but, to be honest, the best thing is the FSFE community parties at the end of any FSFE event: Our community comes from all over Europe (and sometimes even beyond) and it's nice to engage with others, exchange ideas and means to promote Free Software or just share a nice time together. </p>
|
||||
|
||||
|
||||
<p class="question">And what is the biggest benefit of Free Software regarding security?</p>
|
||||
|
||||
<p class="answer">Free Software is auditable thus you can check if it uses outdated non-secure algorithms or state of
|
||||
the arts ones. Even better, if it is an important software for you, you can help (as an expert or by giving money to a
|
||||
crowdfunding) to replace the bad code.</p>
|
||||
|
||||
<p class="question">What is your favourite Free Software?</p>
|
||||
|
||||
<h2 class="question">What is your favourite FSFE campaign at the moment?</h2>
|
||||
<p class="answer">This one is very tough. I could not survive without "Nextcloud" and "Keepass", thus one of them?
|
||||
:)</p>
|
||||
|
||||
<p class="answer">No hesitation : <a href="https://fsfe.org/campaigns/ilovefs" target="_blanc">"I love Free Software"</a>.This campaign is so positive, it reminds each of us that Free Software won't exist without the volunteers behind it. </p>
|
||||
|
||||
|
||||
|
||||
<p style=""><div style="max-width: 400px; width: 40%; margin: 2em auto 2em auto;"><a href="https://www.ilovefs.org"><img src="/contribute/promopics/ilovefs-sticker_burgundy_thumb.png" /></a></div></p>
|
||||
|
||||
<p class="question">Is there anything you believe the FSFE should improve or begin working on next? Any wishes for the
|
||||
future?</p>
|
||||
|
||||
<p class="answer">I hope that more and more people will understand the importance of being ethical in their digital life
|
||||
and thus consciously use Free Software and that we will have more and more volunteers from all over Europe.</p>
|
||||
|
||||
<h2 class="question" style="clear: both;">In one sentence: What is the biggest benefit of Free Software?</h2>
|
||||
|
||||
<p class="answer">Free Software it is a key factor to provide privacy which is needed to live in a free world. </p>
|
||||
<figure>
|
||||
<img
|
||||
src="/picturebase/people/201808-community-meeting-rmll-800px.jpg"
|
||||
alt="Community Meeting"/>
|
||||
<figcaption>
|
||||
By becoming a FSFE supporter you empower our work and help to assure our financial independence.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<div class="interview-support-btn-container">
|
||||
<a class="big-donate" href="https://my.fsfe.org/support">Become a supporter</a>
|
||||
</div>
|
||||
|
||||
<p class="question">And what is the biggest benefit of Free Software regarding security?</p>
|
||||
|
||||
<p class="answer">Free Software is auditable thus you can check if it uses outdated non-secure algorithms or state of the arts ones. Even better, if it is an important software for you, you can help (as an expert or by giving money to a crowdfunding) to replace the bad code.</p>
|
||||
|
||||
<p class="question">What is your favourite Free Software?</p>
|
||||
|
||||
<p class="answer">This one is very tough. I could not survive without "Nextcloud" and "Keepass", thus one of them? :)</p>
|
||||
|
||||
<p class="question">Is there anything you believe the FSFE should improve or begin working on next? Any wishes for the future?</p>
|
||||
|
||||
<p class="answer">I hope that more and more people will understand the importance of being ethical in their digital life and thus consciously use Free Software and that we will have more and more volunteers from all over Europe.</p>
|
||||
|
||||
|
||||
<div style="max-width: 80px; margin: 2em auto 2em auto;"><img src="/about/graphics/stars.png" /></div>
|
||||
|
||||
|
||||
<div style="margin: 3em 0 1em 0;">
|
||||
<a class="big-donate" href="https://my.fsfe.org/support">Become a supporter</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div style="padding:1em;"><a href="https://my.fsfe.org/support"><img src="/picturebase/people/201808-community-meeting-rmll-800px.jpg" /></a></div>
|
||||
|
||||
|
||||
<p class="supporter-text">By becoming a FSFE supporter you empower our work and help to assure our financial independence.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<timestamp>$Date$ $Author$</timestamp>
|
||||
<timestamp>$Date$ $Author$</timestamp>
|
||||
</html>
|
||||
|
||||
|
|
|
|||
|
|
@ -17,6 +17,10 @@ figure {
|
|||
z-index: 500;
|
||||
}
|
||||
|
||||
video {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.figcaption,
|
||||
figcaption {
|
||||
background-color: @gray-lighter;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
@import "style.less";
|
||||
@import "elements/figure";
|
||||
@import "pages/interview";
|
||||
|
||||
/* fsfe.org pages */
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,52 @@
|
|||
.interview {
|
||||
#content {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: 8rem;
|
||||
}
|
||||
|
||||
.question {
|
||||
font-size: 110%;
|
||||
font-weight: bold;
|
||||
margin-bottom: .5em;
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
.answer {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.interview-support-btn-container {
|
||||
margin: 30px 0 40px;
|
||||
}
|
||||
|
||||
// Hide the sidebar on mobile devices.
|
||||
// It doesn't contain any content but the "become a supporter" button, yet.
|
||||
// This button is also displayed at the bottom of the page.
|
||||
#sidebar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: @screen-sm-min) {
|
||||
.interview {
|
||||
#content {
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: @screen-md-min) {
|
||||
.interview {
|
||||
.interview-support-btn-container {
|
||||
margin: 30px auto 40px;
|
||||
max-width: 90%;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue