Präsi Version richtig
nooahe
parent
d7343e8cb7
commit
5b4cc9d83b
|
|
@ -0,0 +1,67 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>SPINN MIT | About</title>
|
||||
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
|
||||
<link rel="stylesheet" href="https://use.typekit.net/out0zfe.css">
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
|
||||
<link rel="manifest" href="images/site.webmanifest">
|
||||
</head>
|
||||
<body class="aboutInfo">
|
||||
|
||||
<div class="subPageHeader">
|
||||
|
||||
<img src="images/logo.gif" class="" id="logo" alt="">
|
||||
|
||||
|
||||
<div class="mapControls ">
|
||||
<a href="/help.html" class="">
|
||||
<img src="images/help.svg" id="helpLink" class="mapControl">
|
||||
</a>
|
||||
<a href="/about.html" class="activeLink">
|
||||
<img src="images/about.svg" id="aboutLink" class="mapControl ">
|
||||
</a>
|
||||
<a href="/">
|
||||
<img src="images/cancelAboutInfo.svg" id="homeLink" class="mapControl">
|
||||
</a>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="content">
|
||||
<h1>Willkommen! </h1>
|
||||
<div class="textContainer">
|
||||
<p>Um was geht’s? <br> Zürcher Stadtkreise nachhaltig optimieren: Durch unsere App erhalten deine Ideen zur Verbesserung des Stadtbildes ein Gehör. Ziel ist es, die gesamte Bevölkerung aktiv am Wandel des Stadtbilds miteinzubeziehen und zum mitspinnen zu bewegen.
|
||||
</p>
|
||||
<p>Egal ob aufwendige Bepflanzung oder simple Mülltonnen – umfangreichere Projekte, aber auch nur kleine Spinnereien sind auf unserer Plattform willkommen. Ist eine Idee einmal an einem Ort erfasst, kann sich die Community mittels Kommentarfunktion einbringen. So können Spinnereien konkretisiert oder diskutiert werden.</p>
|
||||
</div>
|
||||
|
||||
<h1>Das sind wir</h1>
|
||||
<div class="textContainer">
|
||||
<p>Die App wurde im Rahmen einer studentischen Arbeit von Flavia Hodel, Marlon Portmann, Noah Eckert und Monia Rosenow ins Leben gerufen. Zur Zeit studieren wir alle gemeinsam Media Engineering an der Fachhochschule Graubünden. Mit unserer Idee wollen wir uns aktiv an der Umgestaltung und Optimierung der Limmatstadt beteiligen und auch allen anderen die Möglichkeit dazu geben.
|
||||
</p>
|
||||
<p>Bei dieser Website handelt es sich um einen ersten Prototyp. Leider werden die Ideen nicht realisiert, aber wer weiss: Vielleicht zieht Züri nach und bald wird es eine Plattform/Forum für die Stadtgestaltung geben!
|
||||
</p>
|
||||
<p>Gespannt freuen wir uns auf deine Spinnerei!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||||
<script src="js/aboutInfo.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>SPINN MIT | Info</title>
|
||||
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
|
||||
<link rel="stylesheet" href="https://use.typekit.net/out0zfe.css">
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
|
||||
<link rel="manifest" href="images/site.webmanifest">
|
||||
</head>
|
||||
<body class="aboutInfo">
|
||||
|
||||
<div class="subPageHeader">
|
||||
|
||||
<img src="images/logo.gif" class="" id="logo" alt="">
|
||||
|
||||
|
||||
<div class="mapControls ">
|
||||
<a href="/help.html" class="activeLink">
|
||||
<img src="images/help.svg" id="helpLink" class="mapControl">
|
||||
</a>
|
||||
<a href="/about.html" class="">
|
||||
<img src="images/about.svg" id="aboutLink" class="mapControl ">
|
||||
</a>
|
||||
<a href="/">
|
||||
<img src="images/cancelAboutInfo.svg" id="homeLink" class="mapControl">
|
||||
</a>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="content">
|
||||
<h1>Spinnerei erfassen</h1>
|
||||
<div class="textContainer">
|
||||
<p>Willkommen! Hier erfährst du, wie du deine Ideen festhalten und publizieren kannst:</p>
|
||||
<p>Klicke in der Karte auf die Location, um an diesem Ort eine neue Spinnerei zu erfassen.</p>
|
||||
<p>Trage den Titel und deine Idee ein. Wichtig: Überprüfe, ob der erfasste Standort korrekt eingetragen wurde – ansonsten kannst du diesen auch noch anpassen.
|
||||
Optional kannst du auch noch bis zu vier Bilder oder Skizzen hochladen. So können sich deine Mitspinner deine Vision besser vorstellen.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h1>Kommentare & Votes</h1>
|
||||
<div class="textContainer">
|
||||
<p>Gefällt dir eine andere Idee besonders gut, kannst du diese voten. So wird die Idee grösser auf der Karte abgebildet, da sie anscheinend mehrere Personen begeistert. Negative Votes gibt es nicht, jedoch findet Kritik in der Kommentarspalte Platz.
|
||||
</p>
|
||||
<p>Durch die Kommentarfunktion können sich deine Mitmenschen oder du selbst bei fremden Ideen einbringen. Die einzelnen Spinnereien können so kritisiert, gelobt oder gar weitergesponnen werden.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||||
<script src="js/aboutInfo.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
|
||||
|
||||
console.log("test");
|
||||
console.log($("#homeLink").offset().top);
|
||||
|
||||
let topOffset
|
||||
|
||||
topOffset = $("#homeLink").offset().top -13;
|
||||
$(window).scroll(()=>{
|
||||
|
||||
if ($(document).scrollTop() >= topOffset) {
|
||||
$("#homeLink").addClass("fixedPos")
|
||||
|
||||
console.log("fixed");
|
||||
} else if ( $(document).scrollTop() < topOffset){
|
||||
$("#homeLink").removeClass("fixedPos")
|
||||
console.log("unfixed");
|
||||
}
|
||||
})
|
||||
Loading…
Reference in New Issue