Skip to content
Snippets Groups Projects
index.html 17.4 KiB
Newer Older
<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="index, follow, archive">

    <title>TechFak Sommerfest 2017</title>
    <meta name="description" content="Das Sommerfest 2017 der Technischen Fakultät an der FAU in Erlangen">
    <meta name="author" content="Fachschaft der Technischen Fakultät Erlangen e.V.">
    <meta name="keywords" lang="de" content="Sommerfest, TechFak, Technische Fakultät, FAU, Feier, Sommer, 2017, Erlangen, Bier, Bratwurst, Grill, Musik, Baustelle, FAUStelle, FAU-Stelle, FSI, FSIen, Downtown, EWerk, Uni, Universität, technisch, Fakultät, Nürnberg, Student, Studierende, Studium, Forschung, Ingenieur, Friedrich, Alexander, Campus, Sued">
    <meta name="keywords" lang="en" content="party, summer, summer party, TechFak, Technische Fakultät, FAU, 2017, Erlangen, beer, sausage, grill, music, building, FAUStelle, FAU-Stelle, FSI, FSIen, Downtown, EWerk, univerity, technology, faculty, nuernberg, student, study, research, engineer, Friedrich, Alexander, campus, south">
    <meta name="geo.region" content="DE-BY">
    <meta name="geo.placename" content="Erlangen, Erwin-Rommel-Str. 60">
    <meta name="geo.position" content="49.57458;11.02899">
    <meta name="icbm" content="49.57458, 11.02899">
    <link rel="bookmark" href="https://techfak-sommerfest.de/" title="TechFak Sommergest">
    <link rel="bookmark" href="https://techfak-goes-downtown.de/" title="TechFak Goes Downtown">
Sebastian Endres's avatar
Sebastian Endres committed
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="style.css" async>
    <!-- Custom Fonts -->
    <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
Sebastian Endres's avatar
Sebastian Endres committed
    <!-- Map -->
    <link rel="stylesheet" href="node_modules/leaflet/dist/leaflet.css"/>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <meta name="google-site-verification" content="9Qqy-hckoWPwQ2FWi_zWypOQTtEhbv_XRWy66pAMA3U"/>
    <!-- This code is generated by basti with his google account. You can simply change it. -->
Sebastian Endres's avatar
Sebastian Endres committed

    <!-- Favicons generated by realfavicongenerator.net -->
    <link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
Sebastian Endres's avatar
Sebastian Endres committed
    <link rel="manifest" href="img/favicon/manifest.json">
    <link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#deb92f">
Sebastian Endres's avatar
Sebastian Endres committed
    <link rel="shortcut icon" href="img/favicon/favicon.ico">
    <meta name="msapplication-config" content="img/favicon/browserconfig.xml">
    <meta name="theme-color" content="#deb92f">
Sebastian Endres's avatar
Sebastian Endres committed
    <!-- end favicons -->

    <!-- Facebook opengraph metadata by realfavicongenerator.net -->
    <meta property="og:image" content="img/og-image.jpg">
    <meta property="og:image:height" content="1257">
    <meta property="og:image:width" content="2400">
    <meta property="og:description" content="Sommerfest der Technischen Fakult&auml;t der FAU in Erlangen">
    <meta property="og:title" content="TechFak Sommerfest 2017">
    <meta property="og:url" content="https://techfak-sommerfest.de/">
    <!-- end opengraph -->
  <body itemscope itemtype="http://schema.org/Event">
    <nav class="navbar navbar-default navbar-fixed-top topnav">
      <div class="container topnav">
        <div class="navbar-header">
          <a class="navbar-brand" href="#intro">
            <img src="img/techfak_sommerfest.svg" alt="TechFak Sommerfest">
          </a>
        </div>
        <div id="topnav" class="collapse navbar-collapse">
          <ul class="nav navbar-nav navbar-left">
          </ul>
          <div class="navbar-right btn-group" style="max-height:50px;" role="group">
            <button id="btn-up" class="btn btn-default navbar-btn" type="button">
              <span class="glyphicon glyphicon-arrow-up"></span>
            </button>
            <button id="btn-down" class="btn btn-default navbar-btn" type="button">
              <span class="glyphicon glyphicon-arrow-down"></span>
            </button>
          </div>
