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

Vernieuwde startpagina Debian website: nazicht gewenst



Dag iedereen,

Debian plant in de loop van deze maand de lancering van de nieuwe
website.

In bijlage vindt u de vernieuwde Engelse startpagina en een ontwerp van
vertaling ervan naar het Nederlands.

Nazicht is zeer welkom.

-- 
Met vriendelijke groet,
Frans Spiesschaert
#use wml::debian::mainpage title="The Universal Operating System"

<link href="startpage.css" rel="stylesheet" type="text/css">
<link href="5img-carousel-slider.css" rel="stylesheet" type="text/css">

<div id="splash">
  <h1>Debian</h1>
</div>

<!-- The first row of columns on the site. -->
<div class="row">
  <div class="column styled-href-blue column-left">
    <div align="center">
      <h1>The Community</h1>
      <h2>Debian is a Community of People!</h2>
      <!-- The following div is containing the static image carousel.
           Currently made of five images. -->
      <div class="wrapper">
        <input checked type="radio" name="slider" id="slide1" />
        <input type="radio" name="slider" id="slide2" />
        <input type="radio" name="slider" id="slide3" />
        <input type="radio" name="slider" id="slide4" />
        <input type="radio" name="slider" id="slide5" />

        <div class="slider-wrapper">
          <div class="inner">
            <article>
              <div class="info bottom-right">
                <h3>DC19 Group Photo</h3>
              </div>
              <img src="Pics/Debconf19_group_photo.jpg"
                   alt="Logo of DebConf19"/>
            </article>

            <article>
              <div class="info top-left">
                <h3>Mini DebConf Hamburg 2018</h3>
              </div>
              <img src="Pics/minidc-hh2019-group-photo-1024x576.jpg"
                   alt="Group photo of the MiniDebConf in Hamburg 2018"/>
            </article>

            <article>
              <div class="info top-left">
                <h3>Screenshot Calamares Installers</h3>
              </div>
              <img src="Pics/calamares-debian-installer-1024x576.jpg"
                   alt="Screenshot from the Calamares installer" />
            </article>

            <article>
              <div class="info top-left">
                <h3>Debian is like a Swiss Knife</h3>
              </div>
              <img src="Pics/debian-swiss-knife-hands-1024x576.jpg"
                   alt="Debian is like a Swiss Knife" />
            </article>

            <article>
              <div class="info top-left">
                <h3>People have fun</h3>
              </div>
              <img src="Pics/debian-funny-people-1024x576.jpg"
                   alt="Debian people at Debconf18 in Hsinchu really having fun"/>
            </article>
          </div>  <!-- .inner -->
        </div>  <!-- .slider-wrapper -->

        <div class="slider-prev-next-control">
          <label for="slide1"></label>
          <label for="slide2"></label>
          <label for="slide3"></label>
          <label for="slide4"></label>
          <label for="slide5"></label>
        </div>  <!-- .slider-prev-next-control -->

        <div class="slider-dot-control">
          <label for="slide1"></label>
          <label for="slide2"></label>
          <label for="slide3"></label>
          <label for="slide4"></label>
          <label for="slide5"></label>
        </div>  <!-- .slider-dot-control -->
      </div>


      <!--<img src="Pics/hacking_on_md_curitiba2018.jpg" alt="[people]">-->
      <!--<img src="Pics/minidc-hh-group_photo.jpg" alt="[people]">-->
      <!--<img src="Pics/Debconf18_group_photo.jpg" alt="[people]">-->
    </div>
    <div class="row">
      <div class="community column">
        <a href="intro/about"><img src="logos/connected-people.png"></a>
      </div>
      <div class="styled-href-blue column-4-parts">
        <h2><a href="intro/about">People</a></h2>
        <p>Who we are, what we do</p>
      </div>
    </div>
    <div class="row">
      <div class="community column">
        <a href="intro/"><img src="logos/yin-yang.png"></a>
      </div>
      <div class="styled-href-blue column-4-parts">
        <h2><a href="intro/">Our Philosophy</a></h2>
        <p>Why we do it and how we do it</p>
      </div>
    </div>
    <div class="row">
      <div class="community column">
        <a href="devel/join/"><img src="logos/programming.png"></a>
      </div>
      <div class="styled-href-blue column-4-parts">
        <h2><a href="devel/join/">Get Involved, Contribute</a></h2>
        <p>You can be part of this!</p>
      </div>
    </div>
    <div class="row">
      <div class="community column">
        <a href="more#community"><img src="logos/read-more.png"></a>
      </div>
      <div class="styled-href-blue column-4-parts">
        <h2><a href="more#community">More...</a></h2>
        <p>Additional information about the Debian community</p>
      </div>
    </div>
  </div>
  <div class="column column-right">
    <div align="center">
      <h1>The Operating System</h1>
      <h2>Debian is a complete Free Operating System!</h2>
      <div class="os-img-container">
        <img src="Pics/debian-logo-1024x576.png" alt="Debian">
        <a href="<stable-images-url/>/amd64/iso-cd/debian-<current-tiny-cd-release-filename/>-amd64-netinst.iso" class="os-dl-btn">Download</a>
      </div>
    </div>
    <div class="row">
      <div class="community column">
        <a href="intro/why_debian"><img src="logos/why-debian.png"></a>
      </div>
      <div class="styled-href-blue column-4-parts">
        <h2><a href="intro/why_debian">Why Debian</a></h2>
        <p>What makes Debian special so you should use it</p>
      </div>
    </div>
    <div class="row">
      <div class="community column">
        <a href="support"> <img src="logos/support.png"> </a>
      </div>
      <div class="styled-href-blue column-4-parts">
        <h2><a href="support">User Support</a></h2>
        <p>Getting help and documentation</p>
      </div>
    </div>
    <div class="row">
      <div class="community column">
        <a href="security/"><img src="logos/security-shield.png"></a>
      </div>
      <div class="styled-href-blue column-4-parts">
        <h2><a href="security/">Security Updates</a></h2>
        <p>Debian Security Announcements (DSA) <a class="rss_logo" href="security/dsa">RSS</a></p>
      </div>
    </div>
    <div class="row">
      <div class="community column">
        <a href="more#software"><img src="logos/read-more.png"></a>
      </div>
      <div class="styled-href-blue column-4-parts">
        <h2><a href="more#software">More...</a></h2>
        <p>Further links to downloads and software</p>
      </div>
    </div>
  </div>
