Skip to content

Commit

Permalink
add imprint and data protection content, link to tel and email
Browse files Browse the repository at this point in the history
  • Loading branch information
kami2016 committed Jun 27, 2024
1 parent afe4e63 commit 8df0e7e
Show file tree
Hide file tree
Showing 9 changed files with 274 additions and 30 deletions.
10 changes: 5 additions & 5 deletions dist/assets/index.80d75a77.js → dist/assets/index.0b32dcb1.js

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<title>Buero Vatter</title>


<script type="module" crossorigin src="/bv2024_frontend/assets/index.80d75a77.js"></script>
<script type="module" crossorigin src="/bv2024_frontend/assets/index.0b32dcb1.js"></script>
<link rel="stylesheet" href="/bv2024_frontend/assets/index.cd228ae9.css">
</head>
<body>
Expand Down
2 changes: 1 addition & 1 deletion src/pages/Contact/Contact.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ const Contact = () => {
<Col xl={5} lg={4} xs={12}>
<div>
<div>
<div className={`${styles.contact_company_name}`}>
<div className={`${styles.contact_company_name}`}>
Büro Vatter AG <br></br> Politikanalyse
</div>
<div className={`${styles.contact_info}`}>
Expand Down
18 changes: 18 additions & 0 deletions src/pages/Contact/contact.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -55,6 +55,24 @@
flex-direction: row-reverse;
}

.title_data_protection {
font-family: 'Barlow Condensed', sans-serif;
font-size: 24px;
font-weight: 500;
}

.content_data_protection {
font-family: 'Karla', sans-serif;
font-size: 20px;
font-weight: 300;
}

.email_data_protection {
font-family: 'Barlow Condensed', sans-serif;
font-size: 20px;
font-weight: 500;
}

