www-commits
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

www/server/staging layout.css education.css edu...


From: Therese Godefroy
Subject: www/server/staging layout.css education.css edu...
Date: Tue, 26 May 2020 06:36:22 -0400 (EDT)

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 20/05/26 06:36:22

Modified files:
        server/staging : layout.css education.css education-menu.html 
                         edu-software.html edu-team.html 

Log message:
        New version of breadcrumb, discussed on education@.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout.css?cvsroot=www&r1=1.43&r2=1.44
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/education.css?cvsroot=www&r1=1.35&r2=1.36
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/education-menu.html?cvsroot=www&r1=1.17&r2=1.18
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/edu-software.html?cvsroot=www&r1=1.29&r2=1.30
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/edu-team.html?cvsroot=www&r1=1.6&r2=1.7

Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/server/staging/layout.css,v
retrieving revision 1.43
retrieving revision 1.44
diff -u -b -r1.43 -r1.44
--- layout.css  6 Apr 2020 19:09:33 -0000       1.43
+++ layout.css  26 May 2020 10:36:21 -0000      1.44
@@ -1,4 +1,4 @@
-/*!
+/*
 layout.css -- css stylesheet used on www.gnu.org
 (This version should be used with reset.css. A few basic parameters that used
 to be set in combo.css are now defined here.)
@@ -58,22 +58,23 @@
                 black           2.29
 
 Gray (visited links)
-   #595959      white           7.00          AAA
-                #222            2.27
-                black           3.00
-                #049            1.31
+   #505050      white           8.06          AAA
+                #f3f3f3         7.27
+                #222            1.97
+                black           2.60
+                #049            1.14
 */
 
 
 /* PAGE STRUCTURE
 
 From top to bottom:
-   skiplink, #fsf-frame (#, #fssbox)     [body-include-1.html]
-   #header (#switches, #gnu-banner, #navigation) [body-include-2.html]
+   skiplink, #fsf-frame (#join-fsf, #fssbox),
+   #header (#gnu-banner, #switches)              [body-include-1.html]
+   #navigation                                   [body-include-2.html]
    (#edu-navigation / #navlinks in a few pages)  [<page>.html]
    #content                                      [<page>.html]
    #languages                                    [footer-text.html]
-   #fsf-links                                    [footer-text.html]
    #mission-statement                            [footer-text.html]
    #footer                                       [<page>.html]
 */
@@ -128,83 +129,6 @@
 */
 
 
-/************************************/
-/* Transition from previous version */
-/************************************/
-
-#header #fsf-frame { display: none; }
-#navlinks { display: none; }
-
-/*** TOPLINKS ***/
-
-#toplinks {
-   float: left;
-   font-size: .9em;
-   padding: .5em 2em .3em;
-}
-@media (min-width: 0) {
-   #toplinks { padding: .6em 3% .3em; }
-}
-#toplinks a {
-   white-space: nowrap;
-   display: inline-block;
-   font-family: "Noto Sans Display", "Noto Sans", "Liberation Sans",
-                sans-serif;
-   font-weight: bold;
-   margin-right: 1em;
-}
-#toplinks a[href]:link, #toplinks a[href]:link:visited {
-   color: #444;
-   text-decoration: none;
-}
-#toplinks a[href]:link:hover, #toplinks a[href]:link:visited:hover {
-   color: #006400;
-}
-
-/*** SEARCHER ***/
-
-div#searcher {
-   display: block;
-   font-size: .9em;
-   text-align: right;
-   padding: .2em 3%;
-   background-color: #eee;
-}
-
-/*** TRANSLATION LIST ***/
-
-.inner > #translations {
-   clear: both;
-   font-size: .9em;
-   text-align: left;
-   columns: 1;
-   border-bottom: .2em solid #ddd;
-}
-.inner > #translations p {
-   padding: 0 3%;
-   line-height: 1.2em;
-   margin: 0;
-}
-.inner > #translations span {
-   display: inline;
-   white-space: nowrap;
-   width: auto;
-   font-size: .9em;
-}
-.inner > #translations span a, #translations span a:visited {
-   padding: 0;
-   width: auto;
-   color: #222; text-decoration: none;
-}
-.inner > #translations span.original {
-   font-size: 1em; font-weight: bold;
-}
-
-/*** BANNER ***/
-
-div#gnu-banner { line-height: 1.2em; padding: .4em 0 .5em; }
-div#gnu-banner strong, div#gnu-banner img { vertical-align: bottom; } 
-
 
 
 /*====================================================================*/
@@ -242,7 +166,6 @@
 /*  HEADER FOR CSS3-UNAWARE BROWSERS  */
 /**************************************/
 
-
 /*** TOP LINKS ***/
 
 .skip, #fsf-frame {
@@ -277,12 +200,12 @@
 
 #switches {
    display: inline-block;
-   line-height: 2em;
+   line-height: 1.7em;
    padding: .3em 0;
 }
 .switch {
    display: inline-block;
-   height: 1.5em;
+   height: 1.7em;
    margin-left: .4em;
 }
 .switch img {
@@ -292,14 +215,6 @@
    width: auto;
    padding: .1em;
 }
-#language-link {
-   display: inline-block;
-   vertical-align: middle;
-   margin: .2em 0;
-}
-#language-input, #language-button, #language-close,
-/* #outdated-input, #outdated-button,*/
-#navbar-input, #navbar-button { display: none; }
 
 
 /***************************/
@@ -308,70 +223,54 @@
 
 /** LAYOUT **/
 
-#navigation ul, #fsf-links ul { margin: 0; }
+#navigation, #edu-navigation {
+   font-size: .94em;
+   font-weight: bold;
+}
+#navigation ul { margin: 0; }
 ul#edu-navigation { margin: 0 -3.2%; }
 
 /* line-height is defined here for NetSurf 1.2.
    No effect in NetSurf 2.9 or Firefox. */
-#navigation ul, #fsf-links ul, ul#edu-navigation {
-/*   font-size: .94em; */
-   line-height: 2em;
-/*   font-weight: bold; */
-   padding: 0 1.5%;
+#navigation ul, ul#edu-navigation {
+   line-height: 1.8em;
+   padding: 0 2%;
 }
-#navigation li, ul#edu-navigation li, #fsf-links li {
+#navigation li, ul#edu-navigation li {
    white-space: nowrap;
    display: inline;
    display: inline-block;
    line-height: 1.8em;
-   padding: 1px;
-   margin: 0;
-   font-weight: bold;
+   padding: .1em 0;
+   margin: 0 .2em;
 }
 
 /* For Firefox (can't set line-height when "a" is displayed inline) */
-#navigation a, ul#edu-navigation a, #fsf-links a {
+#navigation a, ul#edu-navigation a {
    display: inline-block;
    line-height: 2em;
-   padding: 0 .4em;
-   margin: 0;
-}
-#more-links {
-   float: right;
-   padding: 0;
+   padding: 0 .6em;
 }
-#more-links sup {
-   font-size: 1.5em;
-   line-height: .6em;
-}
-.backtotop { font-size: 1.1em; }
-#fsf-links .backtotop { margin: .15em 1.5em 0; }
 
 /** STYLE **/
 
-#navigation a, ul#edu-navigation a, #fsf-links a {
+#navigation a, ul#edu-navigation a {
    text-decoration: none;
 }
 #navigation       { background: #a42e2b; }
 ul#edu-navigation { background: #eee; }
