diff options
39 files changed, 204 insertions, 80 deletions
diff --git a/Gemfile.lock b/Gemfile.lock index e51af92..e2e15b2 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -3,11 +3,11 @@ GEM specs: addressable (2.8.7) public_suffix (>= 2.0.2, < 7.0) - base64 (0.2.0) - bigdecimal (3.1.9) + base64 (0.3.0) + bigdecimal (3.2.2) colorator (1.1.0) concurrent-ruby (1.3.5) - csv (3.3.4) + csv (3.3.5) em-websocket (0.5.3) eventmachine (>= 0.12.9) http_parser.rb (~> 0) @@ -24,22 +24,31 @@ GEM ffi (1.17.2-x86_64-linux-gnu) ffi (1.17.2-x86_64-linux-musl) forwardable-extended (2.6.0) - google-protobuf (4.30.2) + google-protobuf (4.31.1) bigdecimal rake (>= 13) - google-protobuf (4.30.2-aarch64-linux) + google-protobuf (4.31.1-aarch64-linux-gnu) bigdecimal rake (>= 13) - google-protobuf (4.30.2-arm64-darwin) + google-protobuf (4.31.1-aarch64-linux-musl) bigdecimal rake (>= 13) - google-protobuf (4.30.2-x86-linux) + google-protobuf (4.31.1-arm64-darwin) bigdecimal rake (>= 13) - google-protobuf (4.30.2-x86_64-darwin) + google-protobuf (4.31.1-x86-linux-gnu) bigdecimal rake (>= 13) - google-protobuf (4.30.2-x86_64-linux) + google-protobuf (4.31.1-x86-linux-musl) + bigdecimal + rake (>= 13) + google-protobuf (4.31.1-x86_64-darwin) + bigdecimal + rake (>= 13) + google-protobuf (4.31.1-x86_64-linux-gnu) + bigdecimal + rake (>= 13) + google-protobuf (4.31.1-x86_64-linux-musl) bigdecimal rake (>= 13) http_parser.rb (0.8.0) @@ -72,7 +81,7 @@ GEM jekyll (>= 3.8, < 5.0) jekyll-watch (2.2.1) listen (~> 3.0) - json (2.10.2) + json (2.12.2) kramdown (2.5.1) rexml (>= 3.3.9) kramdown-parser-gfm (1.1.0) @@ -84,45 +93,45 @@ GEM mercenary (0.4.0) pathutil (0.16.2) forwardable-extended (~> 2.6) - public_suffix (6.0.1) - rake (13.2.1) + public_suffix (6.0.2) + rake (13.3.0) rb-fsevent (0.11.2) rb-inotify (0.11.1) ffi (~> 1.0) rexml (3.4.1) - rouge (4.5.1) + rouge (4.5.2) safe_yaml (1.0.5) - sass-embedded (1.86.3) - google-protobuf (~> 4.30) + sass-embedded (1.89.2) + google-protobuf (~> 4.31) rake (>= 13) - sass-embedded (1.86.3-aarch64-linux-android) - google-protobuf (~> 4.30) - sass-embedded (1.86.3-aarch64-linux-gnu) - google-protobuf (~> 4.30) - sass-embedded (1.86.3-aarch64-linux-musl) - google-protobuf (~> 4.30) - sass-embedded (1.86.3-arm-linux-androideabi) - google-protobuf (~> 4.30) - sass-embedded (1.86.3-arm-linux-gnueabihf) - google-protobuf (~> 4.30) - sass-embedded (1.86.3-arm-linux-musleabihf) - google-protobuf (~> 4.30) - sass-embedded (1.86.3-arm64-darwin) - google-protobuf (~> 4.30) - sass-embedded (1.86.3-riscv64-linux-android) - google-protobuf (~> 4.30) - sass-embedded (1.86.3-riscv64-linux-gnu) - google-protobuf (~> 4.30) - sass-embedded (1.86.3-riscv64-linux-musl) - google-protobuf (~> 4.30) - sass-embedded (1.86.3-x86_64-darwin) - google-protobuf (~> 4.30) - sass-embedded (1.86.3-x86_64-linux-android) - google-protobuf (~> 4.30) - sass-embedded (1.86.3-x86_64-linux-gnu) - google-protobuf (~> 4.30) - sass-embedded (1.86.3-x86_64-linux-musl) - google-protobuf (~> 4.30) + sass-embedded (1.89.2-aarch64-linux-android) + google-protobuf (~> 4.31) + sass-embedded (1.89.2-aarch64-linux-gnu) + google-protobuf (~> 4.31) + sass-embedded (1.89.2-aarch64-linux-musl) + google-protobuf (~> 4.31) + sass-embedded (1.89.2-arm-linux-androideabi) + google-protobuf (~> 4.31) + sass-embedded (1.89.2-arm-linux-gnueabihf) + google-protobuf (~> 4.31) + sass-embedded (1.89.2-arm-linux-musleabihf) + google-protobuf (~> 4.31) + sass-embedded (1.89.2-arm64-darwin) + google-protobuf (~> 4.31) + sass-embedded (1.89.2-riscv64-linux-android) + google-protobuf (~> 4.31) + sass-embedded (1.89.2-riscv64-linux-gnu) + google-protobuf (~> 4.31) + sass-embedded (1.89.2-riscv64-linux-musl) + google-protobuf (~> 4.31) + sass-embedded (1.89.2-x86_64-darwin) + google-protobuf (~> 4.31) + sass-embedded (1.89.2-x86_64-linux-android) + google-protobuf (~> 4.31) + sass-embedded (1.89.2-x86_64-linux-gnu) + google-protobuf (~> 4.31) + sass-embedded (1.89.2-x86_64-linux-musl) + google-protobuf (~> 4.31) terminal-table (3.0.2) unicode-display_width (>= 1.1.1, < 3) unicode-display_width (2.6.0) diff --git a/_includes/footer.html b/_includes/footer.html index 7941567..46fd160 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,5 +1,6 @@ <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/about.html b/_site/about.html index 53f3134..ae8d0e7 100644 --- a/_site/about.html +++ b/_site/about.html @@ -60,7 +60,8 @@ platforms. Going from WordPress to Jekyll to Ghost and now back to Jekyll.</p> </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog.html b/_site/blog.html index b47dfd2..c9fe333 100644 --- a/_site/blog.html +++ b/_site/blog.html @@ -101,7 +101,8 @@ </ul> </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/5-reasons-to-upload-your-resume-to-google-drive/index.html b/_site/blog/5-reasons-to-upload-your-resume-to-google-drive/index.html index d556bd6..59cb84b 100644 --- a/_site/blog/5-reasons-to-upload-your-resume-to-google-drive/index.html +++ b/_site/blog/5-reasons-to-upload-your-resume-to-google-drive/index.html @@ -67,7 +67,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/about-sub-4-sub.html b/_site/blog/about-sub-4-sub.html index cd4f861..4b04281 100644 --- a/_site/blog/about-sub-4-sub.html +++ b/_site/blog/about-sub-4-sub.html @@ -60,7 +60,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/apple-wwdc-june-2018.html b/_site/blog/apple-wwdc-june-2018.html index 53b84d9..62ec741 100644 --- a/_site/blog/apple-wwdc-june-2018.html +++ b/_site/blog/apple-wwdc-june-2018.html @@ -92,7 +92,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/at-long-last/index.html b/_site/blog/at-long-last/index.html index 4514253..c904b73 100644 --- a/_site/blog/at-long-last/index.html +++ b/_site/blog/at-long-last/index.html @@ -48,7 +48,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/back-to-jekyll/index.html b/_site/blog/back-to-jekyll/index.html index 0821e15..f5a3fc6 100644 --- a/_site/blog/back-to-jekyll/index.html +++ b/_site/blog/back-to-jekyll/index.html @@ -54,7 +54,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/better-call-saul-breaking-bad-walter-white-jesse-pinkman.html b/_site/blog/better-call-saul-breaking-bad-walter-white-jesse-pinkman.html index 741fe70..df40f75 100644 --- a/_site/blog/better-call-saul-breaking-bad-walter-white-jesse-pinkman.html +++ b/_site/blog/better-call-saul-breaking-bad-walter-white-jesse-pinkman.html @@ -62,7 +62,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/changes-in-2017/index.html b/_site/blog/changes-in-2017/index.html index 66946fb..0c3ff4d 100644 --- a/_site/blog/changes-in-2017/index.html +++ b/_site/blog/changes-in-2017/index.html @@ -62,7 +62,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/daily-note-taking.html b/_site/blog/daily-note-taking.html index da28dcb..fa1910e 100644 --- a/_site/blog/daily-note-taking.html +++ b/_site/blog/daily-note-taking.html @@ -66,7 +66,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/down-with-big-tech.html b/_site/blog/down-with-big-tech.html index 7c5c55c..2612438 100644 --- a/_site/blog/down-with-big-tech.html +++ b/_site/blog/down-with-big-tech.html @@ -56,7 +56,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/dragon-con-blog-update/index.html b/_site/blog/dragon-con-blog-update/index.html index c9f3047..c1806e0 100644 --- a/_site/blog/dragon-con-blog-update/index.html +++ b/_site/blog/dragon-con-blog-update/index.html @@ -50,7 +50,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/going-live-with-git/index.html b/_site/blog/going-live-with-git/index.html index bf9d503..0fdc3df 100644 --- a/_site/blog/going-live-with-git/index.html +++ b/_site/blog/going-live-with-git/index.html @@ -62,7 +62,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/keyframes-are-fun/index.html b/_site/blog/keyframes-are-fun/index.html index 0d65be7..ecfefc5 100644 --- a/_site/blog/keyframes-are-fun/index.html +++ b/_site/blog/keyframes-are-fun/index.html @@ -56,7 +56,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/migrating-from-robinhood-to-public.html b/_site/blog/migrating-from-robinhood-to-public.html index c7f3181..2ae0df1 100644 --- a/_site/blog/migrating-from-robinhood-to-public.html +++ b/_site/blog/migrating-from-robinhood-to-public.html @@ -66,7 +66,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/national-novel-writing-month.html b/_site/blog/national-novel-writing-month.html index 2e41a78..e102652 100644 --- a/_site/blog/national-novel-writing-month.html +++ b/_site/blog/national-novel-writing-month.html @@ -60,7 +60,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/on-going-development-plus-update/index.html b/_site/blog/on-going-development-plus-update/index.html index 8689224..e6703fb 100644 --- a/_site/blog/on-going-development-plus-update/index.html +++ b/_site/blog/on-going-development-plus-update/index.html @@ -50,7 +50,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/passbolt-initial-impressions.html b/_site/blog/passbolt-initial-impressions.html index d147667..b3857c0 100644 --- a/_site/blog/passbolt-initial-impressions.html +++ b/_site/blog/passbolt-initial-impressions.html @@ -129,7 +129,8 @@ MariaDB <span class="o">[(</span>none<span class="o">)]></span> show database </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/read-more.html b/_site/blog/read-more.html index fd78adf..de92eea 100644 --- a/_site/blog/read-more.html +++ b/_site/blog/read-more.html @@ -84,7 +84,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/share-only-what-you-want-out-there.html b/_site/blog/share-only-what-you-want-out-there.html index 0f10322..0a31c9f 100644 --- a/_site/blog/share-only-what-you-want-out-there.html +++ b/_site/blog/share-only-what-you-want-out-there.html @@ -58,7 +58,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/starting-ccna-study.html b/_site/blog/starting-ccna-study.html index d6ae3fb..2f99e64 100644 --- a/_site/blog/starting-ccna-study.html +++ b/_site/blog/starting-ccna-study.html @@ -62,7 +62,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/the-red-pill/index.html b/_site/blog/the-red-pill/index.html index 79327dc..70542c9 100644 --- a/_site/blog/the-red-pill/index.html +++ b/_site/blog/the-red-pill/index.html @@ -64,7 +64,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/the-sims-4-laundry-day.html b/_site/blog/the-sims-4-laundry-day.html index cad7e75..5b42b19 100644 --- a/_site/blog/the-sims-4-laundry-day.html +++ b/_site/blog/the-sims-4-laundry-day.html @@ -60,7 +60,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/thoughts-on-dollar-photo-club-shutting/index.html b/_site/blog/thoughts-on-dollar-photo-club-shutting/index.html index 9c52e91..db1321b 100644 --- a/_site/blog/thoughts-on-dollar-photo-club-shutting/index.html +++ b/_site/blog/thoughts-on-dollar-photo-club-shutting/index.html @@ -52,7 +52,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/thoughts-on-pokemon-sun-and-pokemon-moon/index.html b/_site/blog/thoughts-on-pokemon-sun-and-pokemon-moon/index.html index 29eba38..ffdca93 100644 --- a/_site/blog/thoughts-on-pokemon-sun-and-pokemon-moon/index.html +++ b/_site/blog/thoughts-on-pokemon-sun-and-pokemon-moon/index.html @@ -54,7 +54,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/using-font-awesome-in-2017/index.html b/_site/blog/using-font-awesome-in-2017/index.html index 56b4ef4..af5d6b2 100644 --- a/_site/blog/using-font-awesome-in-2017/index.html +++ b/_site/blog/using-font-awesome-in-2017/index.html @@ -63,7 +63,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/welcome-to-jekyll.html b/_site/blog/welcome-to-jekyll.html index 9d67a7e..e51cdc0 100644 --- a/_site/blog/welcome-to-jekyll.html +++ b/_site/blog/welcome-to-jekyll.html @@ -48,7 +48,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/who-am-i-voting-for/index.html b/_site/blog/who-am-i-voting-for/index.html index 2113cdc..4f21f8e 100644 --- a/_site/blog/who-am-i-voting-for/index.html +++ b/_site/blog/who-am-i-voting-for/index.html @@ -52,7 +52,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/working-online-and-where-to-start/index.html b/_site/blog/working-online-and-where-to-start/index.html index 036ee59..e9b040a 100644 --- a/_site/blog/working-online-and-where-to-start/index.html +++ b/_site/blog/working-online-and-where-to-start/index.html @@ -58,7 +58,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/blog/writing-excercise/index.html b/_site/blog/writing-excercise/index.html index 0d427ae..30080ac 100644 --- a/_site/blog/writing-excercise/index.html +++ b/_site/blog/writing-excercise/index.html @@ -52,7 +52,8 @@ </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/index.html b/_site/index.html index e2041b6..3ab9721 100644 --- a/_site/index.html +++ b/_site/index.html @@ -45,7 +45,8 @@ <p>This is my personal website where you'll find all sorts of projects I'm working on.</p> </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/resources.html b/_site/resources.html index 4414010..9aa6fae 100644 --- a/_site/resources.html +++ b/_site/resources.html @@ -61,7 +61,8 @@ I have been cutting back on my use of social media. The best way to keep up with </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/resume.html b/_site/resume.html index b462b31..e5d7442 100644 --- a/_site/resume.html +++ b/_site/resume.html @@ -130,7 +130,8 @@ AAS Networking Specialist (2016-2019)</p> </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/smtpd.html b/_site/smtpd.html index e2041b6..3ab9721 100644 --- a/_site/smtpd.html +++ b/_site/smtpd.html @@ -45,7 +45,8 @@ <p>This is my personal website where you'll find all sorts of projects I'm working on.</p> </div> <footer> - <small>© Ben Sanders, 2025</small> + <small>Made with ❤️ in Helen, GA</small><br /> + <small>© Ben Sanders, 2025</small> </footer> <!-- <script src="./index.js"></script> --> diff --git a/_site/under-construction.html b/_site/under-construction.html index c7bc955..e4c4eb5 100644 --- a/_site/under-construction.html +++ b/_site/under-construction.html @@ -17,7 +17,7 @@ <div id="website-container"> <h1>Website Under Construction</h1> <p> - This is my personal website that is currently under construction. + This is my personal website that is currently under construction. This is a test. </p> </div> <script src="./index.js"></script> @@ -1,4 +1,3 @@ --- layout: default --- - diff --git a/poem.html b/poem.html new file mode 100644 index 0000000..65ad6f5 --- /dev/null +++ b/poem.html @@ -0,0 +1,81 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0"/> + <title>Typing Poem Loop with Background</title> + <style> + body { + background: url('https://www.soonerplantfarm.com/_ccLib/image/plants/DETA-5377.jpg') no-repeat center center fixed; + background-size: cover; + color: #fff; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + font-family: monospace; + font-size: 1.5em; + padding: 20px; + text-align: center; + } + + #overlay { + background-color: rgba(0, 0, 0, 0.5); /* semi-transparent overlay for readability */ + padding: 20px; + border-radius: 10px; + } + + #text { + white-space: pre-wrap; + word-break: break-word; + } + + .cursor { + display: inline-block; + width: 10px; + background-color: #fff; + margin-left: 2px; + animation: blink 1s step-start infinite; + } + + @keyframes blink { + 50% { background-color: transparent; } + } + </style> +</head> +<body> + <div id="overlay"> + <div id="text"></div><div class="cursor"></div> + </div> + + <script> + const poem = `And I think it’s time +you had a pink cloud +summer +‘Cause you’ve gone too +long without a smile +I think it’s time you +found another reason to +stay for a while`; + + const textDiv = document.getElementById('text'); + let index = 0; + + function type() { + if (index < poem.length) { + textDiv.textContent += poem.charAt(index); + index++; + setTimeout(type, 50); + } else { + setTimeout(() => { + textDiv.textContent = ""; + index = 0; + type(); + }, 2000); // wait 2 seconds before looping again + } + } + + type(); + </script> +</body> +</html> |