jropeways.github.io/indexold.html at main · JRopeways/jropeways.github.io · 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
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
140
141
142
143
144
145
<!DOCTYPE html>
<html>

<head>
    <title>‎JRopeways Website 3</title>

    <link href="https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&display=swap" rel="stylesheet">

    <link rel="icon" type="image/png" href="favicon.png">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <style>
        body {
            background-color: FireBrick;
            font-family: 'Alan Sans', sans-serif;
        }

        .content {
            background-color: Cornsilk;
            border-radius: 25px;
            padding: 20px;
            margin: 40px;
            text-align: center;
        }

        .center {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .textbox {
            max-width: 800px;
            margin: 0 auto;
            /* Top/bottom margin 0, left/right margin auto */
        }

        img {
            max-width: 100%;
            height: auto;
            border-radius: 25px;
        }

        h1 {
            text-align: center;
        }

        h2 {
            text-align: center;
        }

        dialog {
            border: 5px solid firebrick;
            border-radius: 25px;
            padding: 20px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            width: 90%;
            max-width: 500px;
        }
    </style>
</head>

<body>
    <div class="center">
        <div class="content">
            <b>
                <h1 style="border:2px solid FireBrick; border-radius:25px;">Welcome to my Site</h1>
            </b>

            <div class="textbox">

                <!--
                <button command="show-modal" commandfor="my-dialog">a quick notice about this site</button>


                <dialog id="my-dialog">
                    <p>This site may not be as fancy as some of the others on Neocities, but sometimes it is nice to
                        have some simplicity <a href="https://jropeways.github.io/trainmugshots">TrainMugShots by
                            JRopeways</a>
                    </p>
                    <button commandfor="my-dialog" command="close">Close</button>
                </dialog>
                -->

                <h2>JRopeways Site 3</h2>
                <h2>Projects⬇️</h2>

                <h3>Train Mug Shots: a website featuring mug shots of trains</h3>
                <a href="https://jropeways.github.io/trainmugshots">TrainMugShots by JRopeways</a>

                <h3>Some handy macOS apps</h3>
                <a href="https://github.com/JRopeways/handy-macOS-apps">GitHub Repo: Handy MacOS Apps</a>

                <h3>A fullscreen clock that can be viewed in the browser. Mainly for use on Kindles to use them as
                    Clocks (Why not)</h3>
                <a href="https://jropeways.github.io/Clock">J's Fullscreen Kindle Clock</a>

                <h3>Simple weather website (from a youtube tutorial) that you can use to check the weather on your
                    kindle</h3>
                <a href="https://jropeways.github.io/kweather">J's Kindle Weather </a>
                <p>Simply open site on your kindle's web browser and enjoy!</p>

                <h3>Random Buttons</h3>
                <a href="https://jropeways.github.io/liquid-ass"><button type="button">This is a button</button></a>

                <button command="show-modal" commandfor="my-dialog">This is another button</button>
                <dialog id="my-dialog">
                    <p>ooo super secret <a href="https://jropeways.github.io/nagisa-shiota">this is not a link</a>
                    </p>
                    <button commandfor="my-dialog" command="close">Close</button>
                </dialog>

            </div>
        </div>
    </div>

    <div class="center">
        <div class="content">
            <div class="textbox">
                <h2>About this site (and me)</h2>
                <p>This is the third version of my first website, it used to be just messing around with HTML but now
                    updated with better internal CSS</p>

                <p>I use Windows 11, macOS 11 and some debian based Linux Distros (Ubuntu, Raspberry Pi OS)</p>
                <p><small>Dw, I don't and won't use Arch btw, I have a life</small></p>

                <p>I can code in Python and C# and have tried out some Applescript, HTML and CSS,</p>
                <p>and like trainspotting and photography (though I'm no professional in either of those!)</p>

                <h2>This is a nice pic of a Class 387</h2>
            </div>
            <img src="Electrostar background.JPG" alt="I took this pic btw" />

            <div class="textbox">
                <p>Thanks for checking out my website! Have a nice day</p>

                <p>This font is Alan Sans from google fonts</p>
                <p><small><small>Hi Awen</small></small></p>
            </div>
        </div>
    </div>
</body>

</html>