Sebastian Endres's avatar
Sebastian Endres committed
    <div id="intro" class="intro-header text-center" data-title="Intro">
      <div class="container">
        <div class="row">
          <div id="title-image-wrapper" class="col-lg-5 col-sm-push-6 col-sm-6">
            <img id="title-image" class="img-responsive img-shadow" src="img/logo_v1.jpg" style="width:calc(100% - 30px);" itemprop="image">
          </div>
          <div class="col-lg-5 col-lg-offset-2 col-sm-pull-6 col-sm-6">
            <time class="date" datetime="2017-06-29T11:00">
Sebastian Endres's avatar
Sebastian Endres committed
              <img class="" style="max-width:100%" src="img/date_2017.png" alt="Donnerstag 29.06.2017 ab 11 Uhr">
              <meta itemprop="startDate" content="2017-06-29T11:00">
              <meta itemprop="endDate" content="2017-06-30T2:00">
            </time>
          </div>
        </div>
        <div class="row">
          <div class="col-md-offset-3 col-lg-offset-3 col-xs-12 col-md-6">
            <hr class="intro-divider">
          </div>
        </div>
        <div id="more-btns" class="row">
          <div class="col-xs-12 col-sm-4">
            <a href="https://facebook.com/TechFakSommerfest" class="btn btn-default btn-lg" itemprop="url">
              <i class="fa fa-facebook fa-fw"></i>
              <span class="network-name">Facebook</span>
            </a>
          </div>
          <div class="col-xs-12 col-sm-4">
Sebastian Endres's avatar
Sebastian Endres committed
            <a href="#sommerfest" class="btn btn-default btn-lg">
              <span class="glyphicon glyphicon-arrow-down"></span>
              <span class="network-name">Mehr Infos</span>
            </a>
          </div>
          <div class="col-xs-12 col-sm-4">
Sebastian Endres's avatar
Sebastian Endres committed
            <a href="#mithelfen" class="btn btn-default btn-lg">
              <span class="glyphicon glyphicon-hand-right"></span>
              <span class="network-name">Mithelfen</span>
            </a>
          </div>
        </div>
      </div>
    </div>
    <!-- Page Content -->
    <div id="aktuell" class="content-section" data-title="Aktuell">
      <div class="container">
        <div class="row">
          <div class="col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6">
            <hr class="section-heading-spacer">
            <div class="clearfix"></div>
            <h2 class="section-heading">Nur noch <span class="day_counter label label-default">...</span> Tage<span class="weather"> und das Wetter wird <span class="weather_adjective">...</span></span>!</h2>
            <p class="lead weather">
              <img class="hidden weather_img img-sign"/>
              <span class="weather_description"></span>
              <i class="fa fa-thermometer-three-quarters"></i>
              <span class="weather_temp_day"></span>
            </p>
          </div>
          <div class="col-lg-5 col-sm-pull-6 col-sm-6">
            <canvas id="weather_chart" class="weather" width="400" height="350"></canvas>
Sebastian Endres's avatar
Sebastian Endres committed
    <div id="sommerfest" class="content-section" data-title="Das Sommerfest">
      <div class="container">
        <div class="row">
          <div class="col-lg-5 col-sm-6">
            <hr class="section-heading-spacer">
            <div class="clearfix"></div>
            <h2 class="section-heading" itemprop="name">TechFak Sommerfest 2017</h2>
            <p class="lead" itemprop="description">
              Am <b>Donnerstag, den 29.06.2017</b>, entfesselt sich wieder die ganze Partykraft der Technischen Fakultät beim traditionellen Sommerfest!
              <br><br>
              <b>Ab 11 Uhr</b> könnt ihr an der TechFak in gewohnt charmantem Ambiente Köstlichkeiten vom Grill (Steaks, Würstchen, Camembert, Grillkäse und Maiskolben) sowie Bier und antialkoholische Getränke zu studentenfreundlichen Preisen erwerben und gemütlich auf Bierbänken verspeisen.
              <br><br>
              <span itemprop="performer" itemscope itemtype="http://schema.org/MusicGroup">Gegen Abend sorgt <a href="https://www.facebook.com/DJPlanet.Blue" itemprop="url"><span itemprop="name">DJ Planet.Blue</span></a> für Stimmung. Dann öffnet auch unsere Cocktailbar, an der ihr euch weitere leckere Drinks holen könnt, um euren Tag gemütlich ausklingen zu lassen.</span>
              <br><br>
              <b>Besonderes Special:</b> Zusätzlich zu Slush-Eis gibt es dieses Jahr Zuckerwatte und ein Fußballturnier.
            <meta itemprop="typicalAgeRange" content="18-35" />
          </div>
          <div class="col-lg-5 col-lg-offset-2 col-sm-6">
            <img class="img-responsive" src="img/drinking.svg" alt="">
          </div>