-#fsf-links        { background: #d4d4d4; }
 
 #navigation a          { color: white; }
-ul#edu-navigation a,
-#fsf-links a           { color: #333; }
-#fsf-links .gnu a      { color: #850803; }
+ul#edu-navigation a { color: #333; }
 
 #navigation       li a:hover { background: #8c0300; }
 ul#edu-navigation li a:hover { background: #fafafa; }
-#fsf-links        li a:hover { background: #eee; }
 
 #navigation       li.active a,
 ul#edu-navigation li.active a,
 ul#edu-navigation li.current,
 #navlinks         li.current > a {
    font-style: italic;
-   cursor: default;
-   pointer-events: none;
 }
 #navigation li.active,
 #navigation li.active a:hover {
@@ -385,7 +284,6 @@
 #navlinks li.current > a[href],
 #navlinks li.current > a[href]:hover {
    color: #333;
-   background: none;
 }
 
 
@@ -393,7 +291,6 @@
 /*  LANGUAGES FOR CSS3-UNAWARE BROWSERS  */
 /*****************************************/
 
-
 #languages {
    font-size: .94em;  /* 15px */
    line-height: 1.2em;
@@ -403,24 +300,19 @@
    background: #f5f5f5;
    border-top: 3px solid #ddd;
 }
-#set-language {
-   margin-bottom: .2em;
-}
+#set-language { margin-bottom: .2em; }
 #set-language + p { 
    display: inline-block;
    font-size: 1em;  /* 15px */
    margin: .45em 0 0;
 }
 
-#translations {
-   padding: .4em 0;
-}
+#translations { padding: .4em 0; }
 #translations p { margin: 0; }
 #translations span {
    display: inline-block;
    width: 10.5em;
    line-height: 2em;
-   margin: 0;
 }
 #translations span a {
    line-height: 1.9em;
@@ -432,16 +324,23 @@
 /*  MEDIA QUERIES FOR HEADER, NAVBARS & LANGUAGES  */
 /***************************************************/
 
-
 @media (min-width: 0) {
    body { font-size: .94em; }
-   .inner { position: relative; }
-   #header { display: block; }
+
+/* Header */
+
+   #header {
+      display: table;
+      width: 94%;
+   }
+   p#gnu-banner, #switches {
+      display: table-cell;
+      vertical-align: middle;
+   }
 
    #gnu-banner .hide { display: none; }
    #gnu-banner {
       font-size: 2em;  /* 30px */
-      padding-left: 0;
       margin: 0;
    }
    #gnu-banner img { height: 1.3em; }
@@ -449,91 +348,88 @@
       display: inline-block;
       vertical-align: middle;
    }
-   #switches {
-      display: block;
-      padding: 0
-   }
+
+   #switches { padding-left: 1em; }
    .switch { margin: 0 3%; }
 
-   #navbar-button { display: inline-block; }
-/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
-/* This will need to be commented out until all the translated includes are
-   regenerated. */
-   #navigation, #fsf-links { height: 3px; }
-   #navigation ul, #fsf-links ul { display: none; }
-   #fsf-links .backtotop { margin: .5em 3% 0 1.5em; }
-/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
-   #navbar-input:checked ~ #navigation { height: auto; }
-   #navbar-input:checked ~ #navigation ul { display: block; }
-   #navbar-input:checked ~ #fsf-links { height: auto; }
-   #navbar-input:checked ~ #fsf-links ul { display: block; }
-   #navbar-input:checked ~ #fsf-links .backtotop { margin-top: .15em; }
-
-   #language-button { display: inline-block; }
-   #language-link, #languages { display: none; }
-   input#language-input:checked ~ #languages {
-      display: block;
+/* Display/hide language list */
+
+   #language-container { display: none; }
+   #languages .backtotop { display: none; }
+   #language-container:target { display: block; }
+
+   body { position: relative; }
+   #language-container {
       position: absolute;
-      top: 0; right: 0;
-      z-index: 10;
+      top: -3px; left: 0;
+      width: 100%;
+      height: 100%;
+   }
+   #language-container > .close {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      background: transparent;
+   }
+   #languages .close:after {
+      content: "\00274E";
+      font-size: 1.2em;
+      float: right;
+      margin-right: .5em;
+      cursor: pointer;
+   }
+   #language-container a.close:hover { background: 0; }
+
+   #languages {
+      position: relative;
+      margin-top: 4em;
+      float: right;
       overflow: auto;
-      width: auto;
+      max-width: 21em;
       text-align: left;
       padding: .5em 1em;
+      background: white;
       border: .2em solid #bbb;
+      box-shadow: 0 0 1em 1em #9999;
    }
    #translations {
       column-width: 10em;
-      column-count: 4;
+      column-count: 3;
       column-gap: 0;
    }
-   #translations span {
-      display: block;
-   }
-   #translations span a {
-      display: inline-block;
-   }
-   input#language-input:checked ~ #language-close {
-      display: inline-block;
-      font-size: 1.3em;
-      position: absolute;
-      top: .7em; right: 1em;
-      z-index: 20;
-      cursor: pointer;
+   #translations span { display: block; }
+   #translations span a { display: inline-block; }
+
+/* Expand/shrink navbar */
+
+   #navigation, #edu-navigation { font-size: 1em; }
+   #navigation {
+      height: 2.15em;
+      overflow: hidden;
    }
-   input#language-input:checked ~ #content:after {
-      display: block;
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 100%;
-      position: fixed;
-      background-color: rgba(0,0,0,.6);
-      content: "";
+   #more-links, #less-links {
+      float: right;
+      background: #800300;
+      margin: 0 2%;
    }
-/*
-   #outdated-button {
+   #more-links:after, #less-links:after {
       display: inline-block;
-      float: right;
-      margin-right: 0;
+      padding: .05em .4em;
    }
-   #outdated { display: none; }
-   #outdated-input:checked ~ #outdated { display: block; }
-*/
-   ul#edu-navigation { display: none; }
+
+   a#less-links { display: none; }
+   a#more-links { display: block; }
+   #navigation:target { height: auto; }
+   #navigation:target a#more-links { display: none; }
+   #navigation:target a#less-links { display: block; }
 }
 
-@media (min-width: 19.5em) {                         /* 312px */
-   #header {
-      display: table;
-      width: 94%;
-   }
-   p#gnu-banner, #switches {
-      display: table-cell;
-      vertical-align: middle;
-   }
-   p#gnu-banner { font-size: 2.2em; }
-   #switches { padding-top: .3em; padding-left: 1.5em; }
+@media (min-width: 20em) {                         /* 312px */
+   #gnu-banner { font-size: 2.2em; }
+}
+
+@media (min-width: 34em) {
+   #languages { max-width: 36em; }
 }
 
 @media (min-width: 45em) {                           /* 720px */
@@ -551,17 +447,9 @@
    }
    #fsf-support a { font-weight: bold; }
 
-   #languages { max-width: 48em; }
+   #languages { margin-top: 5.5em; }
 
-   #outdated-button { display: none; }
-   #outdated { display: block; }
-
-   #navbar-button { display: none; }
-   #navigation, #fsf-links { height: auto; }
-   #navigation ul, #fsf-links ul, ul#edu-navigation {
-      display: block;
-   }
-   #fsf-links .backtotop { margin-top: .15em; }
+   ul#edu-navigation { display: block; }
 }
 
 @media (min-width: 57em) {                           /* 912px */
@@ -583,13 +471,8 @@
       float: right;
       margin: 0 0 0 2em;
    }