</div>

<hr>
<!-- The second row of columns on the site. -->
<!-- The News will be selected by the press team. -->

<div class="row">
  <div class="column styled-href-blue column-left">
    <div align="center">
      <h1>Project News</h1>
      <h2>News and Announcements about Debian!</h2>
    </div>
    <!-- First, most recent News entry. -->
    <div class="project-news">
      <time datetime="2019-09-08" class="date-as-calendar position-em size1_25x">
        <span class="day">08</span>
        <span class="month">November</span>
        <span class="year">2019</span>
      </time>
      <div class="project-news-content">
        <a href="News/2019/20190908">Update for Debian 9: Debian 9.11 released</a>
      </div>
    </div>
    <!-- Second News entry. -->
    <div class="project-news">
      <time datetime="2019-09-07" class="date-as-calendar position-em size1_25x">
        <span class="day">07</span>
        <span class="month">September</span>
        <span class="year">2019</span>
      </time>
      <div class="project-news-content">
        <a href="News/2019/20190907">Update for Debian 10: Debian 10.1 released</a>
      </div>
    </div>
    <!-- Third News entry. -->
    <div class="project-news">
      <time datetime="2019-07-27" class="date-as-calendar position-em size1_25x">
        <span class="day">27</span>
        <span class="month">July</span>
        <span class="year">2019</span>
      </time>
      <div class="project-news-content">
        <a href="News/2019/20190727">DebConf19 closes in Curitiba and DebConf20 dates announced</a>
      </div>
    </div>
    <!-- Fourth News entry. -->
    <div class="project-news">
      <time datetime="2019-07-07" class="date-as-calendar position-em size1_25x">
        <span class="day">07</span>
        <span class="month">July</span>
        <span class="year">2019</span>
      </time>
      <div class="project-news-content">
        <a href=" News/2019/20190707">Debian Edu / Skolelinux Buster — a complete Linux solution for your school</a>
      </div>
    </div>

    <!-- No more News entries behind this line! -->
    <div class="project-news">
      <div class="end-of-list-arrow"></div>
      <div class="project-news-content project-news-content-end">
        <a href="News">All the news</a>
        <a class="rss_logo" href="News/news">RSS</a>
      </div>
    </div>

  </div>
</div>