Sebastian Endres's avatar
Sebastian Endres committed
    <div id="motto" class="content-section" data-title="Motto" style="overflow-x:hidden;">
      <div class="container">
        <div class="row">
          <div class="col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6">
            <hr class="section-heading-spacer">
            <div class="clearfix"></div>
            <h2 class="section-heading" itemprop="alternateName">51 Jahre FAU-Stelle</h2>
            <p class="lead">
              Wer sich auf dem Campus umschaut, stellt schnell fest: Seit letztem Jahr hat sich absolut nichts geändert. Es sind nur noch mehr Baustellen geworden. Und das obwohl sich der Geburtstag der TechFak zum 51. mal jährt!<br><br>
              Diesen Zustand haben wir zum Anlass genommen und so ist das diesjährige Motto:
            <blockquote class="blockquote-reverse">51 Jahre FAU-Stelle</blockquote>
            <p class="lead">
              Neben Bauzäunen und Schilder-Wirrwarr wird es auch ein <b>Riesen-Jenga</b> geben. So kann man endlich mal selbst Hand anlegen.
            </p>
          </div>
          <div class="col-lg-5 col-sm-pull-6 col-sm-6">
            <div class="digger-container">
              <img class="img-responsive digger-back" src="img/digger_back.svg" alt="">
              <img class="img-responsive digger-front" src="img/digger_front.svg" alt="">
            </div>
Sebastian Endres's avatar
Sebastian Endres committed
    <div id="anfahrt" class="content-section" data-title="Anfahrt">
      <div class="container">
        <div class="row">
          <div class="col-lg-5 col-sm-6" itemprop="location" itemscope itemtype="http://schema.org/Place" smokingAllowed>
            <hr class="section-heading-spacer">
            <div class="clearfix"></div>
            <h2 class="section-heading">Wo wir zu finden sind<br></h2>
            <p class="lead">
              Das Sommerfest findet auf der Fläche vor der <em>Tentoria</em> und auf dem <em>Roten Platz</em> auf dem Gelände der <em>Technischen Fakultät</em> statt. Wenn man hier ankommt, kann man es aber eigentlich nicht übersehen.
              Nahegelegene Bushaltestellen sind <label class="label label-default" itemprop="name" data-mapgeo="49.57581;11.02803">Technische&nbsp;Fakultät</label>, <label class="label label-default" data-mapgeo="49.57385;11.02468">Stettiner&nbsp;Straße</label> und <label class="label label-default" data-mapgeo="49.5724;11.0230">Erlangen&nbsp;Süd</label>.
              Nahegelegene Bahnhöfe sind <label class="label label-default" data-mapgeo="49.56981;10.99709">Erlangen&nbsp;Bruck</label>, <label class="label label-default" data-mapgeo="49.57926;10.99941">Paul-Gossen-Straße</label> und natürlich der <label class="label label-default" data-mapgeo="49.59606;11.00159">Erlanger&nbsp;Hauptbahnhof</label>.
              Und noch ein <b>Tipp:</b> Nachts kommst du mit dem Semesterticket sogar kostenlos wieder nach Hause.
              <br><br>
              Fürs Navi:
            <address class="address lead" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
              <span itemprop="streetAddress">Erwin-Rommel-Str. 60</span>,
              <span itemprop="postalCode">91058</span> <span itemprop="addressLocality">Erlangen</span>
            </address>
            <div itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
              <meta itemprop="latitude" content="49.57458" />
              <meta itemprop="longitude" content="11.02899" />
            </div>
          </div>
          <div class="col-lg-5 col-lg-offset-2 col-sm-6">
            <div id="mapdiv" class="map img-shadow"></div>