-   #navigation ul, ul#edu-navigation, #fsf-links ul {
-      text-align: center;
-   }
-   li#more-links {
-      float: none;
-      margin-left: 2em;
-   }
+
+   #languages { margin-top: 8em; }
 }
 
 
@@ -598,27 +481,37 @@
 /*************/
 
 #content {
-   padding: 0 3%;
+   padding: 1px 3% 0;
    margin-bottom: 3em;
 }
 
 
-/** Navigation; see also education.css **/
+/** Navigation **/
 
 .breadcrumb, .edu-breadcrumb {
-/*   font-size: .94em; */
+   display: inline;
    line-height: 1.7em;
-   padding: .3em 0 0;
-   margin: 0 0 .3em 0;
 }
-.breadcrumb, .edu-breadcrumb a { line-height: 1.6em; }
+.breadcrumb img {  }
+#content .breadcrumb a[href] img {
+   vertical-align: top;
+   height: 1.5em;
+   padding: .05em;
+   background: none;
+}
+
+.nav {
+   float: left;
+   margin: .4em 1.5em 0 0; 
+}
 
 
 /** Author line after the main heading **/
 
 p.byline {
-   font-size: 1.06em;  /* 17px - assumes #content > p.byline */
-   margin-bottom: 1.5em;
+   font-size: 1.06em;
+   font-size: 1.06rem;  /* 17px */
+   margin-bottom: 2em;
 }
 
 
@@ -626,16 +519,12 @@
 
 .article { font-size: 1.06em; }  /* 17px */
 
-/* Narrower paragraphs surrounded by full-width text or columns.
-   Useless next to a side menu: line width is already limited
-   to 50em; */
 .reduced-width {
-   width: 45em;
+   width: 47em;
    max-width: 100%;
    margin: 1.5em auto;
 }
 
-/* Columns */
 .columns p.inline-block {
    display: inline-block;
    margin: 0;
@@ -658,12 +547,13 @@
 /** Metadata or footnotes at the end of articles **/
 
 .infobox {
-    font-size: .94em;  /* 15px - assumes #content > .infobox */
+   font-size: .94em;
+   font-size: .94rem;  /* 15px */
     line-height: 1.3em;
     margin: 2.5em 0 0;  
 }
 .infobox h3 {
-    font-size: 1.27em;  /* 19px - assumes #content > .infobox */
+   font-size: 1.2em;   /* 18px */
     margin-top: 1.2em;
 }
 .infobox p {
@@ -682,31 +572,43 @@
 
 /* For the note saying the page is a translation */
 .trans-disclaimer {
-/*   font-size: .94em; */  /* 15px */
    text-align: center;
    font-style: italic;
-   line-height: 1.7em;
-   padding: .3em 3%;
-   margin: 0 -3.2%;
+   margin: .5em 0 0;
 }
-.trans-disclaimer a {
-   display: inline-block;
-   line-height: 1.6em;
+.nav ~ .trans-disclaimer {
+   float: right;
+   text-align: right;
+   margin-left: 1.5em;
 }
 
 /* For outdated translations */
 #outdated {
-   font-size: .94em;  /* 15px */
+   clear: both;
+   width: 46.6em;
+   max-width: 96%;
    text-align: center;
-   padding: .5em;
-   margin: .8em 0;
+   margin: auto;
+   position: relative;
+   top: .6em;
    color: black;
    border: .2em solid #fc7;
 }
-#outdated p { margin: 0; }
+#outdated p {
+   font-size: .94em;  /* 15px */
+   padding: .5em;
+   margin: 0;
+}
+
+#outdated span.hide { display: none; }
+@media (min-width: 45em) {
+   #outdated span.hide { display: inline; }
+}
+
 
 /* For translators notes */
 .translators-notes {
+   font-size: 1rem;
    clear: left;
    line-height: 1.5em;
    margin-top: 2em;
@@ -716,8 +618,9 @@
    margin: 1.7em 0 1.2em;
    border: none;
 }
-.translators-notes h3 { font-size: 1.125em; }  /* 18px */
-
+.translators-notes h3, .translators-notes > b {
+   font-size: 1.125em;  /* 18px */
+}
 .translators-notes p, .translators-notes ul, .translators-notes ol {
    margin-bottom: 0;
 }
@@ -728,14 +631,11 @@
 
 .edu-cases {
    font-size: 1.06em;                        /* 17 px */
-   width: 50em; max-width: 100%;
-   padding: 0 0 .8em;
+   width: 44.3em; max-width: 100%;
    margin: 2em auto;
-   border-top: 3px ridge #3465a4;
-   border-bottom: 3px ridge #3465a4;
 }
 .edu-cases ul, .edu-cases ol { margin: 1em 4%; }
-.edu-cases h3 { font-size: 1.3em; }
+.edu-cases h3 { font-size: 1.3em; }         /* 22 px */
 
 
 /** Introduction of malware pages **/
@@ -750,14 +650,15 @@
 /***********************/
 
 #mission-statement {
-   padding: 2em 3%;
+   padding: .5em 3% 2em;
    background: white;
+   border-top: 3px solid #ddd;
 }
 #mission-statement blockquote {
    font-size: .94em;  /* 15px */
    font-weight: bold;
    font-style: italic;
-   margin: 0 3% .8em;
+   margin: 1.5em 3% .8em;
 }
 #mission-statement p { margin: 0; }
 #mission-statement img {
@@ -770,17 +671,6 @@
    text-align: center;
 }
 
-@media (min-width: 0) {
-   #mission-statement {
-      padding-top: 1em;
-   }
-}
-@media (min-width: 45em) {
-   #mission-statement {
-      padding-top: 2em;
-   }
-}
-
 
 /************/
 /*  FOOTER  */
@@ -791,7 +681,7 @@
    padding: 1.5em 3%;
    color: #333;
    background: #f5f5f5;
-   border-top: .1em solid #ddd;
+   border-top: 3px solid #ddd;
 }
 #footer p, #bottom-notes {
    line-height: 1.3em;
@@ -840,6 +730,7 @@
 .italic em, .italic cite, .italic i { font-style: normal; }
 .center, .c { text-align: center; }
 .nocenter { text-align: left; }
+.right-align { text-align: right; margin: 2em 0 2em 10%; }
 .underline { text-decoration: underline; }
 .nounderline { text-decoration: none; }
 .small { font-size: .875em; }  /* 16px -> 14px */
@@ -869,8 +760,8 @@
 /*  H* HEADERS  */
 /****************/
 
-h1 { font-size: 2.375em; margin: .5em 0 .9em; padding: .2em 0; } /* 38px */
-h2 { font-size: 2.0em;   margin: .5em 0 .9em; padding: .2em 0; } /* 32px */
+h1 { font-size: 2.375em; margin: 1.0em 0 1.0em; }              /* 38px */
+h2 { font-size: 2.0em;   margin: 1.0em 0 1.0em; }              /* 32px */
 h3 { font-size: 1.5em;   margin: 1.2em 0 .8em; }                 /* 24px */
 .article h3 { font-size: 1.41em; }                               /* 24px */
 h4 { font-size: 1.25em;  margin: 1.2em 0 .85em; }                /* 20px */