{#rss#:
<link rel="alternate" type="application/rss+xml"
 title="Debian News" href="News/news">
<link rel="alternate" type="application/rss+xml"
 title="Debian Project News" href="News/weekly/dwn">
<link rel="alternate" type="application/rss+xml"
 title="Debian Security Advisories (titles only)" href="security/dsa">
<link rel="alternate" type="application/rss+xml"
 title="Debian Security Advisories (summaries)" href="security/dsa-long">
:#rss#}

#use wml::debian::mainpage title="Het universele Besturingssysteem" GEN_TIME="yes"
#use wml::debian::recent_list
#use wml::debian::translation-check translation="35c81c2efe2cedc4d2e08ef3515dff100b92a50b"

<link href="startpage.css" rel="stylesheet" type="text/css">
<link href="5img-carousel-slider.css" rel="stylesheet" type="text/css">

<div id="splash">
  <h1>Debian</h1>
</div>

<!-- The first row of columns on the site. -->
<div class="row">
  <div class="column styled-href-blue column-left">
    <div align="center">
      <h1>Het Collectief</h1>
      <h2>Debian is een samenwerkingsverband!</h2>
      <!-- The following div is containing the static image carousel.
           Currently made of five images. -->
      <div class="wrapper">
        <input checked type="radio" name="slider" id="slide1" />
        <input type="radio" name="slider" id="slide2" />
        <input type="radio" name="slider" id="slide3" />
        <input type="radio" name="slider" id="slide4" />
        <input type="radio" name="slider" id="slide5" />

        <div class="slider-wrapper">
          <div class="inner">
            <article>
              <div class="info bottom-right">
                <h3>DC19 Groepsfoto</h3>
              </div>
              <img src="Pics/Debconf19_group_photo.jpg"
                   alt="Logo of DebConf19"/>
            </article>

            <article>
              <div class="info top-left">
                <h3>Mini-DebConf Hamburg 2018</h3>
              </div>
              <img src="Pics/minidc-hh2019-group-photo-1024x576.jpg"
                   alt="Group photo of the MiniDebConf in Hamburg 2018"/>
            </article>

            <article>
              <div class="info top-left">
                <h3>Schermafdruk Calamares installatieprogramma</h3>
              </div>
              <img src="Pics/calamares-debian-installer-1024x576.jpg"
                   alt="Screenshot from the Calamares installer" />
            </article>

            <article>
              <div class="info top-left">
                <h3>Debian is als een Zwitsers mes</h3>
              </div>
              <img src="Pics/debian-swiss-knife-hands-1024x576.jpg"
                   alt="Debian is like a Swiss Knife" />
            </article>

            <article>
              <div class="info top-left">
                <h3>Mensen hebben er plezier</h3>
              </div>
              <img src="Pics/debian-funny-people-1024x576.jpg"
                   alt="Debian people at Debconf18 in Hsinchu really having fun"/>
            </article>
          </div>  <!-- .inner -->
        </div>  <!-- .slider-wrapper -->

        <div class="slider-prev-next-control">
          <label for="slide1"></label>
          <label for="slide2"></label>
          <label for="slide3"></label>
          <label for="slide4"></label>
          <label for="slide5"></label>
        </div>  <!-- .slider-prev-next-control -->

        <div class="slider-dot-control">
          <label for="slide1"></label>
          <label for="slide2"></label>
          <label for="slide3"></label>
          <label for="slide4"></label>
          <label for="slide5"></label>
        </div>  <!-- .slider-dot-control -->
      </div>


      <!--<img src="Pics/hacking_on_md_curitiba2018.jpg" alt="[people]">-->
      <!--<img src="Pics/minidc-hh-group_photo.jpg" alt="[people]">-->
      <!--<img src="Pics/Debconf18_group_photo.jpg" alt="[people]">-->
    </div>
    <div class="row">
      <div class="community column">
        <a href="intro/about"><img src="logos/connected-people.png"></a>
      </div>
      <div class="styled-href-blue column-4-parts">
        <h2><a href="intro/about">Mensen</a></h2>
        <p>Wie we zijn, wat we doen</p>
      </div>
    </div>
    <div class="row">
      <div class="community column">
        <a href="intro/"><img src="logos/yin-yang.png"></a>
      </div>
      <div class="styled-href-blue column-4-parts">
        <h2><a href="intro/">Onze filisofie</a></h2>
        <p>Waarom we het doen en hoe we het doen</p>
      </div>
    </div>
    <div class="row">
      <div class="community column">
        <a href="devel/join/"><img src="logos/programming.png"></a>
      </div>
      <div class="styled-href-blue column-4-parts">
        <h2><a href="devel/join/">Raak betrokken, draag bij</a></h2>
        <p>U kunt hier deel van uitmaken!</p>
      </div>
    </div>
    <div class="row">
      <div class="community column">
        <a href="more#community"><img src="logos/read-more.png"></a>
      </div>
      <div class="styled-href-blue column-4-parts">
        <h2><a href="more#community">Meer...</a></h2>
        <p>Extra informatie over het Debian samenwerkingsverband</p>
      </div>
    </div>
  </div>
  <div class="column column-right">
    <div align="center">
      <h1>Het besturingssysteem</h1>
      <h2>Debian is een volledig vrij besturingssysteem!</h2>
      <div class="os-img-container">
        <img src="Pics/debian-logo-1024x576.png" alt="Debian">
        <a href="<stable-images-url/>/amd64/iso-cd/debian-<current-tiny-cd-release-filename/>-amd64-netinst.iso" class="os-dl-btn">Downloaden</a>
      </div>
    </div>
    <div class="row">
      <div class="community column">
        <a href="intro/why_debian"><img src="logos/why-debian.png"></a>
      </div>
      <div class="styled-href-blue column-4-parts">
        <h2><a href="intro/why_debian">Waarom Debian?</a></h2>
        <p>Wat maakt Debian speciaal, zodat u het zou moeten gebruiken?</p>
      </div>
    </div>
    <div class="row">
      <div class="community column">
        <a href="support"> <img src="logos/support.png"> </a>
      </div>
      <div class="styled-href-blue column-4-parts">
        <h2><a href="support">Gebruikersondersteuning</a></h2>
        <p>Hulp krijgen en documentatie</p>
      </div>
    </div>
    <div class="row">
      <div class="community column">
        <a href="security/"><img src="logos/security-shield.png"></a>
      </div>
      <div class="styled-href-blue column-4-parts">
        <h2><a href="security/">Veiligheidsupdates</a></h2>
        <p>Aankondigingen van Debian beveiligingen (DSA) <a class="rss_logo" href="security/dsa">RSS</a></p>
      </div>
    </div>
    <div class="row">
      <div class="community column">
        <a href="more#software"><img src="logos/read-more.png"></a>
      </div>
      <div class="styled-href-blue column-4-parts">
        <h2><a href="more#software">Meer...</a></h2>
        <p>Meer links naar downloads en software</p>
      </div>
    </div>
  </div>
</div>

<hr>
<!-- The second row of columns on the site. -->
<!-- The News will be selected by the press team. -->

<div class="row">
  <div class="column styled-href-blue column-left">
    <div align="center">
      <h1>Projectnieuws</h1>
      <h2>Nieuws en aankondigingen over Debian!</h2>
    </div>
    <!-- First, most recent News entry. -->
    <div class="project-news">
      <time datetime="2019-09-08" class="date-as-calendar position-em size1_25x">
        <span class="day">08</span>
        <span class="month">november</span>
        <span class="year">2019</span>
      </time>
      <div class="project-news-content">
        <a href="News/2019/20190908">Update voor Debian 9: Debian 9.11 uitgebracht</a>
      </div>
    </div>
    <!-- Second News entry. -->
    <div class="project-news">
      <time datetime="2019-09-07" class="date-as-calendar position-em size1_25x">
        <span class="day">07</span>
        <span class="month">september</span>
        <span class="year">2019</span>
      </time>
      <div class="project-news-content">
        <a href="News/2019/20190907">Update voor Debian 10: Debian 10.1 uitgebracht</a>
      </div>
    </div>
    <!-- Third News entry. -->
    <div class="project-news">
      <time datetime="2019-07-27" class="date-as-calendar position-em size1_25x">
        <span class="day">27</span>
        <span class="month">juli</span>
        <span class="year">2019</span>
      </time>
      <div class="project-news-content">
        <a href="News/2019/20190727">DebConf19 in Curitiba afgesloten en data voor DebConf20 aangekondigd</a>
      </div>
    </div>
    <!-- Fourth News entry. -->
    <div class="project-news">
      <time datetime="2019-07-07" class="date-as-calendar position-em size1_25x">
        <span class="day">07</span>
        <span class="month">juli</span>
        <span class="year">2019</span>
      </time>
      <div class="project-news-content">
        <a href=" News/2019/20190707">Debian Edu / Skolelinux Buster — een volledige Linux-oplossing voor uw school</a>
      </div>
    </div>

    <!-- No more News entries behind this line! -->
    <div class="project-news">
      <div class="end-of-list-arrow"></div>
      <div class="project-news-content project-news-content-end">
        <a href="News">Alle nieuws</a>
        <a class="rss_logo" href="News/news">RSS</a>
      </div>
    </div>

  </div>
</div>

{#rss#:
<link rel="alternate" type="application/rss+xml"
 title="Debian News" href="News/news">
<link rel="alternate" type="application/rss+xml"
 title="Debian Project News" href="News/weekly/dwn">
<link rel="alternate" type="application/rss+xml"
 title="Debian Security Advisories (titles only)" href="security/dsa">
<link rel="alternate" type="application/rss+xml"
 title="Debian Security Advisories (summaries)" href="security/dsa-long">
:#rss#}


Reply to: