gabriel/computerschaf
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Clean repository

Browse source
This commit is contained in:
Gabriel Huber 2024-12-20 21:13:12 +01:00
commit 5d09719d86
95 changed files with 2396 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

89
templates/_base.html Normal file
View file

@ -0,0 +1,89 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}ComputerSchaf{% endblock %}</title>
<meta name="description" content="ComputerSchaf - Ihr Rundum-Computerservice in Innsbruck & Rum. Ob persönliche Beratung, Datenrettung oder Reparatur, ich helfe Ihnen gerne!">
<link rel="stylesheet" href="static/styles.css">
<link rel="stylesheet" href="static/fonts/LatoLatin/LatoLatin.css">
<link rel="icon" href="static/img/favicon.ico" type="image/icon type">
{% block assets %}{% endblock %}
</head>
<body>
<div class="header-contact">
<div class="header-content">
<span>
<img width="16" height="16" class="text-icon" src="static/img/icons/telephone.svg" alt="Telefon">
<a href="tel:+436641240214">+43 664 1240214</a>
</span>
<span>
<img width="16" height="16" class="text-icon" src="static/img/icons/mail.svg" alt="Email">
<a href="mailto:office@computerschaf.at">office@computerschaf.at</a>
</span>
</div>
</div>
<header class="header-nav">
<nav class="header-content">
<a href="index.html" class="header-title">
<img src="static/img/logo.svg" alt="" class="logo-img" height="48" width="48" alt="">
ComputerSchaf
</a>
<span class="header-spacer"></span>
<span>
<a href="index.html" class="nav-item link-button">Leistungen</a>
</span>
<span>
<a href="bedingungen.html" class="nav-item link-button">Bedingungen</a>
</span>
<span>
<a href="#kontakt" class="nav-item link-button">Kontakt</a>
</span>
</nav>
</header>
{% block main %}
<main>
</main>
{% endblock %}
<footer>
<div class="footer-content">
<div class="footer-address">
<h2 id="kontakt">Kontakt</h2>
<img width="16" height="16" class="text-icon" src="static/img/icons/telephone.svg" alt="Telefon">
<a href="tel:+436641240214">+43 664 1240214</a><br>
<img width="16" height="16" class="text-icon" src="static/img/icons/mail.svg" alt="Email">
<a href="mailto:office@computerschaf.at">office@computerschaf.at</a><br>
Adresse (nur nach Terminvereinbarung):<br>
Ulmenstraße 65, 6063 Rum
</div>
<div class="footer-sep"></div>
<div class="footer-social">
<h2>Soziale Medien</h2>
<a href="https://www.facebook.com/people/ComputerSchaf/100090257378708/" aria-label="Computerschaf auf Facebook" class="social-media" target=" _blank">
<img width="48" height="48" class="social-icon" src="static/img/icons/facebook.svg" alt="Facebook">
</a>
<a href="https://www.instagram.com/ComputerSchaf/" class="social-media" aria-label="Computerschaf auf Instagram" target=" _blank">
<img width="48" height="48" class="social-icon" src="static/img/icons/instagram.svg" alt="Instagram">
</a>
<a href="https://www.youtube.com/channel/UCocc5i1jn2y8plvUp5SM8vQ" aria-label="Computerschaf auf Youtube" class="social-media" target=" _blank">
<img width="48" height="48" class="social-icon" src="static/img/icons/youtube.svg" alt="Youtube">
</a>
</div>
<div class="footer-sep"></div>
<div class="footer-info">
<h2>Informationen</h2>
<div>
<a href="impressum.html">Impressum</a><br>
<a href="datenschutz.html">Datenschutz</a>
</div>
<br>
<div class="credits">
Webdesign von <a href="https://gabrielhuber.at">Gabriel Huber</a><br>
Icons von <a href="https://theresagrossalber.at/">Theresa Grossalber</a>
</div>
</div>
</div>
</footer>
</body>
</html>

106
templates/bedingungen.html Normal file
View file