@media (max-width:992px) {
.reverse_row {
flex-direction: row;
Expand Down
215 changes: 214 additions & 1 deletion src/pages/Others/DataProtection.jsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,219 @@
import Container from "react-bootstrap/Container";
import styles from "../Contact/contact.module.css";

const DateProtection = () => {
return <Container className="categoryTitle">Datenschutzerklärung</Container>;
return (
<div>
<Container className="categoryTitle">Datenschutzerklärung</Container>
<Container>
<div>
<p className={`${styles.content_data_protection}`}>
<b></b>
<br></br>
<div className={`${styles.title_data_protection}`}>
Büro Vatter AG
<br></br>
Politikforschung &amp; -beratung
</div>
Gerberngasse 27
<br></br>
CH-3011 Bern
<br></br>
Schweiz
<br></br>
<span className={`${styles.email_data_protection}`}>E-Mail</span>:
[email protected]
<br></br> <br></br>
<div className={`${styles.title_data_protection}`}>
Vertretungsberechtigte Person
</div>
Christian Rüefli
<br></br>
<br></br>
<div className={`${styles.title_data_protection}`}>
Name des Unternehmens
</div>
Büro Vatter AG
<br></br> <br></br>
<div className={`${styles.title_data_protection}`}>
Datenschutzbeauftragte Person:
</div>
Christian Rüefli
<br></br>
Tel +(0)31 312 65 75
<br></br>
[email protected]
<br></br> <br></br>
<div className={`${styles.title_data_protection}`}>Allgemein</div>
Gestützt auf Artikel 13 der Schweizerischen Bundesverfassung und die
datenschutzrechtlichen Bestimmungen des Bundes (Datenschutzgesetz,
DSG) hat jede Person Anspruch auf Schutz ihrer Privatsphäre sowie
auf Schutz vor Missbrauch ihrer persönlichen Daten. Die Betreiber
dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst.
Wir behandeln Ihre personenbezogenen Daten vertraulich und
entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser
Datenschutzerklärung.
<br></br> <br></br>
In Zusammenarbeit mit unseren Hosting-Providern bemühen wir uns, die
Datenbanken so gut wie möglich vor unberechtigtem Zugriff, Verlust,
Missbrauch oder Verfälschung zu schützen. <br></br> <br></br>Wir
weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei
der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein
lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht
möglich.
<br></br> <br></br>Durch die Nutzung dieser Website erklären Sie
sich mit der Erhebung, Verarbeitung und Nutzung von Daten gemäß der
nachfolgenden Beschreibung einverstanden. Diese Website kann
grundsätzlich ohne Registrierung besucht werden. Daten wie
aufgerufene Seiten oder Namen von aufgerufenen Dateien, Datum und
Uhrzeit werden zu statistischen Zwecken auf dem Server gespeichert,
ohne dass diese Daten unmittelbar auf Ihre Person bezogen werden.
Soweit auf unseren Seiten personenbezogene Daten (beispielsweise
Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies,
soweit möglich, stets auf freiwilliger Basis. Diese Daten werden
ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.
<br></br> <br></br>
<div className={`${styles.title_data_protection}`}>
Mit SSL/TLS-Verschlüsselung
</div>
Diese Website verwendet aus Sicherheitsgründen und zum Schutz der
Übertragung vertraulicher Inhalte, wie z.B. Anfragen, die Sie an uns
als Seitenbetreiber senden, eine SSL/TLS-Verschlüsselung. Eine
verschlüsselte Verbindung erkennen Sie daran, dass die Adresszeile
des Browsers von ""http://"" auf ""https://"" wechselt und an dem
Schloss-Symbol in Ihrer Browserzeile.
<br></br> <br></br>
Wenn die SSL- oder TLS-Verschlüsselung aktiviert ist, können die
Daten, die Sie an uns übermitteln, nicht von Dritten gelesen werden.
<br></br> <br></br>
<div className={`${styles.title_data_protection}`}>
Server-Log-Dateien
</div>
Der Provider dieser Website erhebt und speichert automatisch
Informationen in so genannten Server-Log-Dateien, die Ihr Browser
automatisch an uns übermittelt. Dies sind:
<br></br>
Browsertyp und Browserversion
<br></br>
Verwendetes Betriebssystem
<br></br>
Referrer URL
<br></br>
Hostname des zugreifenden Rechners
<br></br>
Zeitpunkt der Serveranfrage
<br></br> <br></br>
Diese Daten sind nicht bestimmten Personen zuordenbar. Eine
Zusammenführung dieser Daten mit anderen Datenquellen wird nicht
vorgenommen. Wir behalten uns vor, diese Daten nachträglich zu
prüfen, wenn uns konkrete Anhaltspunkte für eine rechtswidrige
Nutzung bekannt werden.
<br></br> <br></br>
<div className={`${styles.title_data_protection}`}>
Haftungsausschluss
</div>
Alle Angaben auf unserer Website wurden sorgfältig geprüft. Wir sind
bemüht, dafür Sorge zu tragen, dass die von uns bereitgestellten
Informationen aktuell, richtig und vollständig sind. Dennoch ist das
Auftreten von Fehlern nicht völlig auszuschließen, so dass wir für
die Vollständigkeit, Richtigkeit und Aktualität der Informationen,
auch journalistisch-redaktioneller Art, keine Gewähr übernehmen
können. Haftungsansprüche, die sich auf Schäden materieller oder
ideeller Art beziehen, welche durch die Nutzung oder Nichtnutzung
der dargebotenen Informationen bzw. durch die Nutzung fehlerhafter
und unvollständiger Informationen verursacht wurden, sind
grundsätzlich ausgeschlossen. <br></br>Der Herausgeber kann Texte
nach eigenem Ermessen und ohne vorherige Ankündigung ändern oder
löschen und ist nicht dazu verpflichtet, die Inhalte dieser Website
zu aktualisieren. Die Nutzung dieser Website bzw. der Zugang zu ihr
erfolgt auf eigenes Risiko des Besuchers. Der Herausgeber, seine
Kunden oder Partner sind nicht verantwortlich für Schäden, wie z.B.
direkte, indirekte, zufällige oder Folgeschäden, die angeblich durch
den Besuch dieser Website verursacht wurden und übernehmen folglich
keine Haftung für solche Schäden.
<br></br>
Der Herausgeber übernimmt auch keine Verantwortung oder Haftung für
den Inhalt und die Verfügbarkeit von Websites Dritter, die über
externe Links von dieser Website aus erreicht werden können. Für den
Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber
verantwortlich. Der Herausgeber distanziert sich daher ausdrücklich
von allen fremden Inhalten, die möglicherweise straf- oder
haftungsrechtlich relevant sind oder gegen die guten Sitten
verstoßen.
<br></br> <br></br>
<div className={`${styles.title_data_protection}`}>Google Maps</div>
Diese Website nutzt das Angebot von Google Maps. Dies ermöglicht es
uns, interaktive Karten direkt auf der Website darzustellen und
Ihnen die komfortable Nutzung der Kartenfunktion zu ermöglichen.
Durch den Besuch der Website erhält Google die Information, dass Sie
die entsprechende Unterseite unserer Website aufgerufen haben. Dies
geschieht unabhängig davon, ob Google ein Nutzerkonto bereitstellt,
über das Sie eingeloggt sind, oder ob kein Nutzerkonto vorhanden
ist. Wenn Sie bei Google eingeloggt sind, werden Ihre Daten direkt
Ihrem Konto zugeordnet. Wenn Sie die Zuordnung zu Ihrem Profil bei
Google nicht wünschen, müssen Sie sich vor Aktivierung der
Schaltfläche ausloggen. Google speichert Ihre Daten als
Nutzungsprofile und nutzt sie für Zwecke der Werbung, Marktforschung
und/oder bedarfsgerechten Gestaltung seiner Website. Eine solche
Auswertung erfolgt insbesondere (auch für nicht eingeloggte Nutzer)
zur Erbringung bedarfsgerechter Werbung und um andere Nutzer des
sozialen Netzwerks über Ihre Aktivitäten auf unserer Website zu
informieren. Sie haben das Recht, der Erstellung dieser
Nutzerprofile zu widersprechen, wobei Sie sich zur Ausübung dieses
Rechts an Google wenden müssen. Nähere Informationen zu Zweck und
Umfang der Datenerhebung und -verarbeitung durch Google sowie
weitere Informationen zu Ihren diesbezüglichen Rechten und
Einstellungsmöglichkeiten zum Schutz Ihrer Privatsphäre finden Sie
unter: www.google.de/intl/de/policies/privacy.
<br></br> <br></br>
<div className={`${styles.title_data_protection}`}>
Datenübermittlung in die USA
</div>
Auf unserer Website sind u.a. Tools von Unternehmen mit Sitz in den
USA eingebunden. Wenn diese Tools aktiv sind, können Ihre
personenbezogenen Daten an die US-Server der jeweiligen Unternehmen
übertragen werden. Wir weisen darauf hin, dass die USA kein sicherer
Drittstaat im Sinne des EU-Datenschutzrechts sind. US-Unternehmen
sind verpflichtet, personenbezogene Daten an Sicherheitsbehörden
herauszugeben, ohne dass Sie als Betroffener dagegen rechtlich
vorgehen können. Es kann daher nicht ausgeschlossen werden, dass
US-Behörden (z.B. Geheimdienste) Ihre auf US-Servern befindlichen
Daten zu Überwachungszwecken verarbeiten, auswerten und dauerhaft
speichern. Auf diese Verarbeitungsvorgänge haben wir keinen
Einfluss.
<br></br> <br></br>
<div className={`${styles.title_data_protection}`}>Änderungen</div>
Wir können diese Datenschutzrichtlinie jederzeit ohne vorherige
Ankündigung ändern. Es gilt die jeweils aktuelle, auf unserer
Website veröffentlichte Fassung. Soweit die Datenschutzerklärung
Teil einer Vereinbarung mit Ihnen ist, werden wir Sie im Falle einer
Aktualisierung per E-Mail oder auf andere geeignete Weise über die
Änderung informieren.
<br></br> <br></br>
<div className={`${styles.title_data_protection}`}>
Haftungsausschluss
</div>
Der Autor übernimmt keine Gewähr für die Richtigkeit, Genauigkeit,
Aktualität, Zuverlässigkeit und Vollständigkeit der Informationen.
<br></br>
Haftungsansprüche gegen den Autor wegen Schäden materieller oder
immaterieller Art, die aus dem Zugriff oder der Nutzung bzw.
Nichtnutzung der veröffentlichten Informationen, durch Missbrauch
der Verbindung oder durch technische Störungen entstanden sind,
werden ausgeschlossen.
<br></br> <br></br>
Alle Angebote sind freibleibend. Der Autor behält es sich
ausdrücklich vor, Teile der Seiten oder das gesamte Angebot ohne
gesonderte Ankündigung zu verändern, zu ergänzen, zu löschen oder
die Veröffentlichung zeitweise oder endgültig einzustellen.
<br></br> <br></br>
<div className={`${styles.title_data_protection}`}>Quelle</div>
<a href="https://brainbox.swiss/">BrainBox Solutions</a>
</p>
</div>
</Container>
</div>
);
};

export default DateProtection;
23 changes: 22 additions & 1 deletion src/pages/Others/Imprint.jsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,27 @@
import Container from "react-bootstrap/Container";
import styles from "../Contact/contact.module.css";

const Imprint = () => {
return <Container className="categoryTitle">IMPRINT</Container>;
return (
<div>
<Container className="categoryTitle">IMPRESSUM</Container>;
<Container>
<div className={`${styles.contact_company_name}`}>
Büro Vatter AG
<br></br>
Politikforschung & -beratung
</div>
<div className={`${styles.contact_info}`}>Gerberngasse 27</div>
<div className={`${styles.contact_info}`}>CH-3011 Bern</div>
<br></br>
<div className={`${styles.contact_info}`}>Tel +41(0)31 312 65 75</div>
<br></br>
<div className={`${styles.contact_info} ${styles.email_link}`}>
[email protected]
</div>
</Container>
</div>
);
};

export default Imprint;
13 changes: 6 additions & 7 deletions src/pages/Projects/ProjectDetail.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -17,13 +17,7 @@ const ProjectDetail = () => {
<Container className="categoryTitle">PROJEKTE</Container>

<Container>
<Row>
<Col xl={4}>
<div className={`${styles.back_btn_projectdetail} text_color`}>
<Link to="/Projekte">Zurück zur Übersicht</Link>
</div>
</Col>

<Row className={`${styles.reverse_row}`}>
<Col xl={8}>
<Row>
<Col className={`${styles.project_detail_title}`}>
Expand Down Expand Up @@ -122,6 +116,11 @@ const ProjectDetail = () => {
</Row>
) : null}
</Col>
<Col xl={4}>
<div className={`${styles.back_btn_projectdetail} text_color`}>
<Link to="/Projekte">Zurück zur Übersicht</Link>
</div>
</Col>
</Row>
</Container>
</div>
Expand Down
6 changes: 5 additions & 1 deletion src/pages/Projects/projects.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,6 @@

.page_num_color {
color: #C00000;
text-decoration: underline;
}

.page_number_row {
Expand Down Expand Up @@ -250,6 +249,11 @@ a.download_list {
margin-bottom: 40px;
}

.reverse_row {
display: flex;
flex-direction: row-reverse;
}

@media (max-width:576px) {
.page_text {
display: none;
Expand Down
15 changes: 2 additions & 13 deletions src/pages/Staffs/StaffDetailCompLeft.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,21 +22,10 @@ const StaffDetailCompLeft = ({ staff, img }) => {
<div
className={`text_color ${styles.staff_info_position_lower} ${styles.info_link}`}
>
{/* <img
src="imgs/symbols/fi_mail.png"
alt="email"
className="symbols_small"
/> */}
{/* todo */}
{staff.acf.email}
<a href={`mailto:${staff.acf.email}`}>{staff.acf.email}</a>
</div>
<div className={`text_color ${styles.staff_info_position_lower}`}>
{/* <img
src="imgs/symbols/phone.png"
alt="tel"
className="symbols_small"
/> */}
{staff.acf.telephone}
<a href={`tel:${staff.acf.telephone}`}>{staff.acf.telephone}</a>
</div>
{staff.acf.linkedin != "" ? (
<div className={`text_color ${styles.staff_info_position_lower}`}>
Expand Down

0 comments on commit 8df0e7e

Please sign in to comment.