...
 
Commits (84)
/*
This stylesheet is holding classes for a static image carousel for
five images.
*/
/*---- NUMBER OF SLIDE CONFIGURATION ----*/
.wrapper {
max-width: 60em;
position: relative;
}
.wrapper input {
display: none;
}
.inner {
width: 500%;
line-height: 0;
}
.inner article {
width: 20%;
float: left;
position: relative;
}
.inner article img {
max-width: 95%;
height: auto;
}
/*---- SET UP CONTROL ----*/
.slider-prev-next-control {
height: 50px;
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.slider-prev-next-control label {
display: none;
width: 40px;
height: 40px;
border-radius: 50%;
background: #5f5f5f;
opacity: 0.7;
}
.slider-prev-next-control label:hover {
opacity: 1;
}
.slider-dot-control {
position: absolute;
width: 100%;
bottom: 15px;
text-align: center;
}
.slider-dot-control label {
cursor: pointer;
border-radius: 5px;
display: inline-block;
width: 10px;
height: 10px;
background: #bbb;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.slider-dot-control label:hover {
background: #ccc;
border-color: #777;
}
/* Info Box */
.info {
position: absolute;
font-style: italic;
line-height: 20px;
opacity: 0;
color: #000;
background-color: gainsboro;
border-radius: 5px;
-moz-border-radius: 5px;
text-align: left;
-webkit-transition: all 1000ms ease-out 600ms;
-moz-transition: all 1000ms ease-out 600ms;
transition: all 1000ms ease-out 600ms;
}
.info h3 {
color: #000;
margin: 0.4em;
font-weight: normal;
font-size: 0.9em;
font-style: normal;
}
.info.top-left {
top: 20px;
left: 55px;
}
.info.top-right {
top: 20px;
right: 55px;
}
.info.bottom-left {
bottom: 20px;
left: 55px;
}
.info.bottom-right {
bottom: 20px;
right: 55px;
}
/* Slider Styling */
.slider-wrapper {
width: 100%;
overflow: hidden;
/*border-radius: 5px;*/
/*box-shadow: 1px 1px 4px #666;*/
/*background: #fff;*/
/*background: #fcfff4;*/
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
.slider-wrapper .inner {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
/*---- SET POSITION FOR SLIDE ----*/
#slide1:checked ~ .slider-prev-next-control label:nth-child(2)::after,
#slide2:checked ~ .slider-prev-next-control label:nth-child(3)::after,
#slide3:checked ~ .slider-prev-next-control label:nth-child(4)::after,
#slide4:checked ~ .slider-prev-next-control label:nth-child(5)::after,
#slide5:checked ~ .slider-prev-next-control label:nth-child(1)::after,
#slide2:checked ~ .slider-prev-next-control label:nth-child(1)::after,
#slide3:checked ~ .slider-prev-next-control label:nth-child(2)::after,
#slide4:checked ~ .slider-prev-next-control label:nth-child(3)::after,
#slide5:checked ~ .slider-prev-next-control label:nth-child(4)::after,
#slide1:checked ~ .slider-prev-next-control label:nth-child(5)::after {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin: 0;
line-height: 38px;
font-size: 3em;
display: block;
color: #fff;
}
#slide1:checked ~ .slider-prev-next-control label:nth-child(2)::after,
#slide2:checked ~ .slider-prev-next-control label:nth-child(3)::after,
#slide3:checked ~ .slider-prev-next-control label:nth-child(4)::after,
#slide4:checked ~ .slider-prev-next-control label:nth-child(5)::after,
#slide5:checked ~ .slider-prev-next-control label:nth-child(1)::after {
content: "\f105";
padding-left: 15px;
}
#slide1:checked ~ .slider-prev-next-control label:nth-child(2),
#slide2:checked ~ .slider-prev-next-control label:nth-child(3),
#slide3:checked ~ .slider-prev-next-control label:nth-child(4),
#slide4:checked ~ .slider-prev-next-control label:nth-child(5),
#slide5:checked ~ .slider-prev-next-control label:nth-child(1) {
display: block;
float: right;
margin-right: 8%;
}
#slide2:checked ~ .slider-prev-next-control label:nth-child(1),
#slide3:checked ~ .slider-prev-next-control label:nth-child(2),
#slide4:checked ~ .slider-prev-next-control label:nth-child(3),
#slide5:checked ~ .slider-prev-next-control label:nth-child(4),
#slide1:checked ~ .slider-prev-next-control label:nth-child(5) {
display: block;
float: left;
margin-left: 8%;
}
#slide2:checked ~ .slider-prev-next-control label:nth-child(1)::after,
#slide3:checked ~ .slider-prev-next-control label:nth-child(2)::after,
#slide4:checked ~ .slider-prev-next-control label:nth-child(3)::after,
#slide5:checked ~ .slider-prev-next-control label:nth-child(4)::after,
#slide1:checked ~ .slider-prev-next-control label:nth-child(5)::after {
content: "\f104";
padding-left: 8px;
}
#slide1:checked ~ .slider-dot-control label:nth-child(1),
#slide2:checked ~ .slider-dot-control label:nth-child(2),
#slide3:checked ~ .slider-dot-control label:nth-child(3),
#slide4:checked ~ .slider-dot-control label:nth-child(4),
#slide5:checked ~ .slider-dot-control label:nth-child(5) {
background: #333;
}
#slide1:checked ~ .slider-wrapper article:nth-child(1) .info,
#slide2:checked ~ .slider-wrapper article:nth-child(2) .info,
#slide3:checked ~ .slider-wrapper article:nth-child(3) .info,
#slide4:checked ~ .slider-wrapper article:nth-child(4) .info,
#slide5:checked ~ .slider-wrapper article:nth-child(5) .info {
opacity: 1;
}
#slide1:checked ~ .slider-wrapper .inner {
margin-left: 0%;
}
#slide2:checked ~ .slider-wrapper .inner {
margin-left: -100%;
}
#slide3:checked ~ .slider-wrapper .inner {
margin-left: -200%;
}
#slide4:checked ~ .slider-wrapper .inner {
margin-left: -300%;
}
#slide5:checked ~ .slider-wrapper .inner {
margin-left: -400%;
}
/*---- TABLET ----*/
@media only screen and (max-width: 850px) and (min-width: 450px) {
.slider-wrapper {
border-radius: 0;
}
}
/*---- MOBILE----*/
@media only screen and (max-width: 450px) {
.slider-wrapper {
border-radius: 0;
}
.slider-wrapper .info {
opacity: 0;
}
}
......@@ -3,9 +3,9 @@
WMLBASE=.
CUR_DIR=
SUBS=Bugs CD MailingLists News Pics banners blends consultants devel \
SUBS=Bugs CD MailingLists News Pics banners blends community consultants devel \
distrib doc events intro international legal logos lts mirror misc partners \
ports releases reports security users volatile vote women y2k derivatives
ports releases reports security software users volatile vote women y2k derivatives
all install:: install-locale
......@@ -30,7 +30,7 @@ endif
$(INDEXPAGE): index.wml $(TEMPLDIR)/mainpage.wml $(GETTEXTDEP) \
$(wildcard News/$(CUR_YEAR)/[0-9]*.wml) $(wildcard $(ENGLISHSRCDIR)/News/$(CUR_YEAR)/[0-9]*.wml) \
$(wildcard News/$(CUR_YEAR)/[0-9]*.title) \
$(wildcard News/$(CUR_YEAR)/[0-9]*.title) \
$(wildcard security/$(CUR_YEAR)/dsa-[0-9]*.wml) $(wildcard $(ENGLISHSRCDIR)/security/$(CUR_YEAR)/dsa-[0-9]*.wml) \
$(TEMPLDIR)/ctime.wml $(TEMPLDIR)/recent_list.wml $(TEMPLDIR)/languages.wml \
$(TEMPLDIR)/release_info.wml $(TEMPLDIR)/release_images.wml
......
This diff is collapsed.
# If this makefile is not generic enough to support a translation,
# please contact debian-www.
WMLBASE=..
CUR_DIR=community
SUBS=
include $(WMLBASE)/Make.lang
......@@ -24,10 +24,10 @@
@import url("https://www.debian.org/empty.css");
#splash {
background-image: url('Pics/softwaves_web_bg.png');
background-image: url('Pics/futureprototype-bg.png');
background-position:top center;
background-repeat: no-repeat;
background-size: 100%;
background-size: cover;
margin-top: 0;
margin-bottom: 1.5em;
text-align: center;
......@@ -35,7 +35,7 @@
height: 120px;
}
#splash h1 {
background-image: url('Pics/softwaves.png');
background-image: url('Pics/futureprototype.png');
background-position:top center;
padding-top:130px;
overflow:hidden;
......@@ -47,11 +47,9 @@
}
span.download {
display: block;
position: absolute;
right: 13px;
font-size: 0.75em;
line-height: 2;
background-color: white;
background-color: green;
margin-top: 10px;
}
span.download a {
......@@ -60,10 +58,8 @@ span.download a {
text-decoration: none;
border: 0.15em solid #339900;
display: block;
background: transparent url('Pics/emblem-downloads.png') no-repeat 5px 5px;
padding-left: 30px;
padding-right: 1em;
color:#339900;
}
span.download a:hover {
text-decoration: none;
......
......@@ -184,6 +184,11 @@ p.section a:hover {
border-right: 1px solid #d2d3d7;
text-decoration: underline;
}
#navbar-right {
float: right;
position: absolute;
right: 370px;
}
ul.subnav {
list-style: none;
margin-left: 0;
......
#use wml::debian::template title="How You Can Join"
#use wml::debian::template title="How You Can Join (NewHomePage: Community > Get Involved)"
<p>The Debian Project consists of volunteers, and our products are developed
entirely by volunteers. We are generally <a href="$(HOME)/intro/diversity">looking for new contributors</a> who have an interest in free software, and some free
......
This diff is collapsed.
#use wml::debian::template title="About Debian"
#use wml::debian::template title="About Debian (NewHomePage: Community > People who are we, what we do"
#include "$(ENGLISHDIR)/releases/info"
<ul class="toc">
......
#use wml::debian::template title="Introduction to Debian"
#use wml::debian::template title="Introduction to Debian (NewHomePage: Community > Philosophy: Why we do it and how we do it)"
<p><a href="about">About Debian</a>.
......
This diff is collapsed.
#use wml::debian::template MAINPAGE="true"
<a id=community></a>
<h1>Debian is a Community of People</h1>
Thousands of volunteers around the world work together prioritising Free Software and the needs of users.
<ul>
<li> <a href="../intro/about/">People</a>: Who we are, what we do</li>
<li> <a href="../intro/">Philosophy</a>: Why we do it and how we do it</li>
<li> <a href="../devel/join/">Get involved</a>: You can be part of this!</li>
<p>
<li> <a href="../social_contract/">Social Contract:</a> Our moral agenda</li>
<li> <a href="../code_of_coduct/">Code of Conduct</a></li>
<li> <a href="../partners/">Partners:</a>Companies and organizations that provide ongoing assistance to the Debian project</li>
<li> <a href="../donations/">Donations</a></li>
<li> <a href="../legal/">Legal Info </a></li>
<li> <a href="../legal/privacy/">Data Privacy</a></li>
<li> <a href="../contact/">Contact Us</a></li>
</ul>
<hr>
<a id=software></a>
<h1>Debian is a Free Operating System</h1>
We start with Linux and add many thousands of applications to meet
the needs of its users.
<ul>
<li> <a href="../distrib">Download:</a> More variants of Debian images</li>
<li> <a href="../security">Security:</a> last update 12 Mar 2019</li>
<li> <a href="../support">Support:</a> Getting help and documentation</li>
<p>
<li> <a href="../distrib/packages"> Software packages:</a>Search and browse the long list of our software</li>
<li> <a href="../doc"> Documentation</a></li>
<li> <a href="https://wiki.debian.org"> Debian wiki</a></li>
<li> <a href="../Bugs"> Bug reports</a></li>
<li> <a href="https://lists.debian.org/"> Mailing Lists</a></li>
<li> <a href="../blends"> Pure Blends:</a> Metapackages for specific needs</li>
<li> <a href="../devel"> Developers' Corner:</a> Information primarily be of interest to Debian developers</li>
<li> <a href="../ports"> Ports/Architectures:</a> CPU architectures we support</li>
</ul>
# If this makefile is not generic enough to support a translation,
# please contact debian-www.
WMLBASE=..
CUR_DIR=software
SUBS=
include $(WMLBASE)/Make.lang
/*
This stylesheet file is used within the intro website.
https://www.debian.org Stylesheet
Copyright Debian WebTeam 2019
This stylesheet is free software; you can redistribute it and/or modify it
under the terms of the GNU General Public License, version 2, as published by
the Free Software Foundation.
This program is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with
this program; if not, write to the Free Software Foundation, Inc., 51 Franklin
Street, Fifth Floor, Boston, MA 02110-1301 USA.
The license text can also be found at http://www.gnu.org/copyleft/gpl.html and
/usr/share/common-licenses/GPL-2 on Debian.
*/
html {
font-size: 16px;
}
h1 {
font-size: 2.0em;
}
hr {
margin: 1em;
}
/* Basically taken from https://www.yudiz.com/3-easiest-ways-to-make-equal-height-blocks-using-css/
Method 3: Using CSS Flex Box
and https://dev.to/drews256/ridiculously-easy-row-and-column-layouts-with-flexbox-1k01
*/
.row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.column {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 1;
padding: 20px;
border: 1px solid white;
transition: all .2s ease-in-out;
width: 50%;
}
.column-left, .column-right {
/* Currently not used and empty. */
}
/* CSS classes for columns greater than 50%.
Only useful in combination with the base class 'column'.
*/
.column-2-parts {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 2;
}
.column-3-parts {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 3;
}
.column-4-parts {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 4;
}
.community img {
height: 60px;
}
div .community {
padding: 10px 0 10px 0;
color: #ffffff;
}
.column-2-parts > h2,
.column-3-parts > h2,
.column-4-parts > h2 {
padding-top: 20px;
}
.column-2-parts > p,
.column-3-parts > p,
.column-4-parts > p {
margin-top: 10px;
}
.community.column:hover,
.community.column:focus img {
border: none;
outline: 0px;
}
.column:hover {
border: 1px solid #e2e2e2;
background: #fcfcfc;
}
.column h1 {
text-transform: uppercase;
text-align: center;
letter-spacing: 0.08em;
font-family: serif;
font-weight: bold;
}
.column h2 {
margin: .2em;
}
.column:hover h1 {
transform: scale(1.1);
transition: .35s ease-in-out;
}
.column img {
object-fit: contain;
max-width: 96%;
max-height: 400px;
padding: 10px;
}
/* Classes used within 'The Operating System' */
.os-img-container {
position: relative;
width: 100%;
}
.os-img-container img {
max-width: 100%;
height: auto;
}
.os-dl-btn {
width: 50%;
text-decoration: none;
}
/* Unfortunately the 'backdrop-filter' element isn't working even in FF >= 60.x,
which would be a nice use case here, using the classical CSS button method
then.
For more info see: https://webkit.org/blog/3632/introducing-backdrop-filters/
*/
.os-img-container .os-dl-btn {
position: absolute;
top: 46%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background-color: #090909C0;
color: white;
font-size: 2.3em;
padding: 16px 24px;
border: none;
cursor: pointer;
border-radius: 10px;
text-decoration: none;
}
.os-img-container .os-dl-btn:hover {
background-color: black;
color: white;
}
/* END Classes used within 'The Operating System' */
.styled-href-blue h2 a,
.styled-href-blue li a,
.styled-href-blue strong a,
.styled-href-blue a:link:hover,
.project-news-content a {
text-decoration: none;
position: relative;
color: #3366FF;
}
.styled-href-blue h2 a:after,
.styled-href-blue li a:after,
.styled-href-blue strong a:after,
.project-news-content a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0%;
border-bottom: 2px solid #3366FF;
transition: 0.35s;
}
.styled-href-blue h2 a:hover:after,
.styled-href-blue li a:hover:after,
.styled-href-blue strong a:hover:after,
.project-news-content a:hover:after {
width: 100%;
}
/* Classes used within 'Project News' */
.project-news {
margin-left: 15%;
padding: 20px;
}
.project-news-content {
padding-left: 110px;
margin-top: -50px;
font-size: 1.1em;
}
.project-news-content-end {
position: relative;
top: 38px;
margin-bottom: 25px;
}
.end-of-list-arrow {
width: 0px;
height: 0px;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
border-style: solid;
border-width: 15px 0 15px 26px;
border-color: transparent transparent transparent #999;
position: relative;
left: 2%;
top: 15px;
}
/* The following rules are taken from https://codepen.io/denilsonsa/pen/Etrba
but are modified to fit better into our design. */
.date-as-calendar {
font-variant: normal;
font-style: normal;
font-weight: normal;
font-family: "Helvetica", "Arial", sans-serif;
/* It seems vertical-align: baseline does not work correctly with display: inline-flex. */
vertical-align: top;
color: black;
background: white;
background : linear-gradient(to bottom right, #FFF 0%, #EEE 100%);
border: 1px solid #888;
border-radius: 3px;
overflow: hidden;
box-shadow: 2px 2px 2px -2px black;
}
.date-as-calendar .weekday,
.date-as-calendar .day,
.date-as-calendar .month,
.date-as-calendar .year {
text-align: center;
line-height: 1.0;
}
.date-as-calendar .month {
font-family: "Oswald", sans-serif;
text-transform: uppercase;
background: #B11;
background : linear-gradient(to bottom right, #D66 0%, #A00 100%);
color: white;
}
/* Layout rules using position: absolute and relative dimensions using em. */
.position-em.date-as-calendar {
display: inline-block;
position: relative;
width: 4em;
height: 4em;
}
.position-em.date-as-calendar .weekday,
.position-em.date-as-calendar .day,
.position-em.date-as-calendar .month,
.position-em.date-as-calendar .year {
display: block;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 1em;
}
.position-em.date-as-calendar .month {
top: 0px;
font-size: 0.7em;
padding: 0.1em 0;
}
.position-em.date-as-calendar .weekday {
top: 1.6em;
font-size: 0.6125em;
}
.position-em.date-as-calendar .day {
top: 1.1em;
font-size: 1.5em
}
.position-em.date-as-calendar .year {
bottom: 0px;
font-size: 0.87750em;
}
/* Multiple sizes. */
.date-as-calendar.size0_5x {
font-size: 8px;
}
.date-as-calendar.size0_75x {
font-size: 12px;
}
.date-as-calendar.size1x {
font-size: 16px;
}
.date-as-calendar.size1_25x {
font-size: 20px;
}
.date-as-calendar.size1_5x {
font-size: 24px;
}
.date-as-calendar.size1_75x {
font-size: 28px;
}
.date-as-calendar.size2x {
font-size: 32px;
}
.date-as-calendar.size3x {
font-size: 48px;
}
/* END Classes used within 'Project News' */
/* Classes used within 'Why Debian' */
ol.why-debian {
list-style-type: none;
list-style-type: decimal !ie; /*IE 7- hack*/
margin: 0;
font-size: 1.1em;
padding-left: 15%;
counter-reset: li-counter;
}
ol.why-debian > li {
position: relative;
margin: 1.5em 0 2.5em 0;
padding: 1.3em;
background-color: #eaeaea;
max-width: 75%;
}
ol.why-debian > li:before {
position: absolute;
top: -0.5em;
left: -0.8em;
width: 1.8em;
height: 1.2em;
font-size: 2em;
line-height: 1.2;
font-weight: bold;
text-align: center;
color: #ffffff;
background-color: #a80030; /* The color of the swirl.*/
transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
z-index: 99;
overflow: hidden;
content: counter(li-counter);
counter-increment: li-counter;
}
/* END Classes used within 'Why Debian' */
@media screen and (min-width: 800px) {
.column {
flex: 1;
}
.column-2-parts {
flex: 2
}
.column-3-parts {
flex: 3
}
.column-4-parts {
flex: 4
}
}
@media(max-width: 1580px) {
html {
font-size: 15px;
}
}
@media(max-width: 1250px) {
html {
font-size: 14px;
}
}
@media(max-width: 980px) {
html {
font-size: 13px;
}
}
@media(max-width: 800px) {
html {
font-size: 12px;
}
}
......@@ -5,34 +5,40 @@
#use wml::debian::common_tags
<div id="header">
<div id="upperheader">
<div id="logo">
<a href="$(HOME)/" title="<gettext domain="templates">Debian Home</gettext>">\
<img src="$(LOGOS:-$(HOME)/Pics)/openlogo-50.png" alt="<gettext domain="templates">Debian</gettext>" /></a>
</div> <!-- end logo -->
<div id="searchbox">
<form name="p" method="get" action="https://search.debian.org/cgi-bin/omega">
<p>
<div id="upperheader">
<div id="logo">
<a href="$(HOME)/" title="<gettext domain="templates">Debian Home</gettext>">\
<img src="$(LOGOS:-$(HOME)/Pics)/openlogo-50.png" alt="<gettext domain="templates">Debian</gettext>" /></a>
</div> <!-- end logo -->
<div id="searchbox">
<form name="p" method="get" action="https://search.debian.org/cgi-bin/omega">
<p>
<perl>
my $ext = lc('$(CUR_ISO_LANG)'); $ext =~ s/-/_/;
print '<input type="hidden" name="DB" value="'.$ext.'[CN:-cn:][TW:-tw:][HK:-hk:]" />';
my $ext = lc('$(CUR_ISO_LANG)'); $ext =~ s/-/_/;
print '<input type="hidden" name="DB" value="'.$ext.'[CN:-cn:][TW:-tw:][HK:-hk:]" />';
</perl>
<input name="P" value="" size="27" />
<input type="submit" value="<search>" />
</p>
</form>
</div> <!-- end sitetools -->
</div> <!-- end upperheader -->
<!--UdmComment-->
<div id="navbar">
<p class="hidecss"><a href="#content"><skipquicknav/></a></p>
<ul>
<li><a href="$(INTRO)/about"><aboutdebian/></a></li>
<li><a href="$(DISTRIB)/"><gettingdebian/></a></li>
<li><a href="$(HOME)/support"><support/></a></li>
<li><a href="$(HOME)/devel/"><develcorner/></a></li>
</ul>
</div> <!-- end navbar -->
<input name="P" value="" size="14" />
<input type="submit" value="<search>" />
</p>
</form>
</div> <!-- end sitetools -->
</div> <!-- end upperheader -->
<!--UdmComment-->
<div id="navbar">
<p class="hidecss"><a href="#content"><skipquicknav/></a></p>
<ul id="navbar-right">
<!-- Link to Debian's own Social Media resources -->
<li><a href="https://bits.debian.org/" alt="Bits from Debian" title="Bits from Debian">Blog</a></li>
<li><a href="https://micronews.debian.org" alt="Micronews from Debian" title="Micronews from Debian">Micronews</a></li>
<li><a href="https://planet.debian.org/" alt="Planet Debian" title="The Planet of Debian">Planet</a></li>
</ul>
<ul>
<li><a href="$(INTRO)/about"><aboutdebian/></a></li>
<li><a href="$(DISTRIB)/"><gettingdebian/></a></li>
<li><a href="$(HOME)/support"><support/></a></li>
<li><a href="$(HOME)/devel/"><develcorner/></a></li>
</ul>
</div> <!-- end navbar -->
#
#############################################################
# Breadcrumbs
......@@ -85,7 +91,7 @@
# Use only year for security/YYYY and vote/YYYY directories
if ( $eng_dir =~ m,security/(\d{4})$, or $eng_dir =~ m,vote/(\d{4})$, )
{ $title = $1 ; }
{ $title = $1 ; }
# Use short name for l10n stats #616340
elsif ( $eng_dir =~ m,international/l10n/po$, )
......@@ -127,16 +133,16 @@ $(title)</p>
#
# Handle DPN: use date and only year for News/weekly/YYYY directory
<when "$(SUMMARY)">
<p id="breadcrumbs"><a href="$(HOME)/News/"><gettext domain="newsevents">Latest News</gettext></a>
&#x2F; <a href="$(HOME)/News/weekly"><debianprojectnews/></a>
&#x2F; <a href="../"><:=substr('$(PUBDATE)', 0, 4):></a>
&#x2F; <:=&spokendate_noyear('$(PUBDATE)'):>
</p>
<p id="breadcrumbs"><a href="$(HOME)/News/"><gettext domain="newsevents">Latest News</gettext></a>
&#x2F; <a href="$(HOME)/News/weekly"><debianprojectnews/></a>
&#x2F; <a href="../"><:=substr('$(PUBDATE)', 0, 4):></a>
&#x2F; <:=&spokendate_noyear('$(PUBDATE)'):>
</p>
</when>
</when>
# Handle other pages in DPN directory and subdirectories (year index, contributing, etc.)
<when "$(PAGENAME)">
<p id="breadcrumbs"><a href="$(HOME)/News/"><gettext domain="newsevents">Latest News</gettext></a>
<p id="breadcrumbs"><a href="$(HOME)/News/"><gettext domain="newsevents">Latest News</gettext></a>
<perl>
# Pages in DPN directory
......@@ -162,11 +168,11 @@ $(title)</p>
}
}
</perl>
</p>
</p>
</when>
</when>
<when "$(MAINPAGE)">
<p id="breadcrumbs">&nbsp; </p>
<p id="breadcrumbs">&nbsp; </p>
</when>
</div> <!-- end header -->
<!--/UdmComment-->