@@ -878,22 +769,20 @@
 h5 { font-size: 1.125em; margin: 1em   0 .9em; }                 /* 18px */ 
 h6 { margin: 1em 0; }
 
+h2 { clear: both; }
+
 h1, h2, h3, h4, h5, h6 { font-weight: bold; }
 
-/* The default color is too dark for large text in bold font. */
-h3, h4, h5, h6, dt { color: #333; }
+h3, h4, h5, h6 { color: #333; }
 
-h2#main-heading {
-/*
-   padding: .2em 0 .2em .3em;
-   border-left: .7em solid #eee;
-*/
-   padding: .2em 0;
-}
 h3.subheader {
    padding-bottom: .2em;
    border-bottom: 1px solid #bbb;
 }
+h3.footnote {
+   font-size: 1.125em;
+   font-size: 1.125rem;  /* 18px */
+}
 
 /** BIG SECTION HEADERS **/
 
@@ -911,7 +800,7 @@
    border-top: .12em solid #e74c3c;
    border-bottom: .12em solid #e74c3c;
 }
-.article .big-section h3 { font-size: 1.647em; }  /* 28px */
+.article .big-section h3 { font-size: 1.65em; }  /* 28px */
 
 .big-subsection { margin: 1.5em 0; }
 .big-subsection h4 {
@@ -933,7 +822,6 @@
 /** HEADERS ON NARROW SCREENS **/
 
 @media (max-width: 30em) {    /* 480 px - 1em = 15px */
-/*   h2#main-heading { border-left: .4em solid #eee; } */
    h1 { font-size: 2em; }                              /* 30px */
    h2 { font-size: 1.73em; }                           /* 26px */
    h3 { font-size: 1.4em; }                            /* 21px */
@@ -977,7 +865,11 @@
 /* Separate description lists from preceding text */
 dl { margin: 1.5em 0 0; }
 /* separate the "term" from subsequent "description" */
-dt { font-weight: bold; margin: 1em 0; }
+dt {
+   font-weight: bold; 
+   color: #333;
+   margin: 1em 0;
+}
 /* separate the "description" from subsequent list item
    when the final <dd> child is an anonymous box */
 dl dd { margin: 1em 3% 1.5em; }
@@ -1018,7 +910,7 @@
 /* Can be applied to div or hr. */
 .column-limit {
    height: .4em;
-   width: 10%;
+   width: 10%; min-width: 5em;
    margin: 2em auto;
    border: none;
    background: #bbb; /* default */
@@ -1084,7 +976,7 @@
    /*every second line should be shaded */
    background: transparent;
 }
-.listing .even {
+.listing .even, #content .listing .even a[href] img {
    background: #f5f5f5;
 }
 
@@ -1138,22 +1030,6 @@
 }
 
 
-/***************************************/
-/*  TEXT WITH NO BACKGROUND OR BORDER  */
-/***************************************/
-
-/* For comments within or at the beginning of an article. Can be used
-   with .important or .big. */
-.comment { margin: 1.5em 6%; }
-
-@media (max-width: 30em) {
-   .comment { margin: 1.5em 3%; }
-}
-
-/* Note about Free Software Free Society */
-blockquote#fsfs p { padding: .3em 0; }
-
-
 /**************************/
 /*  TEXT WITH BACKGROUND  */
 /**************************/
@@ -1209,17 +1085,23 @@
 /** LAYOUT **/
 
 .announcement, .important {
-   padding: .1em 1em .7em;
+   padding: .4em 1.5em;
    margin: 1.5em 0;
-   background: none;
 }
 .announcement blockquote { margin: 0; }
-.announcement p, .important p { margin: .5em 0 0; }
+.announcement p, .important p {
+   padding: .4em 0 .5em;
+   margin: 0;
+}
 .announcement ul, .important ul { margin: 0 1em; }
-.announcement ul li, .important ul li { margin-top: .5em; }
+.announcement ul li, .important ul li {
+   padding: .3em;
+   margin: 0 3%;
+}
 .announcement h3, .important h3 {
-   font-size: 1.25em;  /* 20px */
-   margin: .4em 0;
+   font-size: 1.25em;
+   font-size: 1.25rem;  /* 20px */
+   margin: .1em 0 .6em;
 }
 
 
@@ -1232,6 +1114,22 @@
 .important    { border-left: .4em solid #fc7; }
 
 
+/***************************************/
+/*  TEXT WITH NO BACKGROUND OR BORDER  */
+/***************************************/
+
+/* For comments within or at the beginning of an article. Can be used
+   with .important or .big. */
+.comment { margin: 1.5em 6%; }
+
+@media (max-width: 30em) {
+   .comment { margin: 1.5em 3%; }
+}
+
+/* Note about Free Software Free Society */
+blockquote#fsfs p { padding: .3em 0; }
+
+
 /***********/
 /*  NOTES  */
 /***********/
@@ -1381,11 +1279,13 @@
    text-decoration-color: #5e93d5;
 }
 a[href]:visited {
-   color: #595959;
-   text-decoration-color: #aaa;
+   color: #505050;
+   text-decoration-color: #777;
 }
 a[href]:active { text-decoration: none; }
 
+#content a[href] img { background: white; }
+
 /* Navigation links */
 
 #gnu-banner > a {
@@ -1400,6 +1300,10 @@
 #fsf-support         a[href]:visited,
 #fssbox              a[href]:link,
 #fssbox              a[href]:visited,
+.breadcrumb          a[href]:link,
+.breadcrumb          a[href]:visited,
+.edu-breadcrumb      a[href]:link,
+.edu-breadcrumb      a[href]:visited,
 .back                a[href]:link,
 .back                a[href]:visited,
 .anchor-reference-id a[href]:link,
@@ -1411,14 +1315,10 @@
 #languages           a[href]:visited,
 #navlinks            a[href]:link,
 #navlinks            a[href]:visited,
-.breadcrumb          a[href]:link,
-.breadcrumb          a[href]:visited,
-.edu-breadcrumb      a[href]:link,
-.edu-breadcrumb      a[href]:visited,
-.trans-disclaimer    a[href]:link,
-.trans-disclaimer    a[href]:visited,
 #TOC                 a[href]:link,
 #TOC                 a[href]:visited,
+.trans-disclaimer    a[href]:link,
+.trans-disclaimer    a[href]:visited,
 .toc                 a[href]:link,
 .toc                 a[href]:visited,
 .toc-inline          a[href]:link,
@@ -1471,32 +1371,32 @@
 
 .backtotop {
    float: right;
-   font-size: 1.2em;
-   font-size: 1.2rem;
+   margin: 0 1em;
 }
-.backtotop a, #fsf-links .backtotop a {
+.backtotop a {
    display: inline-block;
    vertical-align: top;
+   font-size: 1.2em;
+   font-size: 1.2rem;
    line-height: 1.2em;
-   padding: 0 .3em .2em;
+   padding: .2em .5em;
 }
 .backtotop a span { display: none; }
 
 /** STYLE **/
 
-.button a, .backtotop a {
+.button a[href], .backtotop a[href] {
    text-decoration: none;
    background: white;
 }
-.button a, .backtotop a, #fsf-links .backtotop a {
+.button a[href], .backtotop a[href] {
    color: #049;
    border: .1em solid #999;
 }
-.button a:hover, .backtotop a:hover, #fsf-links .backtotop a:hover {
+.button a[href]:hover, .backtotop a[href]:hover {
    background: #e7f2e2;
    border-color: #006400;
 }
-#language-link a { color: #333; }
 
 #join-fsf a, #support-the-fsf a.join {
    color: #b02500;
@@ -1588,7 +1488,7 @@
    font-family: "Noto Sans Display", "Noto Sans", "Liberation Sans",
                 sans-serif;
 }
-#navigation a[href], ul#edu-navigation a[href], #fsf-links a[href] {
+#navigation a[href], ul#edu-navigation a[href] {
    font-family: "Dosis", "Noto Sans Display", "Noto Sans", "Liberation Sans",
                 sans-serif;
 }