@ -0,0 +1,106 @@
{% extends "_base.html" %}
{% block title %}Bedingungen - ComputerSchaf{% endblock %}
{% block assets %}
<link rel="stylesheet" href="static/leaflet/leaflet.css">
<script defer src="static/leaflet/leaflet.js"></script>
<script defer src="static/map.js"></script>
{% endblock %}
{% block main %}
<main>
<h1>Bedingungen</h1>
<section>
<div class="section-inner">
<h2 id="services">Dienstleistungen</h2>
<p>
Reparatur, Datenrettung, Beratung/Hilfe, Verleih von Laptops
</p>
<p>
Stundensatz Reparatur/Datenrettung: € 60,-<br>
Stundensatz Beratung/Hilfe: € 50,-<br>
Die Verrechnung erfolgt generell Viertelstündlich, jedoch wird mindestens eine halbe Stunde in Rechnung gestellt.<br>
Eventueller Materialaufwand separat zu zahlen - Informationen diesbezüglich werden vor Reparaturen bekannt gegeben
</p>
</div>
</section>
<section>
<div class="section-inner">
<h2 id="rental">Verleih</h2>
<p>
Benötigen Sie sofort einen funktionstüchtigen Laptop mit allen geläufigen Office-Programmen? Ich biete Ihnen sowohl Windows-Laptops als auch MacBooks zu Verleih an. Alle Laptops werden mit passendem Ladegerät verliehen.
</p>
<p>
Lenovo Thinkpad:<br>
Over-Night: € 50,-<br>
Woche: € 90,-<br>
Monat: € 200,-
</p>
<p>
Zubehör:<br>
DVD-Brenner<br>
Maus (Wireless)<br>
Diverse Videokabel
</p>
</div>
</section>
<section>
<div class="section-inner">
<h3>Rückgabebedingungen</h3>
<p>
Rückgabe hat spätestens bis zum vertraglich festgehaltenen Datum um 18 Uhr zu erfolgen.
Die Rückgabe gilt nur dann als vollbracht, wenn der Laptop inklusive allem verliehenen Zubehör (z.B. Ladegeräte, DVD-Brenner, etc.) retourniert worden ist. Für verspätete Rückgaben wird eine Verspätungsgebühr verrechnet.
</p>
<p>
Für die Rückgabe per Rückversand, hat der Versand spätestens am Rückgabetag in einem geeigneten Paket zu erfolgen. Hierfür wird Ihnen ein Rücksendeetikett per Mail zur Verfügung gestellt. Es ist darauf zu achten, dass der Laptop entsprechend für den Versand gepolstert wird, dafür benötigtes Verpackungsmaterial ist vom Kunden zu stellen. Für die Versandrückgabe inklusive Versandetikett wird ein Unkostenpreis von € 10,- verrechnet.<br>
Abholung von Leihgeräten bei Ihnen Vorort ist nach zu vereinbarenden Bedingungen möglich.<br>
Persönliche Rückgabe am Firmenstandort ist ohne Mehrkosten nach telefonischer Anmeldung möglich.
</p>
</div>
</section>
<section>
<div class="section-inner">
<h2>Anfahrtskosten</h2>
<div id="map"></div>
<div class="legend">
<span class="legend-item">
<span class="legend-square green"></span><span>Zone A</span>
</span>
<span class="legend-item">
<span class="legend-square blue"></span><span>Zone B</span>
</span>
<span class="legend-item">
<span class="legend-square orange"></span><span>Zone C</span>
</span>
</div>
<p>
<h3 class="zone-heading">Zone A</h3>
<p>
Innsbruck: Arzl, Olympisches Dorf, Mühlau<sup>1</sup> / Rum, Neu-Rum, Thaur<br>
Anfahrtskosten: € 10,- – Erstmalige Anfahrt kostenlos!
</p>
<h3 class="zone-heading">Zone B</h3>
<p>
Innsbruck: Saggen, Mariahilf-St. Nikolaus, Dreiheiligen, Innenstadt, Reichenau / Hall in Tirol, Absam<br>
Anfahrtkosten: € 25,-
</p>
<h3 class="zone-heading">Zone C</h3>
<p>
Innsbruck: Hötting-Mitte<sup>1</sup>, Pradl, Wilten<sup>2</sup><br>
Anfahrtkosten: € 40,-
</p>
<sup>1</sup> Ausgenommen Hungerburg<br>
<sup>2</sup> Ausgenommen Mentlberg und Sieglanger<br>
</p>
</div>
</section>
<section>
<div class="section-inner">
<h2>Zahlung</h2>
<p>
Die Zahlung erfolgt auf Rechnung oder in Bar. Für die Zahlung per Rechnung gibt es eine generelle Zahlungsfrist von 21 Tagen ab Rechnungsdatum, bitte geben Sie im Feld "Zahlungsreferenz" die auf der Rechnung angeführte Referenznummer an. Ich behalte mir das Recht vor, im Falle des Nichtbegleichens der Rechnung, nach einmaligen Senden einer Mahnung Mahngebühren einzuheben.
</p>
</div>
</section>
</main>
{% endblock %}

47
templates/datenschutz.html Normal file
View file

