Initial commit
This commit is contained in:
@@ -0,0 +1,5 @@
|
||||
fm.jpg
|
||||
jk.jpeg
|
||||
profilbild.jpg
|
||||
.DS_Store
|
||||
Thumbs.db
|
||||
@@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2026 Richard
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
@@ -0,0 +1,438 @@
|
||||
Diese Datei lizenziert die NICHT-Code-Inhalte dieses Projekts
|
||||
(Präsentationsfolien, Texte, Diagramme/SVGs, Bilder) – siehe LICENSING.md.
|
||||
|
||||
Copyright (C) 2026 Richard
|
||||
Lizenz: Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)
|
||||
Lizenz-Deed (Kurzfassung): https://creativecommons.org/licenses/by-sa/4.0/
|
||||
Vollständiger Rechtstext unten und unter:
|
||||
https://creativecommons.org/licenses/by-sa/4.0/legalcode
|
||||
|
||||
=======================================================================
|
||||
|
||||
Attribution-ShareAlike 4.0 International
|
||||
|
||||
=======================================================================
|
||||
|
||||
Creative Commons Corporation ("Creative Commons") is not a law firm and
|
||||
does not provide legal services or legal advice. Distribution of
|
||||
Creative Commons public licenses does not create a lawyer-client or
|
||||
other relationship. Creative Commons makes its licenses and related
|
||||
information available on an "as-is" basis. Creative Commons gives no
|
||||
warranties regarding its licenses, any material licensed under their
|
||||
terms and conditions, or any related information. Creative Commons
|
||||
disclaims all liability for damages resulting from their use to the
|
||||
fullest extent possible.
|
||||
|
||||
Using Creative Commons Public Licenses
|
||||
|
||||
Creative Commons public licenses provide a standard set of terms and
|
||||
conditions that creators and other rights holders may use to share
|
||||
original works of authorship and other material subject to copyright
|
||||
and certain other rights specified in the public license below. The
|
||||
following considerations are for informational purposes only, are not
|
||||
exhaustive, and do not form part of our licenses.
|
||||
|
||||
Considerations for licensors: Our public licenses are
|
||||
intended for use by those authorized to give the public
|
||||
permission to use material in ways otherwise restricted by
|
||||
copyright and certain other rights. Our licenses are
|
||||
irrevocable. Licensors should read and understand the terms
|
||||
and conditions of the license they choose before applying it.
|
||||
Licensors should also secure all rights necessary before
|
||||
applying our licenses so that the public can reuse the
|
||||
material as expected. Licensors should clearly mark any
|
||||
material not subject to the license. This includes other CC-
|
||||
licensed material, or material used under an exception or
|
||||
limitation to copyright. More considerations for licensors:
|
||||
wiki.creativecommons.org/Considerations_for_licensors
|
||||
|
||||
Considerations for the public: By using one of our public
|
||||
licenses, a licensor grants the public permission to use the
|
||||
licensed material under specified terms and conditions. If
|
||||
the licensor's permission is not necessary for any reason--for
|
||||
example, because of any applicable exception or limitation to
|
||||
copyright--then that use is not regulated by the license. Our
|
||||
licenses grant only permissions under copyright and certain
|
||||
other rights that a licensor has authority to grant. Use of
|
||||
the licensed material may still be restricted for other
|
||||
reasons, including because others have copyright or other
|
||||
rights in the material. A licensor may make special requests,
|
||||
such as asking that all changes be marked or described.
|
||||
Although not required by our licenses, you are encouraged to
|
||||
respect those requests where reasonable. More considerations
|
||||
for the public:
|
||||
wiki.creativecommons.org/Considerations_for_licensees
|
||||
|
||||
=======================================================================
|
||||
|
||||
Creative Commons Attribution-ShareAlike 4.0 International Public
|
||||
License
|
||||
|
||||
By exercising the Licensed Rights (defined below), You accept and agree
|
||||
to be bound by the terms and conditions of this Creative Commons
|
||||
Attribution-ShareAlike 4.0 International Public License ("Public
|
||||
License"). To the extent this Public License may be interpreted as a
|
||||
contract, You are granted the Licensed Rights in consideration of Your
|
||||
acceptance of these terms and conditions, and the Licensor grants You
|
||||
such rights in consideration of benefits the Licensor receives from
|
||||
making the Licensed Material available under these terms and
|
||||
conditions.
|
||||
|
||||
|
||||
Section 1 -- Definitions.
|
||||
|
||||
a. Adapted Material means material subject to Copyright and Similar
|
||||
Rights that is derived from or based upon the Licensed Material
|
||||
and in which the Licensed Material is translated, altered,
|
||||
arranged, transformed, or otherwise modified in a manner requiring
|
||||
permission under the Copyright and Similar Rights held by the
|
||||
Licensor. For purposes of this Public License, where the Licensed
|
||||
Material is a musical work, performance, or sound recording,
|
||||
Adapted Material is always produced where the Licensed Material is
|
||||
synched in timed relation with a moving image.
|
||||
|
||||
b. Adapter's License means the license You apply to Your Copyright
|
||||
and Similar Rights in Your contributions to Adapted Material in
|
||||
accordance with the terms and conditions of this Public License.
|
||||
|
||||
c. BY-SA Compatible License means a license listed at
|
||||
creativecommons.org/compatiblelicenses, approved by Creative
|
||||
Commons as essentially the equivalent of this Public License.
|
||||
|
||||
d. Copyright and Similar Rights means copyright and/or similar rights
|
||||
closely related to copyright including, without limitation,
|
||||
performance, broadcast, sound recording, and Sui Generis Database
|
||||
Rights, without regard to how the rights are labeled or
|
||||
categorized. For purposes of this Public License, the rights
|
||||
specified in Section 2(b)(1)-(2) are not Copyright and Similar
|
||||
Rights.
|
||||
|
||||
e. Effective Technological Measures means those measures that, in the
|
||||
absence of proper authority, may not be circumvented under laws
|
||||
fulfilling obligations under Article 11 of the WIPO Copyright
|
||||
Treaty adopted on December 20, 1996, and/or similar international
|
||||
agreements.
|
||||
|
||||
f. Exceptions and Limitations means fair use, fair dealing, and/or
|
||||
any other exception or limitation to Copyright and Similar Rights
|
||||
that applies to Your use of the Licensed Material.
|
||||
|
||||
g. License Elements means the license attributes listed in the name
|
||||
of a Creative Commons Public License. The License Elements of this
|
||||
Public License are Attribution and ShareAlike.
|
||||
|
||||
h. Licensed Material means the artistic or literary work, database,
|
||||
or other material to which the Licensor applied this Public
|
||||
License.
|
||||
|
||||
i. Licensed Rights means the rights granted to You subject to the
|
||||
terms and conditions of this Public License, which are limited to
|
||||
all Copyright and Similar Rights that apply to Your use of the
|
||||
Licensed Material and that the Licensor has authority to license.
|
||||
|
||||
j. Licensor means the individual(s) or entity(ies) granting rights
|
||||
under this Public License.
|
||||
|
||||
k. Share means to provide material to the public by any means or
|
||||
process that requires permission under the Licensed Rights, such
|
||||
as reproduction, public display, public performance, distribution,
|
||||
dissemination, communication, or importation, and to make material
|
||||
available to the public including in ways that members of the
|
||||
public may access the material from a place and at a time
|
||||
individually chosen by them.
|
||||
|
||||
l. Sui Generis Database Rights means rights other than copyright
|
||||
resulting from Directive 96/9/EC of the European Parliament and of
|
||||
the Council of 11 March 1996 on the legal protection of databases,
|
||||
as amended and/or succeeded, as well as other essentially
|
||||
equivalent rights anywhere in the world.
|
||||
|
||||
m. You means the individual or entity exercising the Licensed Rights
|
||||
under this Public License. Your has a corresponding meaning.
|
||||
|
||||
|
||||
Section 2 -- Scope.
|
||||
|
||||
a. License grant.
|
||||
|
||||
1. Subject to the terms and conditions of this Public License,
|
||||
the Licensor hereby grants You a worldwide, royalty-free,
|
||||
non-sublicensable, non-exclusive, irrevocable license to
|
||||
exercise the Licensed Rights in the Licensed Material to:
|
||||
|
||||
a. reproduce and Share the Licensed Material, in whole or
|
||||
in part; and
|
||||
|
||||
b. produce, reproduce, and Share Adapted Material.
|
||||
|
||||
2. Exceptions and Limitations. For the avoidance of doubt, where
|
||||
Exceptions and Limitations apply to Your use, this Public
|
||||
License does not apply, and You do not need to comply with
|
||||
its terms and conditions.
|
||||
|
||||
3. Term. The term of this Public License is specified in Section
|
||||
6(a).
|
||||
|
||||
4. Media and formats; technical modifications allowed. The
|
||||
Licensor authorizes You to exercise the Licensed Rights in
|
||||
all media and formats whether now known or hereafter created,
|
||||
and to make technical modifications necessary to do so. The
|
||||
Licensor waives and/or agrees not to assert any right or
|
||||
authority to forbid You from making technical modifications
|
||||
necessary to exercise the Licensed Rights, including
|
||||
technical modifications necessary to circumvent Effective
|
||||
Technological Measures. For purposes of this Public License,
|
||||
simply making modifications authorized by this Section 2(a)
|
||||
(4) never produces Adapted Material.
|
||||
|
||||
5. Downstream recipients.
|
||||
|
||||
a. Offer from the Licensor -- Licensed Material. Every
|
||||
recipient of the Licensed Material automatically
|
||||
receives an offer from the Licensor to exercise the
|
||||
Licensed Rights under the terms and conditions of this
|
||||
Public License.
|
||||
|
||||
b. Additional offer from the Licensor -- Adapted Material.
|
||||
Every recipient of Adapted Material from You
|
||||
automatically receives an offer from the Licensor to
|
||||
exercise the Licensed Rights in the Adapted Material
|
||||
under the conditions of the Adapter's License You apply.
|
||||
|
||||
c. No downstream restrictions. You may not offer or impose
|
||||
any additional or different terms or conditions on, or
|
||||
apply any Effective Technological Measures to, the
|
||||
Licensed Material if doing so restricts exercise of the
|
||||
Licensed Rights by any recipient of the Licensed
|
||||
Material.
|
||||
|
||||
6. No endorsement. Nothing in this Public License constitutes or
|
||||
may be construed as permission to assert or imply that You
|
||||
are, or that Your use of the Licensed Material is, connected
|
||||
with, or sponsored, endorsed, or granted official status by,
|
||||
the Licensor or others designated to receive attribution as
|
||||
provided in Section 3(a)(1)(A)(i).
|
||||
|
||||
b. Other rights.
|
||||
|
||||
1. Moral rights, such as the right of integrity, are not
|
||||
licensed under this Public License, nor are publicity,
|
||||
privacy, and/or other similar personality rights; however, to
|
||||
the extent possible, the Licensor waives and/or agrees not to
|
||||
assert any such rights held by the Licensor to the limited
|
||||
extent necessary to allow You to exercise the Licensed
|
||||
Rights, but not otherwise.
|
||||
|
||||
2. Patent and trademark rights are not licensed under this
|
||||
Public License.
|
||||
|
||||
3. To the extent possible, the Licensor waives any right to
|
||||
collect royalties from You for the exercise of the Licensed
|
||||
Rights, whether directly or through a collecting society
|
||||
under any voluntary or waivable statutory or compulsory
|
||||
licensing scheme. In all other cases the Licensor expressly
|
||||
reserves any right to collect such royalties.
|
||||
|
||||
|
||||
Section 3 -- License Conditions.
|
||||
|
||||
Your exercise of the Licensed Rights is expressly made subject to the
|
||||
following conditions.
|
||||
|
||||
a. Attribution.
|
||||
|
||||
1. If You Share the Licensed Material (including in modified
|
||||
form), You must:
|
||||
|
||||
a. retain the following if it is supplied by the Licensor
|
||||
with the Licensed Material:
|
||||
|
||||
i. identification of the creator(s) of the Licensed
|
||||
Material and any others designated to receive
|
||||
attribution, in any reasonable manner requested by
|
||||
the Licensor (including by pseudonym if
|
||||
designated);
|
||||
|
||||
ii. a copyright notice;
|
||||
|
||||
iii. a notice that refers to this Public License;
|
||||
|
||||
iv. a notice that refers to the disclaimer of
|
||||
warranties;
|
||||
|
||||
v. a URI or hyperlink to the Licensed Material to the
|
||||
extent reasonably practicable;
|
||||
|
||||
b. indicate if You modified the Licensed Material and
|
||||
retain an indication of any previous modifications; and
|
||||
|
||||
c. indicate the Licensed Material is licensed under this
|
||||
Public License, and include the text of, or the URI or
|
||||
hyperlink to, this Public License.
|
||||
|
||||
2. You may satisfy the conditions in Section 3(a)(1) in any
|
||||
reasonable manner based on the medium, means, and context in
|
||||
which You Share the Licensed Material. For example, it may be
|
||||
reasonable to satisfy the conditions by providing a URI or
|
||||
hyperlink to a resource that includes the required
|
||||
information.
|
||||
|
||||
3. If requested by the Licensor, You must remove any of the
|
||||
information required by Section 3(a)(1)(A) to the extent
|
||||
reasonably practicable.
|
||||
|
||||
b. ShareAlike.
|
||||
|
||||
In addition to the conditions in Section 3(a), if You Share
|
||||
Adapted Material You produce, the following conditions also apply.
|
||||
|
||||
1. The Adapter's License You apply must be a Creative Commons
|
||||
license with the same License Elements, this version or
|
||||
later, or a BY-SA Compatible License.
|
||||
|
||||
2. You must include the text of, or the URI or hyperlink to, the
|
||||
Adapter's License You apply. You may satisfy this condition
|
||||
in any reasonable manner based on the medium, means, and
|
||||
context in which You Share Adapted Material.
|
||||
|
||||
3. You may not offer or impose any additional or different terms
|
||||
or conditions on, or apply any Effective Technological
|
||||
Measures to, Adapted Material that restrict exercise of the
|
||||
rights granted under the Adapter's License You apply.
|
||||
|
||||
|
||||
Section 4 -- Sui Generis Database Rights.
|
||||
|
||||
Where the Licensed Rights include Sui Generis Database Rights that
|
||||
apply to Your use of the Licensed Material:
|
||||
|
||||
a. for the avoidance of doubt, Section 2(a)(1) grants You the right
|
||||
to extract, reuse, reproduce, and Share all or a substantial
|
||||
portion of the contents of the database;
|
||||
|
||||
b. if You include all or a substantial portion of the database
|
||||
contents in a database in which You have Sui Generis Database
|
||||
Rights, then the database in which You have Sui Generis Database
|
||||
Rights (but not its individual contents) is Adapted Material,
|
||||
including for purposes of Section 3(b); and
|
||||
|
||||
c. You must comply with the conditions in Section 3(a) if You Share
|
||||
all or a substantial portion of the contents of the database.
|
||||
|
||||
For the avoidance of doubt, this Section 4 supplements and does not
|
||||
replace Your obligations under this Public License where the Licensed
|
||||
Rights include other Copyright and Similar Rights.
|
||||
|
||||
|
||||
Section 5 -- Disclaimer of Warranties and Limitation of Liability.
|
||||
|
||||
a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE
|
||||
EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS
|
||||
AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF
|
||||
ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS,
|
||||
IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION,
|
||||
WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR
|
||||
PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS,
|
||||
ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT
|
||||
KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT
|
||||
ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU.
|
||||
|
||||
b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE
|
||||
TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION,
|
||||
NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT,
|
||||
INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES,
|
||||
COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR
|
||||
USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN
|
||||
ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR
|
||||
DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR
|
||||
IN PART, THIS LIMITATION MAY NOT APPLY TO YOU.
|
||||
|
||||
c. The disclaimer of warranties and limitation of liability provided
|
||||
above shall be interpreted in a manner that, to the extent
|
||||
possible, most closely approximates an absolute disclaimer and
|
||||
waiver of all liability.
|
||||
|
||||
|
||||
Section 6 -- Term and Termination.
|
||||
|
||||
a. This Public License applies for the term of the Copyright and
|
||||
Similar Rights licensed here. However, if You fail to comply with
|
||||
this Public License, then Your rights under this Public License
|
||||
terminate automatically.
|
||||
|
||||
b. Where Your right to use the Licensed Material has terminated under
|
||||
Section 6(a), it reinstates:
|
||||
|
||||
1. automatically as of the date the violation is cured, provided
|
||||
it is cured within 30 days of Your discovery of the
|
||||
violation; or
|
||||
|
||||
2. upon express reinstatement by the Licensor.
|
||||
|
||||
For the avoidance of doubt, this Section 6(b) does not affect any
|
||||
right the Licensor may have to seek remedies for Your violations
|
||||
of this Public License.
|
||||
|
||||
c. For the avoidance of doubt, the Licensor may also offer the
|
||||
Licensed Material under separate terms or conditions or stop
|
||||
distributing the Licensed Material at any time; however, doing so
|
||||
will not terminate this Public License.
|
||||
|
||||
d. Sections 1, 5, 6, 7, and 8 survive termination of this Public
|
||||
License.
|
||||
|
||||
|
||||
Section 7 -- Other Terms and Conditions.
|
||||
|
||||
a. The Licensor shall not be bound by any additional or different
|
||||
terms or conditions communicated by You unless expressly agreed.
|
||||
|
||||
b. Any arrangements, understandings, or agreements regarding the
|
||||
Licensed Material not stated herein are separate from and
|
||||
independent of the terms and conditions of this Public License.
|
||||
|
||||
|
||||
Section 8 -- Interpretation.
|
||||
|
||||
a. For the avoidance of doubt, this Public License does not, and
|
||||
shall not be interpreted to, reduce, limit, restrict, or impose
|
||||
conditions on any use of the Licensed Material that could lawfully
|
||||
be made without permission under this Public License.
|
||||
|
||||
b. To the extent possible, if any provision of this Public License is
|
||||
deemed unenforceable, it shall be automatically reformed to the
|
||||
minimum extent necessary to make it enforceable. If the provision
|
||||
cannot be reformed, it shall be severed from this Public License
|
||||
without affecting the enforceability of the remaining terms and
|
||||
conditions.
|
||||
|
||||
c. No term or condition of this Public License will be waived and no
|
||||
failure to comply consented to unless expressly agreed to by the
|
||||
Licensor.
|
||||
|
||||
d. Nothing in this Public License constitutes or may be interpreted
|
||||
as a limitation upon, or waiver of, any privileges and immunities
|
||||
that apply to the Licensor or You, including from the legal
|
||||
processes of any jurisdiction or authority.
|
||||
|
||||
|
||||
=======================================================================
|
||||
|
||||
Creative Commons is not a party to its public
|
||||
licenses. Notwithstanding, Creative Commons may elect to apply one of
|
||||
its public licenses to material it publishes and in those instances
|
||||
will be considered the "Licensor." The text of the Creative Commons
|
||||
public licenses is dedicated to the public domain under the CC0 Public
|
||||
Domain Dedication. Except for the limited purpose of indicating that
|
||||
material is shared under a Creative Commons public license or as
|
||||
otherwise permitted by the Creative Commons policies published at
|
||||
creativecommons.org/policies, Creative Commons does not authorize the
|
||||
use of the trademark "Creative Commons" or any other trademark or logo
|
||||
of Creative Commons without its prior written consent including,
|
||||
without limitation, in connection with any unauthorized modifications
|
||||
to any of its public licenses or any other arrangements,
|
||||
understandings, or agreements concerning use of licensed material. For
|
||||
the avoidance of doubt, this paragraph does not form part of the
|
||||
public licenses.
|
||||
|
||||
Creative Commons may be contacted at creativecommons.org.
|
||||
@@ -0,0 +1,53 @@
|
||||
# Lizenzierung
|
||||
|
||||
Dieses Projekt ist **dual lizenziert**: Quellcode und Inhalte stehen unter
|
||||
unterschiedlichen Lizenzen, weil ein Schulungsprojekt aus beidem besteht.
|
||||
|
||||
© 2026 Richard. Bitte „Richard" durch deinen vollständigen Namen (oder dein
|
||||
gewünschtes Pseudonym) ersetzen – das ist die Person/Stelle, die die Rechte hält.
|
||||
|
||||
## Quellcode → MIT
|
||||
|
||||
Gilt für alle ausführbaren Bestandteile, u. a.:
|
||||
|
||||
- `gotcha-app/` (Node-Server und ausgelieferte Seiten)
|
||||
- JavaScript in den HTML-Dateien (Steuerlogik der Folien/Animation)
|
||||
|
||||
Volltext: [`LICENSE`](./LICENSE) · SPDX: `MIT`
|
||||
|
||||
Kurz: Andere dürfen den Code nutzen, ändern, weitergeben und auch in
|
||||
proprietären Projekten einsetzen – einzige Bedingung ist, dass Copyright-
|
||||
Vermerk und Lizenztext beibehalten werden. Es gibt keine Copyleft- oder
|
||||
Offenlegungspflicht.
|
||||
|
||||
## Inhalte → CC BY-SA 4.0
|
||||
|
||||
Gilt für die nicht ausführbaren Werke, u. a.:
|
||||
|
||||
- Präsentationsfolien und deren Texte (`cybersecurity-vortrag.html` – die Inhalte)
|
||||
- Diagramme/Grafiken (`aitm-schaubild.svg`, die WLAN-Animationsgrafik)
|
||||
- sonstige Texte/Bilder
|
||||
|
||||
Volltext: [`LICENSE-CONTENT.txt`](./LICENSE-CONTENT.txt) · SPDX: `CC-BY-SA-4.0`
|
||||
|
||||
Kurz: Andere dürfen die Inhalte nutzen und bearbeiten, müssen dich aber nennen
|
||||
(Attribution) und Bearbeitungen unter derselben Lizenz weitergeben (ShareAlike).
|
||||
|
||||
## Hinweis zur Abgrenzung
|
||||
|
||||
Einzelne Dateien mischen Code und Inhalt (z. B. die HTML-Folien mit eingebettetem
|
||||
JavaScript). Maßgeblich ist die Funktion des jeweiligen Teils: ausführbare Logik =
|
||||
MIT, dargestellte Lehrinhalte = CC BY-SA. Im Zweifel kannst du pro Datei einen
|
||||
SPDX-Kopf setzen, z. B.:
|
||||
|
||||
<!-- SPDX-License-Identifier: MIT --> (Code)
|
||||
<!-- SPDX-License-Identifier: CC-BY-SA-4.0 --> (Inhalt)
|
||||
|
||||
## Fremdbestandteile (nicht von dir lizenzierbar)
|
||||
|
||||
- **reveal.js** wird per CDN geladen und steht unter der **MIT-Lizenz**. Wenn du
|
||||
reveal.js mit ins Repo legst, füge dessen MIT-Lizenztext bei und nenne den
|
||||
Urheber. Deine Lizenzwahl gilt nicht für fremden Code.
|
||||
- **Marken Dritter:** Namen/Logos wie „Microsoft" sind Marken der jeweiligen
|
||||
Inhaber. Eine Lizenz kann nur *dein* Urheberrecht regeln – sie gewährt **keine**
|
||||
Markenrechte und macht die Nutzung fremder Logos nicht zulässig.
|
||||
@@ -0,0 +1,61 @@
|
||||
<svg viewBox="0 0 720 300" xmlns="http://www.w3.org/2000/svg" font-family="'Segoe UI', Arial, sans-serif">
|
||||
<defs>
|
||||
<marker id="arrow" markerWidth="9" markerHeight="9" refX="7" refY="3" orient="auto">
|
||||
<path d="M0,0 L7,3 L0,6 Z" fill="#444"/>
|
||||
</marker>
|
||||
<marker id="arrowRed" markerWidth="9" markerHeight="9" refX="7" refY="3" orient="auto">
|
||||
<path d="M0,0 L7,3 L0,6 Z" fill="#c0392b"/>
|
||||
</marker>
|
||||
</defs>
|
||||
|
||||
<text x="360" y="26" text-anchor="middle" font-size="17" font-weight="700" fill="#0b5fa5">
|
||||
Adversary-in-the-Middle: Warum MFA allein nicht reicht
|
||||
</text>
|
||||
|
||||
<!-- Opfer -->
|
||||
<rect x="20" y="70" width="150" height="90" rx="7" fill="#f4f7fa" stroke="#0b5fa5" stroke-width="2"/>
|
||||
<text x="95" y="98" text-anchor="middle" font-size="14" font-weight="700" fill="#1b1b1b">Opfer</text>
|
||||
<text x="95" y="120" text-anchor="middle" font-size="11.5" fill="#444">klickt Phishing-Link</text>
|
||||
<text x="95" y="138" text-anchor="middle" font-size="11.5" fill="#444">gibt Daten + Code ein</text>
|
||||
|
||||
<!-- Proxy -->
|
||||
<rect x="285" y="62" width="150" height="106" rx="7" fill="#faf2f2" stroke="#c0392b" stroke-width="2.5"/>
|
||||
<text x="360" y="88" text-anchor="middle" font-size="14" font-weight="700" fill="#c0392b">Angreifer-Proxy</text>
|
||||
<text x="360" y="108" text-anchor="middle" font-size="11.5" fill="#444">leitet alles 1:1 weiter</text>
|
||||
<text x="360" y="132" text-anchor="middle" font-size="11.5" font-weight="700" fill="#c0392b">stiehlt das</text>
|
||||
<text x="360" y="148" text-anchor="middle" font-size="11.5" font-weight="700" fill="#c0392b">Session-Cookie</text>
|
||||
|
||||
<!-- Microsoft -->
|
||||
<rect x="550" y="70" width="150" height="90" rx="7" fill="#f4f7fa" stroke="#0b5fa5" stroke-width="2"/>
|
||||
<g transform="translate(598,84)">
|
||||
<rect x="0" y="0" width="12" height="12" fill="#f25022"/>
|
||||
<rect x="14" y="0" width="12" height="12" fill="#7fba00"/>
|
||||
<rect x="0" y="14" width="12" height="12" fill="#00a4ef"/>
|
||||
<rect x="14" y="14" width="12" height="12" fill="#ffb900"/>
|
||||
</g>
|
||||
<text x="625" y="130" text-anchor="middle" font-size="14" font-weight="700" fill="#1b1b1b">Echter Login</text>
|
||||
<text x="625" y="148" text-anchor="middle" font-size="11.5" fill="#444">prüft Passwort + MFA</text>
|
||||
|
||||
<!-- Opfer -> Proxy -->
|
||||
<line x1="170" y1="105" x2="283" y2="105" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/>
|
||||
<text x="226" y="98" text-anchor="middle" font-size="10.5" fill="#444">Login + Code</text>
|
||||
<!-- Proxy -> Opfer -->
|
||||
<line x1="283" y1="128" x2="172" y2="128" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/>
|
||||
<text x="226" y="143" text-anchor="middle" font-size="10.5" fill="#444">„Anmeldung ok"</text>
|
||||
|
||||
<!-- Proxy -> Microsoft -->
|
||||
<line x1="435" y1="100" x2="548" y2="100" stroke="#c0392b" stroke-width="2" marker-end="url(#arrowRed)"/>
|
||||
<text x="491" y="93" text-anchor="middle" font-size="10.5" fill="#c0392b">in Echtzeit</text>
|
||||
<!-- Microsoft -> Proxy -->
|
||||
<line x1="548" y1="123" x2="437" y2="123" stroke="#c0392b" stroke-width="2" marker-end="url(#arrowRed)"/>
|
||||
<text x="491" y="138" text-anchor="middle" font-size="10.5" fill="#c0392b">Session-Cookie</text>
|
||||
|
||||
<!-- Ergebnis -->
|
||||
<rect x="150" y="196" width="420" height="48" rx="7" fill="#fff8e1" stroke="#d29200" stroke-width="2"/>
|
||||
<text x="360" y="216" text-anchor="middle" font-size="12" font-weight="700" fill="#9a6a00">Ergebnis</text>
|
||||
<text x="360" y="234" text-anchor="middle" font-size="11.5" fill="#444">Mit dem Cookie ist der Angreifer angemeldet – ohne Passwort, ohne erneute MFA.</text>
|
||||
|
||||
<text x="360" y="272" text-anchor="middle" font-size="11.5" font-weight="700" fill="#0b5fa5">
|
||||
Schutz: Passkeys / FIDO2 sind phishing-resistent · URL immer prüfen
|
||||
</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
@@ -0,0 +1,245 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Anmelden bei Ihrem Konto</title>
|
||||
<!--
|
||||
============================================================================
|
||||
SCHULUNGS-DEMO – PHISHING-AWARENESS
|
||||
----------------------------------------------------------------------------
|
||||
Diese Seite IMITIERT optisch einen Microsoft-Login, ist aber bewusst
|
||||
HARMLOS gebaut:
|
||||
* Es werden KEINE Daten gespeichert, gesendet oder weitergeleitet.
|
||||
* Es gibt KEINE Verbindung zu Microsoft und KEINEN echten Login.
|
||||
* Alle Eingaben bleiben ausschliesslich lokal im Browser und werden
|
||||
nach der Demo dem Teilnehmer zu Aufklaerungszwecken angezeigt.
|
||||
Verwendung nur in Schulungen mit Einwilligung der Teilnehmenden.
|
||||
============================================================================
|
||||
-->
|
||||
<style>
|
||||
* { box-sizing: border-box; }
|
||||
html, body { height: 100%; margin: 0; }
|
||||
body {
|
||||
font-family: "Segoe UI", "Segoe UI Web", Arial, sans-serif;
|
||||
color: #1b1b1b;
|
||||
background: #fff;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
min-height: 100%;
|
||||
/* Microsoft-typischer heller Verlauf-Hintergrund */
|
||||
background-image: linear-gradient(rgba(255,255,255,0.0), rgba(255,255,255,0.0));
|
||||
}
|
||||
/* Schulungs-Banner */
|
||||
#demoBanner {
|
||||
position: fixed; top: 0; left: 0; right: 0;
|
||||
background: #ffb900; color: #1b1b1b;
|
||||
font-size: 13px; font-weight: 600; text-align: center;
|
||||
padding: 6px 12px; z-index: 1000;
|
||||
border-bottom: 2px solid #d29200;
|
||||
}
|
||||
.card {
|
||||
width: 440px; max-width: 96vw;
|
||||
background: #fff;
|
||||
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
|
||||
padding: 44px 44px 36px;
|
||||
position: relative;
|
||||
}
|
||||
.logo { display: flex; align-items: center; margin-bottom: 16px; }
|
||||
.logo svg { width: 24px; height: 24px; margin-right: 6px; }
|
||||
.logo span { font-size: 15px; color: #5e5e5e; font-weight: 600; }
|
||||
h1 { font-size: 24px; font-weight: 600; margin: 8px 0 4px; }
|
||||
.sub { font-size: 15px; margin: 0 0 12px; }
|
||||
.field { width: 100%; border: none; border-bottom: 1px solid #666;
|
||||
font-size: 15px; padding: 6px 0; outline: none; margin: 6px 0 4px; }
|
||||
.field:focus { border-bottom: 2px solid #0067b8; }
|
||||
.row-actions { display: flex; justify-content: flex-end; margin-top: 24px; }
|
||||
.links { font-size: 13px; margin: 16px 0 0; }
|
||||
.links a { color: #0067b8; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
.btn {
|
||||
background: #0067b8; color: #fff; border: none;
|
||||
font-size: 15px; min-width: 108px; height: 32px; cursor: pointer;
|
||||
}
|
||||
.btn:hover { background: #005da6; }
|
||||
.btn.secondary { background: #eaeaea; color: #1b1b1b; margin-right: 8px; }
|
||||
.btn.secondary:hover { background: #dcdcdc; }
|
||||
.back { font-size: 13px; color: #1b1b1b; margin-bottom: 12px; display: flex; align-items: center; }
|
||||
.acct { font-size: 15px; margin: 4px 0 16px; color: #1b1b1b; }
|
||||
.hint { font-size: 13px; color: #666; margin: 8px 0 0; }
|
||||
.step { display: none; }
|
||||
.step.active { display: block; }
|
||||
.footer {
|
||||
position: fixed; bottom: 0; right: 0;
|
||||
font-size: 12px; color: #666; padding: 10px 18px;
|
||||
}
|
||||
.footer a { color: #666; text-decoration: none; margin-left: 18px; }
|
||||
|
||||
/* Aufklaerungs-Screen */
|
||||
#reveal { width: 620px; max-width: 96vw; display: none; }
|
||||
#reveal .card2 {
|
||||
background: #fff; border: 2px solid #c0392b;
|
||||
box-shadow: 0 4px 14px rgba(0,0,0,0.18); padding: 32px;
|
||||
}
|
||||
#reveal h2 { color: #c0392b; margin-top: 0; font-size: 26px; }
|
||||
#reveal .captured {
|
||||
background: #faf2f2; border-left: 4px solid #c0392b;
|
||||
padding: 14px 16px; font-family: Consolas, "Courier New", monospace;
|
||||
font-size: 14px; margin: 16px 0; word-break: break-all;
|
||||
}
|
||||
#reveal ul { font-size: 15px; line-height: 1.55; }
|
||||
#reveal .restart { background:#0067b8; color:#fff; border:none; padding:8px 18px;
|
||||
font-size:14px; cursor:pointer; margin-top:8px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="demoBanner">⚠️ SCHULUNGS-DEMO – Nachgebauter Login zu Awareness-Zwecken. Es werden KEINE Daten gespeichert oder gesendet. Keine echte Microsoft-Seite.</div>
|
||||
|
||||
<!-- ===================== LOGIN-NACHBAU ===================== -->
|
||||
<div class="card" id="loginCard">
|
||||
<div class="logo">
|
||||
<svg viewBox="0 0 23 23" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||
<rect x="1" y="1" width="10" height="10" fill="#f25022"/>
|
||||
<rect x="12" y="1" width="10" height="10" fill="#7fba00"/>
|
||||
<rect x="1" y="12" width="10" height="10" fill="#00a4ef"/>
|
||||
<rect x="12" y="12" width="10" height="10" fill="#ffb900"/>
|
||||
</svg>
|
||||
<span>Microsoft</span>
|
||||
</div>
|
||||
|
||||
<!-- Schritt 1: E-Mail -->
|
||||
<div class="step active" id="step-email">
|
||||
<h1>Anmelden</h1>
|
||||
<input class="field" id="email" type="text" placeholder="E-Mail, Telefon oder Skype" autocomplete="off">
|
||||
<p class="links">Kein Konto? <a href="#" onclick="return false;">Erstellen Sie jetzt eins!</a></p>
|
||||
<p class="links"><a href="#" onclick="return false;">Sie können nicht auf Ihr Konto zugreifen?</a></p>
|
||||
<div class="row-actions">
|
||||
<button class="btn" id="toPw">Weiter</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Schritt 2: Passwort -->
|
||||
<div class="step" id="step-pw">
|
||||
<div class="back">‹ <span id="acctShow" style="margin-left:6px;"></span></div>
|
||||
<h1>Kennwort eingeben</h1>
|
||||
<input class="field" id="password" type="password" placeholder="Kennwort" autocomplete="off">
|
||||
<p class="links"><a href="#" onclick="return false;">Kennwort vergessen</a></p>
|
||||
<div class="row-actions">
|
||||
<button class="btn" id="toMfa">Anmelden</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Schritt 3: Zweiter Faktor -->
|
||||
<div class="step" id="step-mfa">
|
||||
<div class="logo" style="margin-bottom:8px;">
|
||||
<svg viewBox="0 0 23 23" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||
<rect x="1" y="1" width="10" height="10" fill="#f25022"/>
|
||||
<rect x="12" y="1" width="10" height="10" fill="#7fba00"/>
|
||||
<rect x="1" y="12" width="10" height="10" fill="#00a4ef"/>
|
||||
<rect x="12" y="12" width="10" height="10" fill="#ffb900"/>
|
||||
</svg>
|
||||
</div>
|
||||
<p class="acct" id="acctShow2"></p>
|
||||
<h1>Code eingeben</h1>
|
||||
<p class="sub">Geben Sie den Code aus Ihrer Authenticator-App ein.</p>
|
||||
<input class="field" id="otp" type="text" inputmode="numeric" placeholder="Code" autocomplete="off" maxlength="8">
|
||||
<div class="row-actions">
|
||||
<button class="btn" id="finish">Überprüfen</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ===================== AUFKLAERUNGS-SCREEN ===================== -->
|
||||
<div id="reveal">
|
||||
<div class="card2">
|
||||
<h2>Stopp – das war eine Phishing-Simulation</h2>
|
||||
<p>Hätten Sie das auf einer echten Angreiferseite getan, besäße der Angreifer jetzt:</p>
|
||||
<div class="captured" id="capturedBox"></div>
|
||||
<p><strong>Worauf hätten Sie achten können?</strong></p>
|
||||
<ul>
|
||||
<li><strong>Die Adresszeile (URL):</strong> Der echte Login läuft nur über <em>login.microsoftonline.com</em> / <em>login.live.com</em> – niemals über eine fremde Domain.</li>
|
||||
<li><strong>Unerwartete Aufforderung:</strong> Eine Mail/SMS, die Sie zur Anmeldung drängt, ist verdächtig – besonders bei Zeitdruck.</li>
|
||||
<li><strong>Auch MFA schützt nicht immer:</strong> Moderne Angriffe leiten Ihren Code in Echtzeit weiter. Deshalb zählt, gar nicht erst Daten einzugeben.</li>
|
||||
<li><strong>Phishing-resistente Verfahren:</strong> Passkeys / FIDO2-Sicherheitsschlüssel lassen sich nicht über gefälschte Seiten abgreifen.</li>
|
||||
</ul>
|
||||
<p>Im Zweifel: Seite schließen, URL selbst eintippen oder Lesezeichen nutzen, und die IT informieren.</p>
|
||||
<button class="restart" id="restart">Demo zurücksetzen</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<a href="#" onclick="return false;">Nutzungsbedingungen</a>
|
||||
<a href="#" onclick="return false;">Datenschutz & Cookies</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
/* ----------------------------------------------------------------------------
|
||||
WICHTIG: Diese Demo sendet bewusst NICHTS. Es gibt keinen fetch/XHR/Submit
|
||||
nach aussen. Eingaben bleiben in JS-Variablen und werden nur lokal zur
|
||||
Aufklaerung angezeigt. So ist die Seite als Angriffswerkzeug unbrauchbar.
|
||||
---------------------------------------------------------------------------- */
|
||||
(function () {
|
||||
var data = { email: "", password: "", otp: "" };
|
||||
|
||||
function show(stepId) {
|
||||
document.querySelectorAll('.step').forEach(function (s) { s.classList.remove('active'); });
|
||||
document.getElementById(stepId).classList.add('active');
|
||||
}
|
||||
|
||||
document.getElementById('toPw').addEventListener('click', function () {
|
||||
var v = document.getElementById('email').value.trim();
|
||||
if (!v) { document.getElementById('email').focus(); return; }
|
||||
data.email = v;
|
||||
document.getElementById('acctShow').textContent = v;
|
||||
document.getElementById('acctShow2').textContent = v;
|
||||
show('step-pw');
|
||||
document.getElementById('password').focus();
|
||||
});
|
||||
|
||||
document.getElementById('toMfa').addEventListener('click', function () {
|
||||
var v = document.getElementById('password').value;
|
||||
if (!v) { document.getElementById('password').focus(); return; }
|
||||
data.password = v;
|
||||
show('step-mfa');
|
||||
document.getElementById('otp').focus();
|
||||
});
|
||||
|
||||
document.getElementById('finish').addEventListener('click', function () {
|
||||
data.otp = document.getElementById('otp').value.trim();
|
||||
// Keine Validierung, kein Versand – direkt zum Aufklaerungs-Screen.
|
||||
var masked = data.password.length ? data.password[0] + '•'.repeat(Math.max(0, data.password.length - 1)) : '(leer)';
|
||||
document.getElementById('capturedBox').innerHTML =
|
||||
'Benutzername: ' + escapeHtml(data.email) + '<br>' +
|
||||
'Kennwort: ' + escapeHtml(data.password) + ' (vollständig erfasst)<br>' +
|
||||
'MFA-Code: ' + escapeHtml(data.otp || '(leer)');
|
||||
document.getElementById('loginCard').style.display = 'none';
|
||||
document.querySelector('.footer').style.display = 'none';
|
||||
document.getElementById('reveal').style.display = 'block';
|
||||
});
|
||||
|
||||
document.getElementById('restart').addEventListener('click', function () {
|
||||
data = { email: "", password: "", otp: "" };
|
||||
document.getElementById('email').value = '';
|
||||
document.getElementById('password').value = '';
|
||||
document.getElementById('otp').value = '';
|
||||
document.getElementById('reveal').style.display = 'none';
|
||||
document.getElementById('loginCard').style.display = 'block';
|
||||
document.querySelector('.footer').style.display = 'block';
|
||||
show('step-email');
|
||||
document.getElementById('email').focus();
|
||||
});
|
||||
|
||||
// Enter-Taste je Schritt
|
||||
document.getElementById('email').addEventListener('keydown', function (e) { if (e.key === 'Enter') document.getElementById('toPw').click(); });
|
||||
document.getElementById('password').addEventListener('keydown', function (e) { if (e.key === 'Enter') document.getElementById('toMfa').click(); });
|
||||
document.getElementById('otp').addEventListener('keydown', function (e) { if (e.key === 'Enter') document.getElementById('finish').click(); });
|
||||
|
||||
function escapeHtml(s) {
|
||||
return String(s).replace(/[&<>"']/g, function (c) {
|
||||
return { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[c];
|
||||
});
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
Reference in New Issue
Block a user