ikeating.github.io/index2.html at master · ikeating/ikeating.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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Isaiah Keating</title>
  <style>
    /* General Styling */
    body {
      margin: 0;
      padding: 0;
      background: linear-gradient(to bottom, #0d0d0d, #1a1a1a);
      color: #f0f0f0;
      font-family: 'Arial', sans-serif;
    }

        .button {
            display: inline-block;
            padding: 10px 20px;
            background-color: #007BFF; /* Button color */
            color: white;
            text-decoration: none;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            text-align: center;
            cursor: pointer;
        }

        .button:hover {
            background-color: #0056b3; /* Hover color */
        }

    /* Glowing Header */
    h1 {
      text-align: center;
      font-size: 70px;
      margin: 20px 0;
      color: #00ffff;
      text-shadow: 0px 0px 20px #00ffff, 0px 0px 30px #00ffff;
      animation: glow 2s infinite alternate;
    }

    /* Navbar Links Styling */
    p a {
      color: #66b3ff;
      text-decoration: none;
      transition: color 0.3s;
    }
    p a:hover {
      color: #00ffcc;
    }

    /* GitHub Icon */
    .github-icon {
      margin-top: 20px;
      transition: transform 0.3s;
    }
    .github-icon:hover {
      transform: scale(1.2);
    }

    /* Centered iframe for Lichess */
    iframe {
      border-radius: 10px;
      box-shadow: 0 0 15px #444;
    }

    /* Container for responsive iframes */
    .responsive-frame-container {
      width: 100%;
      max-width: 415px;
      margin: 20px auto;
      text-align: center;
    }

    /* Gravatar iframe styles */
    .gravatar-frame {
      width: 100%;
      max-width: 350px;
      height: 350px;
      border: 0;
    }

    /* Lichess iframe styles */
    .lichess-frame {
      width: 100%;
      max-width: 400px;
      height: 444px;
    }

    /* Footer */
    footer {
      text-align: center;
      margin-top: 20px;
      padding: 10px 0;
      background: #141414;
      color: #666;
    }

    /* Button Glow Effect */
    @keyframes glow {
      from {
        text-shadow: 0px 0px 10px #00ffff, 0px 0px 30px #00ffff;
      }
      to {
        text-shadow: 0px 0px 30px #00ffcc, 0px 0px 50px #00ffcc;
      }
    }

    /* Responsive Design */
    @media (max-width: 600px) {
      h1 {
        font-size: 50px;
      }
      p {
        font-size: 20px;
      }
      .gravatar-frame {
        height: 380px; /* Adjust the height for smaller screens */
      }
      .lichess-frame {
        height: 333px; /* Adjust Lichess frame height */
      }
    }
       h2 {
      /*background-image: url('IMG_8104.jpeg'); */
      background-size: cover; /* This covers the entire element */
      background-position: center; /* Centers the image */
      color: white; /* Sets text color to contrast with background */
      padding: 10px; /* Adds padding to improve readability */
    }
  </style>
</head>
<body>

<script>
// When the page is unloaded, save the scroll position
window.onbeforeunload = function() {
sessionStorage.setItem('scrollPosition', window.scrollY);
};
// When the page is loaded, restore the scroll position
window.onload = function() {
const scrollPosition = sessionStorage.getItem('scrollPosition');
if (scrollPosition) {
window.scrollTo(0, scrollPosition);
}
};
</script>
  <h1>Updated<br>
    Go To<br>
    www.iKeating.com


  </h1>

  <h2><center>
    <a href="https://github.com/ikeating" target="_blank">
      <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png"
           alt="GitHub" class="github-icon" style="width: 50px; height: 50px;">
    </a>
  </center>

  <div class="responsive-frame-container">
    <iframe class="gravatar-frame" src="https://gravatar.com/isaiahkeating.card"></iframe>
  </div>

  <br>
  <center>
  <a href="about.html" class="button">About Me 👋</a>
  <a href="mathIndex.html" class="button">Math 🧮</a>
  <a href="books.html" class="button">Books 📚</a>
  </center>

</h2>

  <p style="font-size: 20px; text-align: left; margin: 40px;">

    <strong>Andrew's <a href="grband">Grand Rapids High School Marching Band🥁</a> Page </strong><br><br>
    <strong>Blog entry<a href="01_19_2025"> 01/19/2025</a> Weekly Update 🏊‍♂️</strong><br><br>
    <strong>Blog entry<a href="11_19_2024"> Starship/Booster Testing🚀</a> as of 01/16/2025</strong><br><br>
    <strong>Blog entry<a href="01_12_2025"> 01/12/2025</a> Weekly Update ❄️</strong><br><br>
    <strong>Blog entry<a href="01_05_2025"> 01/05/2025</a> New Years Weekly🍾</strong><br><br>
    <strong>Blog entry<a href="12_29_2024"> 12/29/2024</a> Christmas Weekly🎄</strong><br><br>
    <strong>Blog entry<a href="12_22_2024"> 12/22/2024</a> Weekly</strong><br><br>
    <strong>Recipe for the perfect<a href="poachedEgg"> Poached Egg 🥚</a> - Enjoy! 12/18/2024</strong><br><br>
    <strong>Blog entry<a href="12_15_2024"> 12/15/2024</a> Weekly</strong><br><br>
    <strong>A graph showing my <a href="LDL_cholesterol_graph"> LDL Cholesterol Levels Over Time</a> 12/09/2024</strong><br><br>
    <strong>Blog entry<a href="12_08_2024"> 12/08/2024</a> Weekly</strong><br><br>
    <strong>Blog entry<a href="12_01_2024"> 12/01/2024</a> Thanksgiving Weekly🍗</strong><br><br>
    <strong>11/29/2024<a href="11_29_2024"> Perfect medium boiled eggs🥚</a></strong><br><br>
    <strong>Blog entry<a href="11_24_2024"> 11/24/2024</a> Weekly</strong><br><br>
    <strong>11/21/2024<a href="flight_regimes"> Flight Regimes</a></strong><br><br>
    <strong>11/20/2024<a href="power_outage"> Power Outage Preparedness</a></strong><br><br>
    <strong>Blog entry<a href="11_17_2024"> 11/17/2024</a> - update</strong><br><br>
    <strong>Our<a href="seattle2024"> Seattle 2024</a> Trip </strong><br><br>
    <strong>Notes on <a href="tools_commands">Useful Tools And Commands💻</a> 09/15/2024</strong><br><br>
    <strong>Blog entry<a href="04_16_2024"> 04/16/2024</a> LORA GPS Transmitter/Receivers</strong><br><br>
    <strong>Blog entry<a href="02_14_2024"> 02/14/2024</a> Past week update</strong><br><br>
    <strong>Blog entry<a href="02_08_2024"> 02/08/2024</a> Culver’s Walleye Fish Sandwich</strong><br><br>
    <strong>Blog entry<a href="02_07_2024"> 02/07/2024</a> Note</strong><br><br>
    <strong>Blog entry<a href="01_31_2024"> 01/31/2024</a> - daily</strong><br><br>
    <strong>Blog entry<a href="01_28_2024"> 01/28/2024</a> - Notes on the past few days</strong><br><br>
    <strong>Blog entry<a href="01_24_2024"> 01/24/2024</a> - Kremer’s</strong><br><br>
    <strong>Blog entry<a href="01_22_2024"> 01/22/2024</a> - Another three-day weekend</strong><br><br>
    <strong>Blog entry<a href="01_18_2024"> 01/18/2024</a> - Nothing</strong><br><br>
    <strong>Blog entry<a href="01_17_2024"> 01/17/2024</a> - GitHub</strong><br><br>
    <strong>Blog entry<a href="01_16_2024"> 01/16/2024</a> - note</strong><br><br>
    <strong>Blog entry<a href="01_15_2024"> 01/15/2024</a> - Weekend review</strong><br><br>
    <strong>Blog entry<a href="01_14_2024"> 01/14/2024</a> - Fenix HM50R & HM50R V2</strong><br><br>
    <strong>Blog entry<a href="01_11_2024"> 01/11/2024</a> - LoRa notes (open for editing)</strong><br><br>
    <strong>Blog entry<a href="01_10_2024"> 01/10/2024</a> - Panic</strong><br><br>
    <strong>Blog entry<a href="01_08_2024"> 01/08/2024</a> - notes</strong><br><br>
    <strong>Blog entry<a href="01_07_2024"> 01/07/2024</a> - Gerber MP600 multiplier</strong><br><br>
    <strong>Blog entry<a href="01_06_2024"> 01/06/2024</a> - daily</strong><br><br>
    <strong>Blog entry<a href="01_05_2024"> 01/05/2024</a> - Connecting TFT FeatherWing V0 # 3315 to Arduino Uno</strong><br><br>
    <strong>Blog entry<a href="01_04_2024"> 01/04/2024</a> - Adventures</strong><br><br>
    <strong>Blog entry<a href="01_03_2024"> 01/03/2024</a> - Anthropomorphize🧸</strong><br><br>
    <strong>Blog entry<a href="01_02_2024"> 01/02/2024</a> - 2023 Holiday Recap</strong><br><br>
    <strong>Blog entry<a href="01_01_2024"> 01/01/2024</a> - New Years resolution</strong><br><br>
    <strong>Photo 📸<a href="systems"> Systems</a> - Chicago, 2023</strong><br><br>
    <strong>Blog entry<a href="04_22_2021"> 04/22/2021</a> - daily</strong><br><br>
    <strong>Blog entry<a href="01_16_2016"> 01/16/2016</a> daily - Meeting my brother</strong><br><br>
  </p>

  <div class="responsive-frame-container">
    <iframe class="lichess-frame" src="https://lichess.org/training/frame?theme=brown&bg=dark"
            allowtransparency="true" frameborder="0">
    </iframe>
  </div>

  <footer>
    © 2025. This work by Isaiah Keating is openly licensed via
    <a href="https://creativecommons.org/licenses/by-sa/4.0/" style="color: #f0f0f0;">CC BY-SA 4.0</a>
  </footer>

</body>
</html>