-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (127 loc) · 8.25 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Computer Broki</title>
<link rel="stylesheet" href="stylesheet.css">
<script>
document.addEventListener('DOMContentLoaded', (event) => {
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const targetId = this.getAttribute('href');
const targetElement = document.querySelector(targetId);
if (targetElement) {
const headerOffset = 100; // Height of the header
const elementPosition = targetElement.offsetTop;
const offsetPosition = elementPosition - headerOffset;
window.scrollTo({
top: offsetPosition,
behavior: 'smooth'
});
}
});
});
});
document.addEventListener('DOMContentLoaded', () => {
if (window.innerWidth <= 768) {
const hamburger = document.getElementById('hamburger-btn');
const nav = document.querySelector('nav');
// Initially set or ensure the nav is hidden on page load within a mobile view
nav.style.display = nav.style.display || 'none';
hamburger.addEventListener('click', () => {
// Toggle the display state of the nav
nav.style.display = (nav.style.display === 'none') ? 'flex' : 'none';
});
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const targetId = this.getAttribute('href');
const targetElement = document.querySelector(targetId);
if (targetElement) {
const headerOffset = 100; // Height of the header
const elementPosition = targetElement.getBoundingClientRect().top + window.pageYOffset;
const offsetPosition = elementPosition - headerOffset;
window.scrollTo({
top: offsetPosition,
behavior: 'smooth'
});
// Close the nav menu when a link is clicked
nav.style.display = 'none';
}
});
});
}
});
</script>
</head>
<body>
<header>
<div>
<h1>Computer Broki Stäfa</h1>
</div>
<button id="hamburger-btn">☰</button> <!-- Hamburger Menu Button -->
<nav>
<ul>
<a href="#mission">Unsere Mission</a>
<a href="#goals">Unsere Ziele</a>
<a href="#help">Helfen Sie mit</a>
<a href="#project">Sei Teil des Projekts</a>
<a href="#how">Tips zum Selberbasteln</a>
<a href="#why">Die Hintergründe</a>
</ul>
</nav>
</header>
<section id="mission">
<h2>Was machen wir?</h2>
<p>Computer Broki ist die Revolution gegen die Wegwerfkultur in der Technologie. Wir hauchen alten Geräten neues Leben ein und bereiten sie für ihren zweiten Frühling vor. Unsere Experten sind die Fitnesstrainer Ihrer Technik!</p>
<p>Alle Smartphones, Iphones, Laptops, Tablets, Desktop-PCs, Macbooks, Monitore, Händys, Netzwerk Geräte, etc sollten, so lange wie sie funktionieren, gebraucht werden.</p>
</section>
<section id="goals">
<h2>Unsere Ziele? Klar definiert!</h2>
<ul>
<li>Schrott Reduzieren: Jedes Gerät, das wir retten, zählt.</li>
<li>Gemeinschaft Stärken: Bei uns zählt jede Hand.</li>
<li>Technik Zugänglich Machen: Wir bringen Technologie dorthin, wo sie am meisten gebraucht wird.</li>
</ul>
</section>
<section id="help">
<h2>Wie können Sie helfen?</h2>
<h3>Geräte spenden</h3>
<p>Haben Sie ein altes Gerät, das Sie nicht mehr benötigen? Bringen Sie es zu uns. Wir garantieren die sichere Löschung Ihrer Daten. Festplatten werden Sektor für Sektor überschrieben und SSDs mit speziellen Verfahren vollständig gelöscht, um sicherzustellen, dass keine persönlichen Daten wiederherstellbar sind.</p>
<h3>Geräte kaufen oder spenden</h3>
<p>Möchten Sie qualitativ hochwertige, aufbereitete Computer zu einem günstigen Preis erwerben oder jemandem eine Freude machen? Bei Computer Broki finden Sie das passende Gerät. Sie können auch als Sponsor auftreten, entweder anonym oder mit Ihrem Namen, und Geräte für gemeinnützige Zwecke spenden.</p>
<h3>Zusammenarbeit mit Organisationen</h3>
<p>Wir suchen Organisationen, die uns helfen, aufbereitete Geräte an bedürftige Personen oder Einrichtungen zu verteilen. Es ist uns wichtig, dass die Geräte im lokalen Kreislauf bleiben und nicht ins Ausland gehen, um die Umwelt zu schützen und den lokalen Bedarf zu decken.</p>
<h3>Teilnahme an Workshops</h3>
<p>Möchten Sie lernen, wie man Betriebssysteme installiert und Daten professionell löscht? Nehmen Sie an einem unserer Workshops teil. Wir freuen uns über jeden, der sein Wissen erweitern und aktiv mitarbeiten möchte.</p>
<p>Kontakt unter 📧 <a href="mailto:[email protected]">[email protected]</a> oder 📞 <a href="tel:+41786625921">078 662 59 21</a></p>
</section>
<section id="project">
<h2>Mach mit beim Computer Broki Projekt!</h2>
<p>Bei Computer Broki glauben wir an die Kraft der Kollaboration. Jeder kann einen Beitrag leisten, egal du Technikexperte bist oder einfach nur Interesse an der Wiederverwendung und Nachhaltigkeit von Technologie hast. Unser Projekt ist vollständig auf GitHub gehostet, und wir ermutigen jeden, durch direkte Mitarbeit am Code, durch das Melden von Problemen oder das Vorschlagen von Verbesserungen teilzunehmen.</p>
<p>Wenn du einen Bug findest oder eine neue Funktion vorschlagen möchtest, besuche bitte unsere <a href="https://github.com/patbiber/computer-broki/issues">GitHub Issues Seite</a>. Möchtest du direkt zum Code beitragen? Grossartig! Unsere <a href="https://github.com/patbiber/computer-broki">Computer Broki Projektseite auf GitHub</a> ist der Startpunkt für deine Beiträge.</p>
<p>Dies ist deine Chance, Teil eines spannenden Projekts zu sein, das sich der Reduzierung von Elektroschrott und der Förderung der Inklusivität durch Technologie widmet. Lassen Sie uns gemeinsam die Welt ein bisschen besser machen!</p>
</section>
<section id="how">
<h2>Tipps zum Selberbasteln</h2>
<p>Warum sollten Sie Ihren Computer selbst reparieren? Es ist nicht nur eine großartige Möglichkeit, Geld zu sparen, sondern auch eine Fertigkeit, die Ihnen hilft, die Kontrolle über Ihre Technik zu behalten. Bei Computer Broki glauben wir, dass jeder die Grundlagen der Computertechnik verstehen und anwenden kann.</p>
<p>Sicherheit steht bei uns an erster Stelle, besonders wenn es um Ihre Daten geht. Bevor Sie mit Reparaturen beginnen, ist es wichtig, dass Sie wissen, wie Sie Ihre Daten sicher sichern und Ihre Privatsphäre schützen können.</p>
<p>Für detaillierte Anleitungen zu verschiedenen Reparaturen und Tipps zur Datensicherung besuchen Sie unsere Anleitungsseite:</p>
<a href="how.html">Detaillierte Anleitungen</a>
</section>
<section id="why">
<h2>Die Hintergründe</h2>
<p>Unsere Abhängigkeit von Technologie wächst stetig, was IT zu einer Schlüsseltechnologie unseres Alltags macht. Doch mit der zunehmenden Nutzung steigt auch der Bedarf an Ressourcen, was erhebliche Umweltauswirkungen hat. Bei Computer Broki setzen wir uns dafür ein, diesen Trend durch Wiederverwendung und Recycling von Geräten umzukehren.</p>
<p>Die Produktion neuer Geräte verbraucht wertvolle Ressourcen und erzeugt Umweltbelastungen. Durch das Reparieren und Aufbereiten von gebrauchter Technik helfen wir, diese Ressourcen zu schonen und die Umwelt zu schützen. Jedes Gerät, das wir refurbishen, reduziert den Bedarf an Neuproduktion und damit auch den CO2-Fußabdruck.</p>
<p>Darüber hinaus verschärft die schnelllebige Technologieentwicklung den digitalen Graben zwischen jenen, die Zugang zu moderner Technik haben, und jenen, die aus finanziellen oder geografischen Gründen benachteiligt sind. Durch unsere Arbeit bieten wir hochwertige Technologie zu einem Bruchteil des Preises an, machen IT-Zugang gerechter und unterstützen soziale Inklusion.</p>
<p>Mehr Informationen zu diesen Themen finden Sie auf unserer <a href="why.html">Informationsseite</a>.</p>
</section>
<footer class="footer">
<p>© 2024 Computer Broki. Alle Rechte vorbehalten.</p>
<p>Impressum: Biber Network IT, Hermann Hiltbrunner-Weg 24, 8713 Ürikon, Schweiz | Tel: 078 662 59 21</p>
<p><a href="/datenschutz">Datenschutzrichtlinien</a> | <a href="/nutzungsbedingungen">Nutzungsbedingungen</a></p>
</footer>
</body>
</html>