Index: education.css
===================================================================
RCS file: /webcvs/www/www/server/staging/education.css,v
retrieving revision 1.35
retrieving revision 1.36
diff -u -b -r1.35 -r1.36
--- education.css       9 May 2020 06:40:15 -0000       1.35
+++ education.css       26 May 2020 10:36:22 -0000      1.36
@@ -1,5 +1,5 @@
 /* Stylesheet for the section menus of https://www.gnu.org,
-created November 27, 2019.
+created November 27, 2019; last modified May 9, 2020.
 This file is in the public domain. */
 
 
@@ -7,42 +7,38 @@
 /*  For CSS3-unaware browsers  */
 /*******************************/
 
-#content {
+#content, .reduced-width {
    padding-bottom: 0;
-   padding-top: 1px;
+   margin-top: 0;
    margin-bottom: 0;
 }
-.reduced-width {
-   padding-bottom: 2em;
-   margin: 0 auto;
-} 
-.article .reduced-width {
-   width: 45em;
-   padding-bottom: 0;
-}
+#last-div { padding-bottom: 2em; }
 
+#side-menu-button {
+   vertical-align: top;
+   margin: 0 1em 0 0;
+}
 #navlinks {
    display: block;
-   padding: .6em 3.2% 1em;
+   padding: .6em 3.2% 1.5em;
    margin: 0 -3.2%;
    background: #fffdf5;
    border-top: 3px solid #ddd;
 }
+#navlinks .reduced-width { width: 30em; }
+
 #navlinks h3 {
-   width: 32em;
-   max-width: 100%;
-   font-size: 1em;
-   padding: 0 .45em 0;
-   margin: .5em auto;
+   font-size: 1.06em;
+   padding: 0 .6em;
+   padding: 0 .6rem;
+   margin: .7em 0;
 }
 #navlinks dl, #navlinks > ul {
    font-size: .94em;
    line-height: 1.2em;
 }
 #navlinks dl {
-   width: 35em;
-   max-width: 100%;
-   margin: .7em auto 0;
+   margin: .7em 0 0;
 }
 #navlinks ul {
    margin: 0 0 0 1.5em;
@@ -57,55 +53,72 @@
    display: inline-block;
    line-height: 1.2em;
    padding: .25em .5em;
+   padding: .25em .5rem;
 }
 #navlinks dl dt.nolink {
-   padding: .25em .5em;
-   margin: 0 .5em;
-}
-a#sect-menu-button {
-   float: right;
-   line-height: 1.7em;
-   height: 1.5em;
-   margin: .3em 0 0 1em;
+   padding: .25em .6em;
+   padding: .25em .6rem;
 }
-#sect-menu-button img { height: 100%; }
 
 
 /*******************/
 /*  Media queries  */
 /*******************/
 
-@media (min-width: 55em) {
+@media (min-width: 57em) {
    #content {
       position: relative;
-      margin-left: 12.1rem;
-   }
-   .translators-notes {
-      padding-bottom: 0;
+       margin-left: 14.1rem;
    }
    #navlinks {
+      position: absolute;
+      top: 0; right: 100%;
       display: inline-block;
-      width: 12rem;
+      width: 14rem;
       height: 100%;
       overflow: auto;
-      position: absolute;
-      top: 0; right: 100%;
       padding: 0;
       margin: 0;
       border-top: none;
-      border-right: 1px solid #bbb;
+      border-right: .1em solid #bbb;
+   }
+   #navlinks h3 {
+      text-align: center;
+      margin: 1em 0 .45em;
    }
-   #navlinks h3, #navlinks dl { width: auto; }
-   #navlinks h3 { margin: 1em 0 .45em .6em; }
    #navlinks ul.inline-list li, #navlinks dl a { display: block; }
    #navlinks .backtotop { display: none; }
-   #navlinks dt a { padding-left: 1.1em; }
-
-   a#sect-menu-button { display: none; }
+   #navlinks dt a { padding-left: 1.1rem; }
+   #navlinks dl dt.nolink  { padding-left: 1.2rem; }
+   a#side-menu-button { display: none; }
 }
 @media (min-width: 60em) {
-   #content { margin-left: 14.1rem; }
-   #navlinks { width: 14rem; }
+   #content {
+       position: relative;
+       margin-left: 17.1rem;
+   }
+   #navlinks { width: 17rem; }
 }
 
-/* Style: see layout.css. */
+/***********/
+/*  Style  */
+/***********/
+
+#navlinks a[href]:link,
+#navlinks a[href]:visited {
+   color: #049;
+   text-decoration: none;
+}
+#navlinks li.current > a[href],
+#navlinks li.current > a[href]:hover,
+#navlinks dt.current   a[href],
+#navlinks dt.current   a[href]:hover {
+   font-style: italic;
+   color: #333;
+   background: #e7f2e2;
+}
+#navlinks, #navlinks a[href] {
+   font-family: "Noto Sans Display", "Noto Sans", "Liberation Sans",
+                sans-serif;
+}
+a#side-menu-button[href] img { background: none; }

Index: education-menu.html
===================================================================
RCS file: /webcvs/www/www/server/staging/education-menu.html,v
retrieving revision 1.17
retrieving revision 1.18
diff -u -b -r1.17 -r1.18
--- education-menu.html 30 Mar 2020 12:57:37 -0000      1.17
+++ education-menu.html 26 May 2020 10:36:22 -0000      1.18
@@ -1,113 +1,135 @@
 <div id="navlinks">
  <div class="backtotop">
   <hr class="no-display" />
-  <a href="#main-heading"><span>MAIN HEADING </span>&#9650;</a>
+  <a href="#content"><span>BACK TO TOP </span>&#11165;</a>
  </div>
- <h3>Education menu</h3>
+<div class="reduced-width">
+ <h3>Education</h3>
  <dl>
-  <!--#if expr="$REQUEST_URI = /\/education.html/" --><dt class="current">
+  <!--#if expr="$REQUEST_URI = /^\/education\/edu-contents/" --><dt 
class="current">
     <!--#echo encoding="none" var="MARK_START" -->
-    <a href="/education/education.html#content">Main page</a><span 
class="gnun-split"></span>
+    <a href="/education/edu-contents.html#content">Table of contents</a><span 
class="gnun-split"></span>
     <!--#echo encoding="none" var="MARK_END" --></dt><!--#else --><dt>
-    <a href="/education/education.html#content">Main page</a></dt><!--#endif 
-->
-  <!--#if expr="$REQUEST_URI = /\/edu-contents/" --><dt class="current">
+    <a href="/education/edu-contents.html#content">Table of 
contents</a></dt><!--#endif -->
+  <!--#if expr="$REQUEST_URI = /^\/education\/educ/" --><dt class="current">
     <!--#echo encoding="none" var="MARK_START" -->