@ -0,0 +1,47 @@
{% extends "_base.html" %}
{% block title %}Datenschutz - ComputerSchaf{% endblock %}
{% block main %}
<main class="privacy">
<h1>Datenschutz</h1>
<section>
<div class="section-inner">
<h2>1 Ihre Daten auf dieser Webseite</h2>
<p>Auf der Webseite ComputerSchaf.at werden weder durch ComputerSchaf e.U. (im Nachfolgenden: das Unternehmen) noch durch Dritte persönliche Daten erhoben. Für seitenexterne Inhalte z.B. Social Media-Präsenzen des Unternehmens ist die Datenschutzbestimmung des jeweiligen Mediums heranzuziehen.</p>
<h2>2 Datenerhebung und Speicherung</h2>
<h3>2.1 Erhebung ihrer Daten und Aufnahme in die Kundendatenbank</h3>
<p>Im Interesse der guten Abwicklung von Geschäftsbeziehungen werden folgende Daten nach Erstkontakt (bzw. Neukontakt nach Löschung) bei Ihnen erfragt und in die Kundendatenbank aufgenommen:</p>
<ul>
<li>Vor- und Nachname</li>
<li>Adresse</li>
<li>E-Mail-Adresse</li>
<li>Telefonnummer</li>
</ul>
<p>Zudem wird Ihnen eine für Abrechnungszwecke verwendete Kundennummer zugewiesen. Diese bleibt zwischen Geschäftskontakten gleich.</p>
<p>Zusätzlich zu den oben genannten Daten können bedarfsweise zusätzliche Daten erhoben werden, dies kann gegebenenfalls auch nach dem Erstkontakt stattfinden (Siehe Punkt 2.1.1).</p>
<h3>2.1.1 Zusätzliche personenbezogene Daten</h3>
<p>Sollte dies erforderlich sein, kann das Unternehmen Sie bezüglich weiterer benötigter personenbezogene Daten kontaktieren. Bitte beachten Sie, dass solche Prozesse ausschließlich über die in den Kontaktdaten des Unternehmens vermerkten Kommunikationskanälen passiert. Sollten Sie sich unsicher sein, ob eine solche Anfrage legitim ist, antworten Sie nicht auf diese und kontaktieren das Unternehmen stattdessen direkt.</p>
<h2>2.2 Löschsperre während bestehenden Auftrag</h2>
<p>Im Falle der Beauftragung des Unternehmens zur Erfüllung einer Dienstleistung, stimmen Sie zu, dass Ihre Daten aus der Datenbank erst dann gelöscht werden können, nachdem die Dienstleistung vollbracht und in vollen Umfang vergütet wurde. Das selbiges gilt für rechtliche Streitigkeit. Ihr Recht bezüglich Berichtigung und Auskunft bleibt davon unberührt. Die Verwendung dieser Daten wird in Punkt 2.3 erläutert.</p>
<h2>2.3 Nutzung ihrer Daten durch das Unternehmen</h2>
<p>Für Kontakt, Anfahrt, Lieferung Rechnungsstellung werden die Daten aus der Kundendatenbank verwendet. Auch im Falle der Notwendigkeit eines Rechtsverfahrens wird Ihre angegebene Adresse als Zustelladresse verwendet. Ihre Daten werden generell nicht zu Werbezwecken verwendet, es sei denn es wird explizit zugestimmt.</p>
<h2>2.4 Weitergabe der Daten an Dritte</h2>
<p>Das Unternehmen gibt Ihre Daten nicht an Dritte weiter. Sollte dies erforderlich seinen, werden Sie vorhin kontaktiert und um Erlaubnis dieser Weitergabe gebeten. Das Unternehmen gibt nie persönliche Daten ohne Ihre Zustimmung weiter.
Eine Ausnahme hier von stellt die Weitergabe von Daten an Behörden da, gegenüber denen das Unternehmen Auskunftspflichtig ist. Insofern dies nicht behördlich untersagt wird, werden Sie darüber informiert.</p>
</div>
</section>
<h1>DSGVO-Bestimmungen</h1>
<section>
<div class="section-inner">
<h2>Ihre Rechte</h2>
<p>Entsprechend Datenschutzgrundsatzverordnung (im Nachfolgenden: DSGVO) haben Sie das Recht auf Auskunft, Berichtigung und Löschung der persönlichen Daten. Im Falle einer stattgefundenen Datenweitergabe können Sie zudem über das Unternehmen die Löschung (Ausnahme hierzu siehe Punkt 2.2) ihrer personenbezogenen Daten bei den Empfängern dieser beantragen.
Ausgenommen von dem Recht auf Löschung sind adressierte Rechnungen, insofern diese noch nicht mehr als sieben Jahre zurückliegen, da eine gesetzliche Aufbewahrungsverpflichtung besteht (Siehe Bundesabgabenordnung § 132).</p>
<h2>Datensicherheit</h2>
<p>Gemäß DSGVO werden Ihre personenbezogenen sowie sonstige Daten, die Speicherung im Unternehmenssytem bedürfen, auf gesicherten, Firmeneigenen Servern gespeichert und gegebenenfalls über geschützte Remoteverbindungen aufgerufen.
Datenträger, mit welchen das Unternehmen zur Datenrettung (oder ähnliche Dienstleistungen) beauftragt wurde werden nur im Falle der aktiven Bearbeitung an Computersysteme angeschlossen und andernfalls sicher verwahrt.
Sollte es im Unternehmen zu einem Datendiebstahl kommen, von denen Ihre Daten betroffenen sein könnten, werden Sie unverzüglich darüber informiert.
</p>
</div>
</section>
</main>
{%endblock%}