Sebastian Endres's avatar
Sebastian Endres committed
    <div id="mithelfen" class="content-section" data-title="Mithelfen">
      <div class="container">
        <div class="row">
          <div class="col-lg-5 col-lg-offset-1 col-sm-push-6  col-sm-6">
            <hr class="section-heading-spacer">
            <div class="clearfix"></div>
            <h2 class="section-heading">HelferInnen gesucht!<br></h2>
            <p class="lead">
              Ihr möchtet uns unterstützen? Super! Wir benötigen aktuell noch viele Helfer und HelferInnen, die sich um Ab- und Aufbau, die Zubereitung von Getränken und Speisen und einige andere Aufgaben kümmern. Damit ihr dabei nicht leer ausgeht, gibt es für alle HelferInnen Speise- und Getränkegutscheine.
              Bitte tragt euch in folgendem Formular ein, damit wir euch für Schichten einteilen können:
            <p class="text-center">
              <a class="btn btn-default" href="/limesurvey/index.php/892922">
                <span class="glyphicon glyphicon-arrow-right"></span>
                Helferformular
              </a>
            </p>
            <p><span style="color:#CCCCCC;">Icons: Luis Prado, Michael Zenaty, Hyuk Jun Kwon</span></p>
          </div>
          <div class="col-lg-5 col-sm-pull-6 col-sm-6">
            <img class="img-responsive" src="img/helfersuche.svg" alt="">
          </div>
        </div>
      </div>
    </div>

    <footer class="footer text-center">
      <div class="container">
          <p><a href="files/sommerfest2017.ics" class="btn btn-default">
              <span class="glyphicon glyphicon-calendar"></span>
              <span class="network-name">Termin speichern</span>
Sebastian Endres's avatar
Sebastian Endres committed
          </a></p>
        </div>
Sebastian Endres's avatar
Sebastian Endres committed
          <img id="powered-by" src="img/powered-by.png" alt="Powered by TechFak FSIen">
        </div>
Sebastian Endres's avatar
Sebastian Endres committed
          <h3>
            <a class="h3" role="button" data-toggle="collapse" href="#collapseImpressum" aria-expanded="false" aria-controls="#collapseImpressum">
Sebastian Endres's avatar
Sebastian Endres committed
              Impressum
            </a>
          </h3>
          <div id="collapseImpressum" class="collapse">
Sebastian Endres's avatar
Sebastian Endres committed
            <h5>Angaben gem. TMG:</h5>
            <div class="container">
              <div class="row">
                <div class="col-md-4" itemprop="organizer" itemscope itemtype="http://schema.org/Organization">
Sebastian Endres's avatar
Sebastian Endres committed
                  <h2><span class="glyphicon glyphicon-envelope tfcolor" aria-hidden="true"></span> Betreiber</h2>
                  <a href="https://stuve.fau.de/studierendenvertretung/fachschaftsvertretungen/technische-fakultat/"><b itemprop="name">Fachschaft der Technischen Fakultät Erlangen e.&nbsp;V.</b></a>
                  <span itemprop="location" itemscope itemtype="http://schema.org/Place">
                    <address itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
                      <span itemprop="streetAddress">Erwin-Rommel-Str. 60 - Zimmer U1.240</span><br>
                      <span itemprop="postalCode">91058</span> <span itemprop="addressLocality">Erlangen</span>
                    </address>
                  </span>
Sebastian Endres's avatar
Sebastian Endres committed
                  <p>Vereinsregisternummer: VR 200164</p>
                </div>
Sebastian Endres's avatar
Sebastian Endres committed
                <div class="col-md-4">
                  <h2><span class="glyphicon glyphicon-phone tfcolor" aria-hidden="true"></span> Vertretung und Kontakt</h2>
                  <p>
                    Der Verein "Fachschaft der Technischen Fakultät Erlangen e.&nbsp;V." wird vertreten durch:<br>
                    <a data-hiddenhref="bWFpbHRvOmtldmluLmJyYWRlbnN0ZWluQGZhdS5kZQ==" href="">Kevin Bradenstein</a><br>
                    Telefonnummer: <a data-hiddenhref="KzQ5MTc4Mjk3NTc0Ng==" href="tel://"></a>
Sebastian Endres's avatar
Sebastian Endres committed
                  </p>
                </div>
Sebastian Endres's avatar
Sebastian Endres committed
                <div class="col-md-4">
                  <h2><span class="glyphicon glyphicon-file tfcolor" aria-hidden="true"></span> Datenschutzerklärung</h2>
                  <p>Es werden keine personenbezogenen Daten gespeichert.</p>
                </div>
              </div>
Sebastian Endres's avatar
Sebastian Endres committed
          <a href="/2014">2014</a>
          |
          <a href="/2015">2015</a>
          |
          <a href="/2016">2016</a>
Sebastian Endres's avatar
Sebastian Endres committed
        </div>
    <script src="node_modules/jquery/dist/jquery.min.js"></script>
    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="node_modules/leaflet/dist/leaflet.js"></script>
    <script src="node_modules/chart.js/dist/Chart.bundle.min.js"></script>
    <script src="script.js" async></script>