-    <a href="/education/edu-contents.html#content">Detailed contents</a><span 
class="gnun-split"></span>
+    <a href="/education/education.html#content">Main page</a><span 
class="gnun-split"></span>
    <!--#echo encoding="none" var="MARK_END" --></dt><!--#else --><dt>
-    <a href="/education/edu-contents.html#content">Detailed 
contents</a></dt><!--#endif -->
-  <!--#if expr="$REQUEST_URI = /\/edu-cases[^-]*$/" --><dt class="current">
+    <a href="/education/education.html#content">Main page</a></dt><!--#endif 
-->
+  <!--#if expr="$REQUEST_URI = /^\/education\/edu-cases[^-]/" --><dt 
class="current">
     <!--#echo encoding="none" var="MARK_START" -->
     <a href="/education/edu-cases.html#content">Case studies</a><span 
class="gnun-split"></span>
     <!--#echo encoding="none" var="MARK_END" --></dt><!--#else --><dt>
     <a href="/education/edu-cases.html#content">Case 
studies</a></dt><!--#endif -->
   <dd>
     <ul>
-      <!--#if expr="$REQUEST_URI = /\/edu-cases-argentina[^-]*$/" --><li 
class="current">
+      <!--#if expr="$REQUEST_URI = /^\/education\/edu-cases-argentina[^-]/" 
--><li class="current">
         <!--#echo encoding="none" var="MARK_START" -->
         <a 
href="/education/edu-cases-argentina.html#content">Argentina</a><span 
class="gnun-split"></span>
         <!--#echo encoding="none" var="MARK_END" --><!--#else --><li>
         <a 
href="/education/edu-cases-argentina.html#content">Argentina</a><span 
class="gnun-split"></span><!--#endif -->
         <ul class="inline-list">
-          <!--#if expr="$REQUEST_URI = /\/edu-cases-argentina-ecen/" --><li 
class="current">
+          <!--#if expr="$REQUEST_URI = 
/^\/education\/edu-cases-argentina-ecen/" --><li class="current">
             <!--#echo encoding="none" var="MARK_START" -->
             <a 
href="/education/edu-cases-argentina-ecen.html#content">ECEN</a><span 
class="gnun-split"></span>
             <!--#echo encoding="none" var="MARK_END" --></li><!--#else --><li>
             <a 
href="/education/edu-cases-argentina-ecen.html#content">ECEN</a></li><!--#endif 
-->
         </ul>
       </li>
-      <!--#if expr="$REQUEST_URI = /\/edu-cases-india[^-]*$/" --><li 
class="current">
+      <!--#if expr="$REQUEST_URI = /^\/education\/edu-cases-india[^-]/" --><li 
class="current">
         <!--#echo encoding="none" var="MARK_START" -->
         <a href="/education/edu-cases-india.html#content">India</a><span 
class="gnun-split"></span>
         <!--#echo encoding="none" var="MARK_END" --><!--#else --><li>
         <a href="/education/edu-cases-india.html#content">India</a><span 
class="gnun-split"></span><!--#endif -->
         <ul class="inline-list">
-          <!--#if expr="$REQUEST_URI = /\/edu-cases-india-ambedkar/" --><li 
class="current">
+          <!--#if expr="$REQUEST_URI = 
/^\/education\/edu-cases-india-ambedkar/" --><li class="current">
             <!--#echo encoding="none" var="MARK_START" -->
-            <a 
href="/education/edu-cases-india-ambedkar.html#content">Ambedkar</a><span 
class="gnun-split"></span>
+            <a 
href="/education/edu-cases-india-ambedkar.html#content">Ambedkar 
Center</a><span class="gnun-split"></span>
             <!--#echo encoding="none" var="MARK_END" --></li><!--#else --><li>
-            <a 
href="/education/edu-cases-india-ambedkar.html#content">Ambedkar</a></li><!--#endif
 -->
-          <!--#if expr="$REQUEST_URI = /\/edu-cases-india-irimpanam/" --><li 
class="current">
+            <a 
href="/education/edu-cases-india-ambedkar.html#content">Ambedkar 
Center</a></li><!--#endif -->
+          <!--#if expr="$REQUEST_URI = 
/^\/education\/edu-cases-india-irimpanam/" --><li class="current">
             <!--#echo encoding="none" var="MARK_START" -->
-            <a 
href="/education/edu-cases-india-irimpanam.html#content">Irimpanam</a><span 
class="gnun-split"></span>
+            <a href="/education/edu-cases-india-irimpanam.html#content">VHSS 
Irimpanam</a><span class="gnun-split"></span>
             <!--#echo encoding="none" var="MARK_END" --></li><!--#else --><li>
-            <a 
href="/education/edu-cases-india-irimpanam.html#content">Irimpanam</a></li><!--#endif
 -->
+            <a href="/education/edu-cases-india-irimpanam.html#content">VHSS 
Irimpanam</a></li><!--#endif -->
         </ul>
       </li>
     </ul>
   </dd>
-  <!--#if expr="$REQUEST_URI = /\/edu-resources/" --><dt class="current">
+  <!--#if expr="$REQUEST_URI = /^\/education\/edu-resources/" --><dt 
class="current">
     <!--#echo encoding="none" var="MARK_START" -->
     <a href="/education/edu-resources.html#content">Resources</a><span 
class="gnun-split"></span>
     <!--#echo encoding="none" var="MARK_END" --><!--#else --><dt>
     <a href="/education/edu-resources.html#content">Resources</a><span 
class="gnun-split"></span><!--#endif --></dt>
   <dd>
     <ul>
-      <!--#if expr="$REQUEST_URI = /\/edu-software[^-]*$/" --><li 
class="current">
+      <!--#if expr="$REQUEST_URI = /edu-software[^-]/" --><li class="current">
         <!--#echo encoding="none" var="MARK_START" -->
         <a href="/education/edu-software.html#content">Educational 
Software</a><span class="gnun-split"></span>
         <!--#echo encoding="none" var="MARK_END" --><!--#else --><li>
         <a href="/education/edu-software.html#content">Educational 
Software</a><span class="gnun-split"></span><!--#endif -->
         <ul class="inline-list">
-          <!--#if expr="$REQUEST_URI = /\/edu-software-gcompris/" --><li 
class="current">
+          <!--#if expr="$REQUEST_URI = /^\/education\/edu-software-gcompris/" 
--><li class="current">
             <!--#echo encoding="none" var="MARK_START" -->
             <a 
href="/education/edu-software-gcompris.html#content">Gcompris</a><span 
class="gnun-split"></span>
             <!--#echo encoding="none" var="MARK_END" --></li><!--#else --><li>
             <a 
href="/education/edu-software-gcompris.html#content">Gcompris</a></li><!--#endif
 -->
-          <!--#if expr="$REQUEST_URI = /\/edu-software-gimp/" --><li 
class="current">
+          <!--#if expr="$REQUEST_URI = /^\/education\/edu-software-gimp/" 
--><li class="current">
             <!--#echo encoding="none" var="MARK_START" -->
             <a href="/education/edu-software-gimp.html#content">Gimp</a><span 
