Bahnbabo_web/index.html at master · chfuchte/Bahnbabo_web · GitHub

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
<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="Bahnbabo" content="Offizielle Website des Bahnbabos">
    <meta name="Peter Wirth" content="Offizielle Website von Peter Wirth">
    <title>Startseite</title>
    <link rel="icon" href="favicon.ico">

    <!-- Allgemeine Stylesheets -->
    <link rel="stylesheet" href="styles/root.css">
    <link rel="stylesheet" href="styles/header.css">
    <link rel="stylesheet" href="styles/footer.css">
    <link rel="stylesheet" href="styles/main.css">
    <!-- Speziele Stylesheets -->
    <link rel="stylesheet" href="styles/index.css">
    <!-- Rezise Stylesheet -->
    <link rel="stylesheet" href="styles/rezise.css">

    <!-- JS-Scripts -->
    <script src="scripts/script.js" defer></script>
    <script src="scripts/tweets.js"></script>
</head>

<body>
    <header>
        <input type="checkbox" id="nav_expand">
        <label for="nav_expand">
            <span></span>
            <span></span>
            <span></span>
        </label>
        <h2>Peter Wirth</h2>
        <nav>
            <li><a class="active" href="index.html">Home</a></li>
            <li><a href="ueber.html">Über mich</a></li>
            <li><a href="politik.html">Meine Vision für Frankfurt</a></li>
            <li><a href="presse.html">Presse</a></li>
        </nav>
    </header>

    <section class="side_sect">
        <a href="https://twitter.com/PeterWirth10?s=20" title="Twitter">
            <img src="img/twitter.svg"></a>
        <a href="https://www.instagram.com/der_bahnbabo/?hl=de" title="Instagram">
            <img src="img/instagram.svg">
        </a>
    </section>

    <main>
        <section id="index_sect">
            <div class="title-image-wrapper">
                <img src="img/GUDE.jpg" id="title_img" title="Meine Politik" style="user-select: none;"
                    onclick="window.location.href='politik.html'">
            </div>
        </section>

        <section id="link_sect">
            <audio id="audio_song" style="display: none;" controls
                style="accent-color: red; border-radius: 0px; color: red;">
                <source src="img/Song.mp3" type="audio/mpeg">
            </audio>
            <label for="audio_song" style="margin: 6px;">
                <button onclick="toggleSong()">
                    <img src="img/music.svg" style="min-height: 32px; max-height: 32px;">
                    <h4 id="title_audio">abspielen</h4>
                </button>
            </label>
        </section>

        <section id="gedicht_sect"
            style="background-color: #e0e0e0; padding: 14px; box-sizing: border-box;display: flex; flex-direction: row; align-items: center; justify-content: center;">
            <p style="font-size: 24px; text-align: center;">
                Geht heute wählen und bleibt stabil!
            </p>
        </section>

        <section id="tweets_sect"
            style="margin-top: 20px; margin-bottom: 20px; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 5px;">
            <div id="ask_show_tweets"
                style="border-radius: 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; border: 2px solid black; background-color: #fff; padding: 14px; gap: 12px;">
                <h1>Tweeets von Twitter laden?</h1>
                <a href="datenschutz.html">Mehr dazu</a>
                <button onclick="loadTweets();">einige Tweets laden</button>
            </div>
            <!-- <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>  -->
            <!-- <blockquote class="twitter-tweet"><p lang="de" dir="ltr">Make ÖPNV Great Again..🚃 <a href="https://t.co/Jso9WKvkCr">pic.twitter.com/Jso9WKvkCr</a></p>&mdash; Bahnbabo (@PeterWirth10) <a href="https://twitter.com/PeterWirth10/status/1622652920440266760?ref_src=twsrc%5Etfw">February 6, 2023</a></blockquote> -->
            <div id="tweets_scroller"></div>
        </section>
    </main>

    <footer>
        <div class="about_links">
            <a href="https://twitter.com/PeterWirth10?s=20" title="Twitter"><img src="img/twitter.svg"></a>
            <a href="https://www.instagram.com/der_bahnbabo/?hl=de" title="Instagram"><img src="img/instagram.svg"></a>
        </div>
        <a href="https://www.amazon.de/Beste-Laune-mit-dem-Bahnbabo/dp/3957712696" title="mein Buch">mein Buch</a>
        <div class="web_links">
            <a href="impressum.html">Impressum</a>
            <a href="datenschutz.html">Datenschutz</a>
        </div>
    </footer>
</body>


</html>