Skip to content
Snippets Groups Projects
Commit 9bfae0ac authored by Simon Maier's avatar Simon Maier
Browse files

frontend-hubbel Nav-redesign

parent 61b777ee
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
client-hubbel/src/components/Navbar.vue
+ 3
− 3
View file @ 9bfae0ac
......@@ -57,9 +57,9 @@ export default {
{ to: "/", title: "Themen", active: "Start" },
{ to: "/hubbeltest", title: "Aktueller Test des hubbel", active: "hubbeltest" },
{ to: "/help", title: "Hilfe", active: "Help" },
{ to: "/veranstaltungen", title: "Veranstaltungen", active: "Veranstaltungen" },
{ to: "/das-hubland", title: "Das Hubland", active: "HistoryHubland" },
{ to: "/about", title: "Über uns", active: "About" },
//{ to: "/veranstaltungen", title: "Veranstaltungen", active: "Veranstaltungen" },
//{ to: "/das-hubland", title: "Das Hubland", active: "HistoryHubland" },
{ to: "/about", title: "Smarte Region", active: "About" },
],
}),
created() {
......
client-hubbel/src/views/AboutUs.vue
+ 47
− 61
View file @ 9bfae0ac
<template>
<div class="custom-page">
<h1>
Darf ich mich vorstellen? <br />
Der hubbel stellt sich vor.
</h1>
<div class="custom-page__image-container">
<img src="../../../client-shared/img/hubbel-sketch2.png" alt="hubbel-Zeichnung" />
</div>
<div class="custom-page__content">
<p>
Durch hubbel können Anwohnerinnen und Anwohner Informationen, Fragen und Antworten zu
aktuellen Geschehnissen am Hubland mit ihren Nachbarinnen und Nachbarn austauschen.
<br />
<br />
Dazu gibt es drei Zugänge, über die der hubbel genutzt werden kann: 1) einen “hybriden
hubbel” am Hubland, 2) eine Webseite, 3) eine mobile Version. Über alle drei Zugangspunkte
ist das digitale System zum Austausch von Beiträgen zugänglich. Das bedeutet, Beiträge in
Form von (digitalen) Postkarten können über alle Zugänge gelesen und neue Postkarten zu
hublandspezifischen Themen zugeordnet werden.
<br />
<br />
Entwickelt wurde der hubbel in einer Kooperation zwischen der Universität Würzburg und
Bürgerinnen und Bürgern des Hublands.
</p>
<h2>Über meine Redaktion</h2>
<p>
Dabei werde ich von einer Redaktion betreut, die sich aus engagierten Bürgerinnen und
Bürgern zusammensetzt. Den Redakteurinnen und Redakteuren ist gemein, dass sie selbst am
Hubland wohnen oder arbeiten und sich gerne für eine stetige Verbesserung des Stadtteils
sowie für einen nachbarschaftlichen Austausch zwischen Bürgerinnen und Bürgern einsetzen.
Die Redakteurinnen und Redakteure machen dies ehrenamtlich und es gibt keine speziellen
Anforderungen, die zu einer Beteiligung an der Redaktion erfüllt werden müssen.
<br />
<b
>Außerdem ist jede und jeder Hubländer*in willkommen, der Redaktion beizutreten! Bitte
wende dich bei Interesse an hubbelredaktion@protonmail.com.
</b>
<br />
<br />
Die Redaktion sorgt im Hintergrund vor allem für zwei Dinge: Erstens unterstützt sie die
Ordnung und Übersichtlichkeit der Informationen durch eine Kategorisierung der eingereichten
Postkarten. Dazu legt die Redaktion auch neue Themen an, wenn dies angebracht ist. Neue
Themen ergeben sich vor allem dadurch, dass neue Projekte am Hubland starten und dazu
Informationen den hubbel erreichen. Außerdem werden die Hintergrundinformationen, die in
jedem Thema neben den entsprechenden Beiträgen stehen, von der Redaktion zusammengestellt.
<br />
Zweitens überprüft die Redaktion die Inhalte der eingereichten Postkarten auf Hassrede und -
soweit möglich - inhaltliche Korrektheit, bevor die Postkarten öffentlich einsehbar werden.
Dabei legt die Redaktion großen Wert darauf, keine Meinungen zu unterdrücken oder bestimmte
Themen präsenter zu machen als andere, sondern ist bemüht, den hubbel für alle Lesenden und
Schreibenden angenehmer zu gestalten.
<br />
Über diese beiden Kernaufgaben hinaus beteiligen sich die Redakteurinnen und Redakteure auch
als Autorinnen und Autoren und halten gezielt nach neuen Informationen über das Hubland und
die aktiven Projekte Ausschau und sichten dafür beispielsweise regelmäßig
Stadtratsbeschlüsse und die Lokalpresse.
</p>
<div class="row">
<div class="small-12 medium-9 column">
<h1>Smarte Region</h1>
</div>
</div>
<p>
Liebe Grüße
<br />
dein hubbel
</p>
<div class="row">
<div class="small-12 medium-9 column margin-bottom">
<div id="page-content">
2021 haben sich Stadt und Landkreis Würzburg erfolgreich um eine Förderung der
Bundesregierung im Rahmen der Modellprojekte Smart Cities beworben. Ziel ist, sich
untereinander und mit den Bürgerinnen und Bürger besser zu vernetzen und – so groß
dieser Anspruch auch ist – die Lebensqualität in der Region Würzburg für alle zu
steigern. Dafür gehen Stadt und Landkreis gemeinsam diverse smarte Projekte an. Alle
stehen unter dem Motto: „Soziale Resilienz - Menschlich aus der Krise“ und werden im
ständigen Dialog mit der Bürgerschaft, also Ihnen, ausgestaltet.<br />
<br />
<strong>Weitere Informationen zum Smart City Projekt finden sich unter </strong>
<ul>
<li>
<a href="http://wuerzburg.de/smart-city">Homepage der Smarten Region Würzburg</a>
</li>
<li>
<a
href="https://www.wuerzburg.de/unternehmen/smart-city/ueber-das-foerderprogramm/index.html#definition-smart-city"
>Informationen zur sozialen Resilienz und zur Definition Smart City</a
>
</li>
<li>
<a
href="https://www.wuerzburg.de/unternehmen/smart-city/ueber-das-foerderprogramm/index.html#die-strategiephase"
>Informationen zum Förderprogramm und der Strategiephase</a
>
</li>
<li>
<a href="https://www.wuerzburg.de/unternehmen/smart-city/team/index.html"
>Informationen zum stadt.land.smart Team</a
>
</li>
</ul>
&nbsp;
<div >
<img src="https://wuerzburg-mitmachen.de/rails/active_storage/disk/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9JYTJWNVNTSm5kbUZ5YVdGdWRITXZXbnBRWWs1UlZFMDJSVzlOYmt0Nk1YUTRVbFJOU2tGWUx6SmhORE01T1dVMVlXVTVNVEl3TURrNU16RmtNbU5oWVRFMllXTXdNR0psWm1RNU5qSXlaamxqWm1KaE5HRm1ZakUyTTJabE1qQTROelZoT0RCbU9Ea0dPZ1pGVkRvUVpHbHpjRzl6YVhScGIyNUpJbE5wYm14cGJtVTdJR1pwYkdWdVlXMWxQU0pDYVd4a1UyMWhjblJsVW1WbmFXOXVMbXB3WnlJN0lHWnBiR1Z1WVcxbEtqMVZWRVl0T0NjblFtbHNaRk50WVhKMFpWSmxaMmx2Ymk1cWNHY0dPd1pVT2hGamIyNTBaVzUwWDNSNWNHVkpJZzlwYldGblpTOXFjR1ZuQmpzR1ZBPT0iLCJleHAiOiIyMDIyLTEwLTI2VDE0OjQ4OjMzLjE4MFoiLCJwdXIiOiJibG9iX2tleSJ9fQ==--da3fb7b4b37682ac3d76e4e35056fd1af7867c46/BildSmarteRegion.jpg?content_type=image%2Fjpeg&disposition=inline%3B+filename%3D%22BildSmarteRegion.jpg%22%3B+filename%2A%3DUTF-8%27%27BildSmarteRegion.jpg" alt="Smarte Region" />
</div>
</div>
</div>
<div class="projekt-sidebar small-12 medium-3 column margin-bottom" />
</div>
</div>
<Footer />
</div>
......
client-hubbel/src/views/Start.vue
+ 45
− 33
View file @ 9bfae0ac
......@@ -7,39 +7,51 @@
<h3>Bleib informiert und in Kontakt</h3>
</div>
</div>
<div v-if="topicsAreLoading" class="loading-screen">Themen werden geladen...</div>
<div v-if="!topicsAreLoading" class="start__cards">
<Card
title="Alle Postkarten anzeigen"
:noPin="true"
:noLastPost="true"
@click.native="$router.push('/Forum')"
/>
<Card
v-for="topic in this.getPinnedTopics()"
:id="topic.id"
:key="topic.id"
:title="topic.title"
:last_post="
topic.last_post ? 'Letzte Postkarte vor ' + topic.last_post : 'Noch keine Postkarten'
"
:topic_age="topic.topic_age"
:pinned="true"
last
@click.native="$router.push('/Forum/' + topic.title)"
/>
<Card
v-for="topic in this.getUnpinnedTopics()"
:id="topic.id"
:key="topic.id"
:title="topic.title"
:last_post="
topic.last_post ? 'Letzte Postkarte vor ' + topic.last_post : 'Noch keine Postkarten'
"
:topic_age="topic.topic_age"
:pinned="false"
@click.native="$router.push('/Forum/' + topic.title)"
/>
<div class="start-contentbox">
<div class="explanation">
<p>
<br>
Der Hubbel lädt zur Online-Beteiligung ein: Machen Sie mit! Informieren Sie sich hier über
die vorgestellten Vorhaben der Stadt Würzburg sowie des Landkreises Würzburg und Teilen
Sie Ihre Meinung und Anregungen für ausgewählte Projekte mit anderen Interessierten.<br />
<br />
<strong>Ihre Meinungen kommen an!</strong><br />
</p>
</div>
<div v-if="topicsAreLoading" class="loading-screen">Themen werden geladen...</div>
<div v-if="!topicsAreLoading" class="start__cards">
<Card
title="Alle Postkarten anzeigen"
:noPin="true"
:noLastPost="true"
@click.native="$router.push('/Forum')"
/>
<Card
v-for="topic in this.getPinnedTopics()"
:id="topic.id"
:key="topic.id"
:title="topic.title"
:last_post="
topic.last_post ? 'Letzte Postkarte vor ' + topic.last_post : 'Noch keine Postkarten'
"
:topic_age="topic.topic_age"
:pinned="true"
last
@click.native="$router.push('/Forum/' + topic.title)"
/>
<Card
v-for="topic in this.getUnpinnedTopics()"
:id="topic.id"
:key="topic.id"
:title="topic.title"
:last_post="
topic.last_post ? 'Letzte Postkarte vor ' + topic.last_post : 'Noch keine Postkarten'
"
:topic_age="topic.topic_age"
:pinned="false"
@click.native="$router.push('/Forum/' + topic.title)"
/>
</div>
</div>
<Button
icon="writePostcard"
......
client-hubbel/src/views/hubbelTest.vue
+ 4
− 2
View file @ 9bfae0ac
......@@ -3,7 +3,9 @@
<h1>Aktueller Test des hubbel</h1>
<div class="custom-page__content">
<p>
<p> Dieser Text wird im Moment neu formuliert</p>
<br><br><br><br><br><br><br><br><br><br><br><br>
<!-- <p>
Der hubbel steckt aktuell noch in den Kinderschuhen und ihr habt die Chance ihn nun das
erste Mal über einen längeren Zeitraum zu nutzen und ihn dabei auf Herz und Postkarte zu
prüfen! Auf dieser Seite sind alle Informationen über unseren kommenden live-Test des
......@@ -112,7 +114,7 @@
Franzisca Maas, M.Sc., Uni Würzburg - Lehrstuhl für Psychologische Ergonomie <br />
Email: franzisca.maas@uni-wuerzburg.de<br />
Telefon: +49 931 31 85370 <br />
</p>
</p>-->
</div>
<Footer />
......
client-shared/scss/views/startView.scss
+ 11
− 0
View file @ 9bfae0ac
......@@ -14,6 +14,7 @@
margin: auto;
top: 50%;
transform: translateY(-50%);
}
}
......@@ -58,4 +59,14 @@
font-size: 3em;
margin: 1em 0 2em 0;
}
.explanation {
background-color: $color-middle-grey-light;
position: relative;
margin: auto;
width: 70%
}
.start-contentbox{
background-color: $color-middle-grey-light;
}
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment