main.css: adjust image width.

[enc.git] / en / index.html

diff --git a/en/index.html b/en/index.html
index d4b1c6feb29747adb9355f423f839a27dacb6db1..10284991110830142a8224f2fba5147fc2667e2e 100644 (file)
--- a/en/index.html
+++ b/en/index.html
@@ -150,7 +150,7 @@ href="https://u.fsf.org/ys">fsf.org</a>.</p>
 <div id="step-1a" class="step">
 <div class="sidebar">
 
-<p><img
+<p class="large"><img
 src="../static/img/en/screenshots/step1a-install-wizard.png"
 alt="Step 1.A: Install Wizard" /></p>
 
@@ -258,7 +258,7 @@ is the program that implements the standard. Most email programs provide an inte
 <div class="section-intro">
 
 <h2><em>#2</em> Make your keys</h2>
-<p><img class="float-medium" src="../static/img/en/screenshots/step2a-01-make-keypair.png" alt="A robot with a head shaped like a key holding a private and a public key"/></p>
+<p class="float medium"><img src="../static/img/en/screenshots/step2a-01-make-keypair.png" alt="A robot with a head shaped like a key holding a private and a public key"/></p>
 
 <p>To use the GnuPG system, you'll need a public key and a private key (known
 together as a keypair). Each is a long string of randomly generated numbers
@@ -285,11 +285,11 @@ discuss this more in the next section.</p>
 <!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
 <div id="step-2a" class="step">
 <div class="sidebar">
-<p><img
+<p class="large"><img
 src="../static/img/en/screenshots/step2a-02-make-keypair.png"
 alt="Step 2.A: Make your Keypair" /></p>
-<br />
-<p><img
+
+<p class="large"><img
 src="../static/img/en/screenshots/step2a-03-make-keypair.png"
 alt="Step 2.A: Set your passphrase" /></p>
 
@@ -391,7 +391,7 @@ provide good guides for setting up a secure subkey configuration.</dd>
 <!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
 <div id="step-2b" class="step">
 <div class="sidebar">
-<p><img
+<p class="large"><img
 src="../static/img/en/screenshots/step2b-04-upload-and-certificate.png"
 alt="Step 2.B: Send to server and generate a certificate" /></p>
 
@@ -507,16 +507,16 @@ $ gpg --edit-key [your@email]
 <div id="step-3a" class="step">
 <div class="sidebar">
 
-<p><img src="../static/img/en/screenshots/step3a-open-key-manager.png"
+<p class="large"><img src="../static/img/en/screenshots/step3a-open-key-manager.png"
 alt="Step 3.A: Email Menu" /></p>
-<br />
-<p><img src="../static/img/en/screenshots/step3a-import-from-file.png"
+
+<p class="large"><img src="../static/img/en/screenshots/step3a-import-from-file.png"
 alt="Step 3.A: Import From File" /></p>
-<br />
-<p><img src="../static/img/en/screenshots/step3a-success.png"
+
+<p class="large"><img src="../static/img/en/screenshots/step3a-success.png"
 alt="Step 3.A: Success" /></p>
-<br />
-<p><img src="../static/img/en/screenshots/step3a-troubleshoot.png"
+
+<p class="large"><img src="../static/img/en/screenshots/step3a-troubleshoot.png"
 alt="Step 3.A: Troubleshoot" /></p>
 </div><!-- /.sidebar -->
 <div class="main">
@@ -562,7 +562,7 @@ page</a>.</dd>
 <div class="section-intro">
 
 <h2><em>#4</em> Try it out!</h2>
-<p><img class="float-small" src="../static/img/en/screenshots/section3-try-it-out.png" alt="Illustration of a person in a house with a cat connected to a server"/></p>
+<p class="float small"><img src="../static/img/en/screenshots/section3-try-it-out.png" alt="Illustration of a person in a house with a cat connected to a server"/></p>
 <p>Now you'll try a test correspondence with an FSF computer program named Edward,
 who knows how to use encryption. Except where noted, these are the same
 steps you'd follow when corresponding with a real, live person.</p>
@@ -579,7 +579,7 @@ testing with Edward.</p> -->
 <div id="step-4a" class="step">
 <div class="sidebar">
 
-<p><img
+<p class="large"><img
 src="../static/img/en/screenshots/step4a-send-key-to-Edward.png"
 alt="Step 4.A Send key to Edward." /></p>
 
@@ -615,11 +615,11 @@ before using your private key to decrypt it.</p>
 <div id="step-4b" class="step">
 <div class="sidebar">
 
-<p><img
+<p class="large"><img
 src="../static/img/en/screenshots/step4b-option1-verify-key.png"
 alt="Step 4.B Option 1. Verify key" /></p>
-<br />
-<p><img
+
+<p class="large"><img
 src="../static/img/en/screenshots/step4b-option2-import-key.png"
 alt="Step 4.B Option 2. Import key" /></p>
 </div><!-- /.sidebar -->
@@ -727,7 +727,7 @@ Text</i>.</p>
 <div id="step-4c" class="step">
 <div class="sidebar">
 
-<p><img
+<p class="large"><img
 src="../static/img/en/screenshots/step4c-Edward-response.png"
 alt="Step 4.C Edward's response" /></p>
 
@@ -813,7 +813,7 @@ then it will use your private key to decrypt it.</p>
 <div class="section-intro">
 
 <h2><em>#5</em> Learn about the Web of Trust</h2>
-<p><img class="float-small" src="../static/img/en/screenshots/section5-web-of-trust.png" alt="Illustration of keys all interconnected with a web of lines"/></p>
+<p class="float small"><img src="../static/img/en/screenshots/section5-web-of-trust.png" alt="Illustration of keys all interconnected with a web of lines"/></p>
 
 <p>Email encryption is a powerful technology, but it has a weakness:
 it requires a way to verify that a person's public key is actually
@@ -842,7 +842,7 @@ connected to each other by chains of trust expressed through signatures.</p>
 <div id="step-5a" class="step">
 <div class="sidebar">
 
-<p><img
+<p class="large"><img
 src="../static/img/en/screenshots/step5a-key-properties.png"
 alt="Section 5: trusting a key" /></p>
 
@@ -959,7 +959,7 @@ and damage the Web of Trust.</p>
 <div id="step-6a" class="step">
 <div class="sidebar">
 
-<p><img
+<p class="medium"><img
 src="../static/img/en/screenshots/section6-01-use-it-well.png"
 alt="Section 6: Use it Well (1)" /></p>
 
@@ -991,7 +991,7 @@ nice to also include a link to this guide in your standard email signature
 <div id="step-6b" class="step">
 <div class="sidebar">
 
-<p><img
+<p class="medium"><img
 src="../static/img/en/screenshots/section6-02-use-it-well.png"
 alt="Section 6: Use it Well (2)" /></p>