class="gnun-split"></span>
             <!--#echo encoding="none" var="MARK_END" --></li><!--#else --><li>
             <a 
href="/education/edu-software-gimp.html#content">Gimp</a></li><!--#endif -->
-          <!--#if expr="$REQUEST_URI = /\/edu-software-tuxpaint/" --><li 
class="current">
+          <!--#if expr="$REQUEST_URI = /^\/education\/edu-software-tuxpaint/" 
--><li class="current">
             <!--#echo encoding="none" var="MARK_START" -->
             <a href="/education/edu-software-tuxpaint.html#content">Tux 
Paint</a><span class="gnun-split"></span>
             <!--#echo encoding="none" var="MARK_END" --></li><!--#else --><li>
             <a href="/education/edu-software-tuxpaint.html#content">Tux 
Paint</a></li><!--#endif -->
         </ul>
       </li>
-      <!--#if expr="$REQUEST_URI = /\/edu-projects/" --><li class="current">
+      <!--#if expr="$REQUEST_URI = /^\/education\/edu-projects/" --><li 
class="current">
         <!--#echo encoding="none" var="MARK_START" -->
         <a href="/education/edu-projects.html#content">Groups &amp; 
projects</a><span class="gnun-split"></span>
         <!--#echo encoding="none" var="MARK_END" --></li><!--#else --><li>
         <a href="/education/edu-projects.html#content">Groups &amp; 
projects</a></li><!--#endif -->
-      <!--#if expr="$REQUEST_URI = /\/edu-free-learning-resources/" --><li 
class="current">
+      <!--#if expr="$REQUEST_URI = 
/^\/education\/edu-free-learning-resources/" --><li class="current">
         <!--#echo encoding="none" var="MARK_START" -->
         <a href="/education/edu-free-learning-resources.html#content">Free 
learning resources</a><span class="gnun-split"></span>
         <!--#echo encoding="none" var="MARK_END" --></li><!--#else --><li>
         <a href="/education/edu-free-learning-resources.html#content">Free 
learning resources</a></li><!--#endif -->
     </ul>
   </dd>
-  <!--#if expr="$REQUEST_URI = /\/edu-faq/" --><dt class="current">
+  <!--#if expr="$REQUEST_URI = /^\/education\/edu-faq/" --><dt class="current">
     <!--#echo encoding="none" var="MARK_START" -->
     <a href="/education/edu-faq.html#content">FAQ</a><span 
class="gnun-split"></span>
     <!--#echo encoding="none" var="MARK_END" --></dt><!--#else --><dt>
     <a href="/education/edu-faq.html#content">FAQ</a></dt><!--#endif -->
-  <!--#if expr="$REQUEST_URI = /\/edu-team/" --><dt class="current">
+  <!--#if expr="$REQUEST_URI = /^\/education\/edu-team/" --><dt 
class="current">
     <!--#echo encoding="none" var="MARK_START" -->
     <a href="/education/edu-team.html#content">Our team</a><span 
class="gnun-split"></span>
     <!--#echo encoding="none" var="MARK_END" --></dt><!--#else --><dt>
     <a href="/education/edu-team.html#content">Our team</a></dt><!--#endif -->
+  <dt class="nolink">In depth</dt>
+  <dd>
+    <ul>
+      <!--#if expr="$REQUEST_URI = /^\/education\/edu-why/" --><li 
class="current">
+        <!--#echo encoding="none" var="MARK_START" -->
+        <a href="/education/edu-why.html#content">Why educational institutions 
should use and teach free software</a><span class="gnun-split"></span>
+        <!--#echo encoding="none" var="MARK_END" --></li><!--#else --><li>
+        <a href="/education/edu-why.html#content">Why educational institutions 
should use and teach free software</a></li><!--#endif -->
+      <!--#if expr="$REQUEST_URI = /^\/education\/edu-schools/" --><li 
class="current">
+        <!--#echo encoding="none" var="MARK_START" -->
+        <a href="/education/edu-schools.html#content">Why schools should 
exclusively use free software</a><span class="gnun-split"></span>
+        <!--#echo encoding="none" var="MARK_END" --></li><!--#else --><li>
+        <a href="/education/edu-schools.html#content">Why schools should 
exclusively use free software</a></li><!--#endif -->
+      <!--#if expr="$REQUEST_URI = /^\/education\/edu-system-india/" --><li 
class="current">
+        <!--#echo encoding="none" var="MARK_START" -->
+        <a href="/education/edu-system-india.html#content">The education 
system in India</a><span class="gnun-split"></span>
+        <!--#echo encoding="none" var="MARK_END" --></li><!--#else --><li>
+        <a href="/education/edu-system-india.html#content">The education 
system in India</a></li><!--#endif -->
+    </ul>
+  </dd>
  </dl>
 </div>
+</div>
 
 </div><!-- for id="content", starts in the include above -->

Index: edu-software.html
===================================================================
RCS file: /webcvs/www/www/server/staging/edu-software.html,v
retrieving revision 1.29
retrieving revision 1.30
diff -u -b -r1.29 -r1.30
--- edu-software.html   9 May 2020 06:40:15 -0000       1.29
+++ edu-software.html   26 May 2020 10:36:22 -0000      1.30
@@ -1,28 +1,51 @@
-<!--#include virtual="/server/header.html" -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
+
+<head>
+<!-- start of server/head-include-1.html -->
+<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+<link rev="made" href="mailto:address@hidden"; />
+<link rel="icon" type="image/png" href="/graphics/gnu-head-mini.png" />
+<meta name="ICBM" content="42.355469,-71.058627" />
+<meta name="DC.title" content="gnu.org" />
+<link rel="stylesheet" type="text/css" href="/reset.css" media="screen" />
+<link rel="stylesheet" type="text/css" href="/mini.css" media="handheld" />
+<link rel="stylesheet" type="text/css" href="layout.css" media="screen" />
+<link rel="stylesheet" type="text/css" href="/print.min.css" media="print" />
+<!-- end of server/head-include-1.html -->
+
+<!-- end of server/header.html -->
 <!-- Parent-Version: 1.92 -->
 <!-- This page is derived from /server/standards/boilerplate.html -->
+<!--#set var="DISABLE_TOP_ADDENDUM" value="yes" -->
 <title>Educational Free Software
 - GNU Project - Free Software Foundation</title>
-<link rel="stylesheet" type="text/css" href="/server/staging/education.css" 
media="screen" />
+<link rel="stylesheet" type="text/css" href="education.css" media="screen" />
 <!--#include virtual="/education/po/edu-software.translist" -->
 <!--#include virtual="/server/banner.html" -->
-<a id="sect-menu-button" class="switch" href="#navlinks"><img
- id="sect-menu-icon" height="32"
+<div class="nav">
+<a id="side-menu-button" class="switch" href="#navlinks">
+ <img id="side-menu-icon" height="32"
  src="/server/staging/layout/sect-menu.png"
- alt="Section menu" /></a>
+      title="Section menu"
+      alt="&nbsp;[Section menu]&nbsp;" />
+</a>
 
-<div class="reduced-width">
 <p class="breadcrumb">
