1. Horst Gutmann
  2. pyconde2013-teaserpage

Commits

Horst Gutmann  committed 906bc49

Init

  • Participants
  • Branches master

Comments (0)

Files changed (6)

File .gitignore

View file
+*.css

File fabfile.py

View file
+from fabric.api import task, env, local, put, cd, sudo
+from tempfile import mkdtemp
+from shutil import rmtree
+from os.path import join
+
+env.host_string = "pyconde00.gocept.net"
+env.sudo_user = "pyconde"
+env.target_dir = '/srv/pyconde/env_pyconde_2013/htdocs'
+
+
+@task
+def deploy():
+    """
+    Given gocept's current system structure we first upload the files into
+    a directory that can be used by the current user and are then extracted
+    into the final directory as the final service user.
+    """
+    tmpdir = mkdtemp()
+    target_file = join(tmpdir, '2013.tar.bz2')
+    try:
+        local('lessc -x static/css/main.less > static/css/main.css')
+        local('tar --exclude=".git*" --exclude="*.pxm" --exclude="fabfile*"'
+            ' --exclude=".DS_Store" --exclude="background.png"'
+            ' --exclude="._*" --exclude="logo.png"'
+            ' --exclude="*.less" -cjvf {0} .'.format(target_file))
+        put(target_file, "~/")
+        with cd(env.target_dir):
+            sudo('tar -xjvf ~{user}/2013.tar.bz2'.format(**env), user=env.sudo_user)
+    finally:
+        rmtree(tmpdir)

File index.html

View file
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8" /> 
+        <title>PyCon.DE 2013 – Die 3. Deutsche Python-Konferenz.</title>
+        <link rel="stylesheet" href="static/css/main.css" type="text/css">
+    </head>
+    <body>
+        <div id="page">
+            <header>
+                <hgroup>
+                    <h1>PyCon.DE 2013 – Die 3. Deutsche Python-Konferenz.</h1>
+                    <h2>Dynamisch.Zukunft.Entwickeln.</h2>
+                </hgroup>
+            </header>
+            <div id="main">
+                <div class="body">
+                    <p>Die PyCon.DE 2013 bietet ein <strong>attraktives, breit gefächertes Programm für Python-Experten und Einsteiger</strong>. Die <strong>Vorträge</strong> präsentieren neueste Entwicklungen zu Programmiertechnik, Anwendungsbeispiele und Erfolgsgeschichten. Daneben gibt es Raum und Zeit für Diskussionen und gemeinsames Arbeiten. Die <strong>Keynotes</strong> werden über den Python-Tellerrand hinaus zum Nachdenken, Schmunzeln oder Weiterdenken anregen. In der Ausstellung sind Firmen und Projekte vertreten, um neue Kunden, Partner und Mitarbeiter<em>innen</em> zu finden. Der <strong>Schülerwettbewerb</strong> im Vorfeld soll Schüler<em>innen</em> an Python heranführen und praxisnah für die IT motivieren. Die PyCon.DE 2013 wird eine <strong>familienfreundliche Konferenz</strong> sein. Die Kinderbetreuung wird neben anderen Angeboten den Teilnehmer<em>innen</em> und Teilnehmern einen sorgenfreien und unbeschwerten Konferenzbesuch erlauben.</p>
+                    <p class="secondary">Die PyCon.DE 2013 wird von der Python User Group Köln, dem Deutschen Zentrum für Luft- und Raumfahrt e.V. und dem Python Software Verband e.V. organisiert. Sie findet vom <strong>14.-19. Oktober 2013 im Kölner KOMED</strong> statt.</p>
+                </div>
+                <div id="contact">
+                    <img src="static/images/logo-small.png" alt="" />
+                    <p>PyCon.DE/2013
+                    <br>c/o Deutsches Zentrum für
+                    <br>Luft- und Raumfahrt e.V.
+                    <br>Linder Höhe
+                    <br>51147 Köln
+                    <br>Telefon: +49.2203.601-2485
+                    <br>E-Mail: <a href="mailto:pyconde2013@dlr.de">PyConDE2013@dlr.de</a>
+                    </p>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>

File static/css/main.less

View file
+@green: #1d8c2d;
+@baseColor: #444;
+@titleFont: Georgia, serif;
+@bodyFont: "Helvetica Neue", Helvetica, Arial, sans-serif;
+@pageWidth: 927px;
+@pagePadding: 10px;
+@contactWidth: 250px;
+
+.clearfix, hgroup, #main {
+    &:after {
+        content: "";
+        display: table;
+        clear: both;
+    }
+}
+
+a {
+    color: darken(@green, 0);
+}
+
+body {
+    font-size: 16px;
+    font-family: @bodyFont;
+    color: @baseColor;
+    line-height: 1.6em;
+    background: #FAFAFA;
+}
+
+#page {
+    width: @pageWidth;
+    padding: @pagePadding;
+    margin: 30px auto 0 auto;
+    background: url(../images/background.jpg) 50% 10px no-repeat #FFF;
+}
+
+header {
+    min-height: 300px;
+}
+
+hgroup {
+    margin: 50px 0 0 0;
+}
+
+h1, h2 {
+    background: @green;
+    color: #FFF;
+    padding: 7px 7px 7px 20px;
+    margin: 0 0 10px -10px;
+    float: left;
+    clear: left;
+    font-size: 18px;
+}
+h1 {
+    font-size: 24px;
+}
+
+#main {
+    background: #FFF;
+    background: rgba(255, 255, 255, 0.85);
+}
+
+.body, #contact {
+    padding: 15px;
+}
+
+#contact {
+    float: right;
+    width: @contactWidth;
+    margin-top: -115px;
+    img {
+        border: 17px solid rgba(255, 255, 255, 0.5);
+        max-width: 170px;
+        margin-left: 20px;
+        display: block;
+    }
+}
+
+.body {
+    float: left;
+    width: @pageWidth - @contactWidth - 4 * 15px;
+}

File static/images/background.jpg

Added
New image

File static/images/logo-small.png

Added
New image