46
templates/impressum.html Normal file
View file

@ -0,0 +1,46 @@
{% extends "_base.html" %}
{% block title %}Impressum - ComputerSchaf{% endblock %}
{% block main %}
<main>
<h1>Impressum</h1>
<section>
<div class="section-inner">
<p>
ComputerSchaf<br>
Inhaberin Lucia Zehentner BA<br>
<br>
Eingetragenes Einzelunternehmen<br>
<br>
IT-Dienstleistungen<br>
<br>
UID-Nr: - <br>
(Unecht umsatzsteuerbefreit gemäß Kleinunternehmerregelung)<br>
FN: 594429k<br>
FB-Gericht: Innsbruck<br>
Sitz: 6063 Rum, Ulmenstraße 65/Top 1<br>
Tel: +43 664 1240214<br>
E-Mail: office@ComputerSchaf.at<br>
<br>
Mitglied der WKÖ und der WK Tirol<br>
<br>
Gewerbeordnung: www.ris.bka.gv.at<br>
<br>
Zuständige Behörde: BH Innsbruck-Land
</p>
<p>
Verbraucher haben die Möglichkeit,
Beschwerden an die Online-
Streitbeilegungsplattform der EU zu
richten: http://ec.europa.eu/odr.
Sie können allfällige Beschwerde auch an
die oben angegebene E-Mail-Adresse
richten.
</p>
<p>
Blattlinie: Information über die Tätigkeiten und Dienstleistungen der ComputerSchaf e.U.
</p>
</div>
</section>
</main>
{% endblock %}

154
templates/index.html Normal file
View file