- <a href="/education/education.html">Education</a>&nbsp;&gt; 
- <a href="/education/edu-resources.html">Resources</a>&nbsp;≫
-</p>
-
-<h2 id="main-heading">Educational Free Software</h2>
-<hr class="thin" />
+ <a href="/"><img src="/graphics/icons/home.png" height="24"
+    alt="GNU Home" title="GNU Home" /></a>&nbsp;/
+ <a href="/education/education.html">Education</a>&nbsp;/
+ <a href="/education/edu-resources.html">Resources</a>&nbsp;/</p>
+</div>
+<!--#set var="DISABLE_TOP_ADDENDUM" value="no" -->
+<!--#include virtual="/server/top-addendum.html" -->
+<div style="clear: both"></div>
+<div id="last-div" class="reduced-width">
+<h2>Educational Free Software</h2>
 
-<div class="article">
-<p><em>The GNU project maintains a <a
-href="/software/free-software-for-education.html">list of high 
+<p><em>The GNU project maintains a 
+<a href="/software/free-software-for-education.html">list of high 
 quality free programs for education at all levels</a> that we 
 recommend.</em></p>
 
@@ -50,7 +73,6 @@
 <p>The following are the examples that we present:</p>
 
 <!-- begin adding programs in alphabetical order -->
-
 <div class="toc-inline">
 <p>
 &nbsp;<a href="/education/edu-software-gcompris.html">GCompris</a>&nbsp;
@@ -58,7 +80,6 @@
 &nbsp;<a href="/education/edu-software-tuxpaint.html">Tux Paint</a>&nbsp;
 </p>
 </div>
-
 <!-- end adding programs -->
 
 <p>Some of the programs presented here, like GCompris, are part of the 
@@ -95,7 +116,6 @@
 </p></div>
 
 </div>
-</div>
 <!--#include virtual="/server/staging/education-menu.html" -->
 <!--#include virtual="/server/footer.html" -->
 <div id="footer">
@@ -116,17 +136,18 @@
         to <a href="mailto:address@hidden";>
         &lt;address@hidden&gt;</a>.</p>
 
-        <p>For information on coordinating and submitting translations of
+        <p>For information on coordinating and contributing translations of
         our web pages, see <a
         href="/server/standards/README.translations.html">Translations
         README</a>. -->
 Please see the <a
 href="/server/standards/README.translations.html">Translations
-README</a> for information on coordinating and submitting translations
+README</a> for information on coordinating and contributing translations
 of this article.</p>
 </div>
 
-<p>Copyright &copy; 2011, 2012, 2016, 2017, 2019, 2020 Free Software 
Foundation, Inc.</p>
+<p>Copyright &copy; 2011, 2012, 2016, 2017, 2019, 2020 Free Software
+Foundation, Inc.</p>
 
 <p>This page is licensed under a <a rel="license"
 href="http://creativecommons.org/licenses/by-nd/4.0/";>Creative
@@ -136,7 +157,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2020/05/09 06:40:15 $
+$Date: 2020/05/26 10:36:22 $
 <!-- timestamp end -->
 </p>
 </div>

Index: edu-team.html
===================================================================
RCS file: /webcvs/www/www/server/staging/edu-team.html,v
retrieving revision 1.6
retrieving revision 1.7
diff -u -b -r1.6 -r1.7
--- edu-team.html       1 Jan 2020 16:25:43 -0000       1.6
+++ edu-team.html       26 May 2020 10:36:22 -0000      1.7
@@ -1,24 +1,48 @@
-<!--#include virtual="/server/header.html" -->
-<!-- Parent-Version: 1.79 -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
+
+<head>
+<!-- start of server/head-include-1.html -->
+<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+<link rev="made" href="mailto:address@hidden"; />
+<link rel="icon" type="image/png" href="/graphics/gnu-head-mini.png" />
+<meta name="ICBM" content="42.355469,-71.058627" />
+<meta name="DC.title" content="gnu.org" />
+<link rel="stylesheet" type="text/css" href="/reset.css" media="screen" />
+<link rel="stylesheet" type="text/css" href="/mini.css" media="handheld" />
+<link rel="stylesheet" type="text/css" href="layout.css" media="screen" />
+<link rel="stylesheet" type="text/css" href="/print.min.css" media="print" />
+<!-- end of server/head-include-1.html -->
+
+<!-- end of server/header.html -->
+<!-- Parent-Version: 1.92 -->
+<!-- This page is derived from /server/standards/boilerplate.html -->
 <!--#set var="DISABLE_TOP_ADDENDUM" value="yes" -->
-
 <title>The Education Team
 - GNU Project - Free Software Foundation</title>
-
+<link rel="stylesheet" type="text/css" href="education.css" media="screen" />
 <!--#include virtual="/education/po/edu-team.translist" -->
 <!--#include virtual="/server/banner.html" -->
-<!--#include virtual="/education/education-menu.html" -->
-<p class="edu-breadcrumb">
-<a href="/education/education.html">Education</a> &rarr; The Education Team</p>
-<!--GNUN: OUT-OF-DATE NOTICE-->
-<!--#if expr="$OUTDATED_SINCE" --><!--#else -->
-<!--#if expr="$LANGUAGE_SUFFIX" -->
-<!--#set var="DISABLE_TOP_ADDENDUM" value="no" -->
-<!--#include virtual="/server/top-addendum.html" -->
-<!--#endif -->
-<!--#endif -->
+<div class="nav">
+<a id="side-menu-button" class="switch" href="#navlinks">
+ <img id="side-menu-icon" height="32"
+      src="/server/staging/layout/sect-menu.png"
+      title="Section menu"
+      alt="&nbsp;[Section menu]&nbsp;" />
+</a>
+
+<p class="breadcrumb">
+ <a href="/"><img src="/graphics/icons/home.png" height="24"
+    alt="GNU Home" title="GNU Home" /></a>&nbsp;/
+ <a href="/education/education.html">Education</a>&nbsp;/</p>
+</div>
+<!--#include virtual="/server/outdated.html" -->
+<div style="clear: both"></div>
+<div id="last-div" class="reduced-width">
 <h2>The Education Team</h2>
 
+<div class="article">
 <p>The Education Team was initially created to carry out the task of 
 building a section within the gnu.org website to specifically address 
 the importance of using Free Software in the education field. We believe 
@@ -78,9 +102,10 @@
 around the world who follow the GNU philosophy and have successfully 
 implemented Free Software, please drop us a note at 
 <a href="mailto:address@hidden";>&lt;address@hidden&gt;</a>.</p>
+</div>
 
-</div><!-- for id="content", starts in the include above -->
-
+</div>
+<!--#include virtual="/server/staging/education-menu.html" -->
 <!--#include virtual="/server/footer.html" -->
 <div id="footer">
 <div class="unprintable">
@@ -100,13 +125,13 @@
         to <a href="mailto:address@hidden";>
         &lt;address@hidden&gt;</a>.</p>
 
-        <p>For information on coordinating and submitting translations of
+        <p>For information on coordinating and contributing translations of
         our web pages, see <a
         href="/server/standards/README.translations.html">Translations
         README</a>. -->
 Please see the <a
 href="/server/standards/README.translations.html">Translations
-README</a> for information on coordinating and submitting translations
+README</a> for information on coordinating and contributing translations
 of this article.</p>
 </div>
 
@@ -120,7 +145,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2020/01/01 16:25:43 $
+$Date: 2020/05/26 10:36:22 $
 <!-- timestamp end -->
 </p>
 </div>



reply via email to

[Prev in Thread] Current Thread [Next in Thread]