@ -0,0 +1,154 @@
{% extends "_base.html" %}
{% block main %}
<main>
<section>
<div class="section-inner">
<div class="intro-text">
ComputerSchaf ist Ihr Rundum-Computerservice aus Rum. Gerne komme ich in Innsbruck, Rum,
Thaur oder Hall persönlich bei Ihnen vorbei und erarbeite maßgeschneiderte Lösungen für Sie.
Ich biete Ihnen folgende Dienstleistungen:
</div>
<div class="overview">
<div>
<a href="#beratung" class="service-link">
<img class="service-icon" src="static/img/icons/questionmark.svg" height="256" width="256" alt="">
<span class="service-name">Hilfe &amp; Beratung</span>
</a>
<span class="service-desc">
Ich helfe Ihnen bei PC Problemen und berate Sie bei Neuanschafungen.
</span>
</div>
<div>
<a href="#reparatur" class="service-link">
<img class="service-icon" src="static/img/icons/screwdriver.svg" height="256" width="256" alt="">
<span class="service-name">Reparatur</span>
</a>
<span class="service-desc">
Ich repariere elektronische Geräte.
</span>
</div>
<div>
<a href="#datenrettung" class="service-link">
<img class="service-icon" src="static/img/icons/harddrive.svg" height="256" width="256" alt="">
<span class="service-name">Datenrettung</span>
</a>
<span class="service-desc">
Ich rette Ihre Daten von defekten Geräten.
</span>
</div>
<div>
<a href="#verleih" class="service-link">
<img class="service-icon" src="static/img/icons/computer.svg" height="256" width="256" alt="">
<span class="service-name">Verleih</span>
</a>
<span class="service-desc">
Während der Reparatur bekommen Sie ein Leihgerät zur Verfügung gestellt.
</span>
</div>
</div>
</div>
</section>
<section>
<div class="section-inner">
<h2 id="beratung">Hilfe &amp; Beratung</h1>
Wieso ist mein Computer so langsam? Wie aktualisiere ich mein Betriebssystem?
Welcher Laptop entspricht meinen Bedürfnissen?
Für diese und viele andere Fragen stehe ich Ihnen mit Rat und Tat zur Seite.
</div>
</section>
<section>
<div class="section-inner">
<h2 id="reparatur">Reparatur</h2>
<div class="split-section">
<div class="split-section-text">
<p>
Egal ob ein DVD-Laufwerk sich nicht mehr öffnet, ein Lüfter laute Geräusche macht oder
der Computer gar nicht mehr hochfährt – ich übernehme für Sie die Diagnose des Problems
und erarbeite eine Lösung. Die Erstdiagnose erfolgt direkt bei Ihnen vor Ort – oftmals
kann ich Ihren Rechner direkt reparieren und Sie können diesen dann innerhalb kurzer
Zeit wieder verwenden.
</p>
<p>
Sollte das Problem spezifische Ersatzteile, ein nicht-mobiles Werkzeug oder eine
detailliertere Diagnose benötigen, nehme ich Ihr Gerät mit und repariere es
baldmöglichst – beachten Sie hierbei auch die Möglichkeit ein Leihgerät in Anspruch zu
nehmen. Je nach Vereinbarung sende ich Ihnen das Gerät nach erfolgter Reparatur
postalisch zu oder bringe es Ihnen persönlich vorbei.
</p>
<p>
Selbstverständlich gilt: Wenn sich eine vereinbarte Reparatur als nicht umsetzbar
herausstellt, ist diese auch nicht zu zahlen.
</p>
</div>
<div class="split-section-img">
<a href="static/img/fotos/laptop_matte.jpeg">
<img
width="320" height="240" src="static/img/fotos/laptop_matte_240.webp"
srcset="static/img/fotos/laptop_matte_240.webp 1x,
static/img/fotos/laptop_matte_360.webp 1.5x,
static/img/fotos/laptop_matte_480.webp 2x"
alt="Laptop zur Reparatur geöffnet auf einer Arbeitsunterlage"
>
</a>
</div>
</div>
</div>
</section>
<section>
<div class="section-inner">
<h2 id="datenrettung">Datenrettung</h2>
<div class="split-section split-section-reverse">
<div class="split-section-text">
<p>
Ist ihnen ein wichtiges Dokument verloren gegangen oder möchten Sie Daten von einen
kaputten Computer auf ein Neugerät mitnehmen?
</p>
<p>
Hier kann ich helfen! Mittels Softwarelösungen stelle ich Dokumente wieder her, durch
Ausbau der Festplatte können selbst von Computern mit Totalschaden oftmals Daten
gerettet werden.
</p>
<p>
Bitte beachten Sie, dass der Erfolg einer Datenrettung auch von Ihnen abhängt:
Speichern Sie sobald Sie den Verlust einer Datei bemerken möglichst keine Daten mehr
auf das betroffene Laufwerk und schließen Sie alle Programme. Wenn Sie gerade an etwas
arbeiten, speichern Sie dies auf einen USB-Stick oder eine externe Festplatte.
</p>
<p>
Gerne führe ich auch Backups für Sie durch und konfiguriere Ihren Computer so, dass
zukünftige Datenverluste unwahrscheinlicher sind.
</p>
</div>
<div class="split-section-img">
<a href="static/img/fotos/datentraeger.jpeg">
<img
width="320" height="240" src="static/img/fotos/datentraeger_240.webp"
srcset="static/img/fotos/datentraeger_240.webp 1x,
static/img/fotos/datentraeger_360.webp 1.5x,
static/img/fotos/datentraeger_480.webp 2x"
alt="Geöffnetes Gehäuse eines SSD Datenträgers"
>
</a>
</div>
</div>
</div>
</section>
<section>
<div class="section-inner">
<h2 id="verleih">Verleih</h2>
<p>
Gerne können Sie sich einen Laptop oder ein MacBook leihen. Bei diesen Computern
handelt es sich um zeitgemäße Office-Geräte mit aktuellen Betriebsystem, frisch für
Sie aufgesetzt. Das heißt sie können Software die Sie für Arbeit, Uni oder Privat
verwenden auf den Leihcomputer installieren – selbstverständlich helfe ich Ihnen auch
hierbei.
</p>
<p>
Wenn ihr eigener Laptop zur Diagnose und Reparatur von mir mitgenommen werden muss,
erhalten Sie das Leihgerät für bis zu sieben Tage <b>kostenlos</b>. Sie können die Geräte
selbstverständlich auch ohne Reparaturdienste in Anspruch zu nehmen leihen.
</p>
</div>
</section>
</main>
{% endblock %}