Skip to content

Commit

Permalink
add Spell Bee game
Browse files Browse the repository at this point in the history 
add Spell Bee game
  • Loading branch information
@kaloodinaz
kaloodinaz committed Jun 18, 2024
1 parent c1c2734 commit 6f9ec53
Show file tree
Hide file tree
Showing 4 changed files with 171 additions and 36 deletions.
43 changes: 8 additions & 35 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,48 +13,21 @@
<link rel="canonical" href="https://kaloodinaz.github.io/" />
<link rel="shortcut icon" href="/icons/icon-72x72.png">
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />

<style>
.game-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
padding: 20px;
}

.game {
position: relative;
border: 1px solid #ccc;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease;
}

.game img {
width: 100%;
height: 100%;
object-fit: cover;
}
footer {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}
.game:hover {
display: block;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
<style>
.game-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px}
.game{position:relative;border:1px solid #ccc;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:box-shadow .3s ease}
.game img{width:100%;height:100%;object-fit:cover}
footer{background-color:#333;color:#fff;padding:10px;text-align:center}
.game:hover{display:block;box-shadow:0 8px 16px rgba(0,0,0,0.2)}
footer{margin-top:auto;background-color:#232427;padding:5px 0}
.menu-footer-bar{text-align:center}
.link{display:inline-block;color:#fff;font-size:16px;margin:0;padding:5px 15px}
.link:hover{text-decoration:underline}
.nav-link:hover{color:#afafaf}
</style>
</style>
</head>
<body>
<script>
<script>
if('serviceWorker' in navigator) {window.addEventListener('load', () => {navigator.serviceWorker.register('/sw.js')
.then(registration => {console.log('Service Worker registered successfully:', registration);})
.catch(error => {console.log('Error in Service Worker registration:', error);});});}
Expand Down
6 changes: 5 additions & 1 deletion sitemap.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,5 +50,9 @@
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>

<url>
<loc>https://kaloodinaz.github.io/spelling-bee/</loc>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>
</urlset>
45 changes: 45 additions & 0 deletions spelling-bee/game/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<html lang="en">
<head>
<title>Play Blossom Game Online!</title>
<meta charset="utf-8" />
<meta name="theme-color" content="#232323" />
<meta name="robots" content="noindex, nofollow, noodp, noydir" />
<meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-scalable=no, minimal-ui" />
<meta http-equiv="X-UA-Compatible" content="requiresActiveX=true,IE=Edge,chrome=1" />
<meta http-equiv="Content-Language" content="en-US" />
<style>
*{margin:0;padding:0;box-sizing:border-box;font-family:"Helvetica Neue","Calibri Light",Roboto,sans-serif}
#missing-flash{display:none;text-align:center}
.missing-flash-bg{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-filter:blur(0.8em);filter:blur(0.8em);opacity:.25}
*{margin:0;padding:0;box-sizing:border-box}
html,body{background-color:rgb(249 249 249 / 40%)}
.enable_flash{color:#fff;background-color:#3281ff;padding:10px 15px;border-radius:5px;cursor:pointer;font-weight:700;text-transform:uppercase;position:absolute;top:200px;left:50%;transform:translateX(-50%);box-shadow:0 4px #202020}
.bt{position:absolute;left:50%;transform:translateX(-50%);bottom:-50px}
.adobetext{top:250px;width:100%}
#topbar{position:absolute;top:0;left:0;width:100%;background-color:#333;color:#fff;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,0.2);z-index:1000}
#logo{height:30px;width:auto;vertical-align:middle;float:left;margin-right:20px}
#sitename{font-size:20px;line-height:30px}
@media screen and (max-width: 768px) {
#topbar { padding: 10px 5px; }
#logo { margin-right: 10px; }
#sitename { font-size: 16px; line-height: 25px; }
}
@media screen and (max-width: 480px) {
#sitename { font-size: 14px; line-height: 20px; }
}
</style>
</head>
<body>

<iframe id="gameFrame" width="100%" height="100%" src="https://spelling-bee-free.pages.dev/" frameborder="0" style="border:0;" scrolling="auto" allowfullscreen></iframe>
<script>
window.onload = function() {
var iframe = document.getElementById("gameFrame");
iframe.style.height = window.innerHeight + "px";
};
window.addEventListener("resize", function() {
var iframe = document.getElementById("gameFrame");
iframe.style.height = window.innerHeight + "px";
});
</script>
</html>
113 changes: 113 additions & 0 deletions spelling-bee/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,113 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow" />
<meta name="apple-mobile-web-app-status-bar" content="#232323" />
<meta name="theme-color" content="#232323" />
<link rel="manifest" href="https://kaloodinaz.github.io/manifest.json" />
<meta name="apple-mobile-web-app-capable" content="yes"/>
<title>Spelling Bee Game Unblocked | Kaloo Dinaz Games</title>
<meta name="description" content="Discover the fascinating daily world of the Spelling Bee io game unlimited, its history, rules, benefits, and how it helps in enhancing vocabulary & cognitive skills in a fun & competitive way">
<link rel="canonical" href="https://kaloodinaz.github.io/spelling-bee/" />
<link rel="shortcut icon" href="https://kaloodinaz.github.io/icons/icon-72x72.png">
<link rel="apple-touch-icon" href="https://kaloodinaz.github.io/icons/icon-192x192.png" />
<link rel="stylesheet" href="https://kaloodinaz.github.io/styles.css">
</head>
<body>
<script>
if('serviceWorker' in navigator) {window.addEventListener('load', () => {navigator.serviceWorker.register('/sw.js')
.then(registration => {console.log('Service Worker registered successfully:', registration);})
.catch(error => {console.log('Error in Service Worker registration:', error);});});}
</script>
<div id="header-placeholder"></div>

<div class="game_item">
<div class="frame-box">
<div class="row">
<div class="grid-frame">
<div class="p-r frame-box-game" style="margin:0 auto">
<iframe title="Spelling Bee Game Online" id="iframehtml5" class="d-block" width="100%" height="550px" target="_parent" src="" data-oldsrc="game/index.html" scrolling="auto" frameborder="0" style="border:0;" allowfullscreen>
</iframe>
<div id="overlay">
<img loding="lazy" id="start-img" src="https://kaloodinaz.github.io/icons/icon-128x128.png" height="128" width="128" alt="Spelling Bee Io games Unblocked">
<span class="game-title" id="game-title">Spelling Bee Game io</span>
<button id="start-btn" class="play-button">Play Now!</button>
</div>
</div>
</div>
</div>

</div>
<div id="fullscreenButtonContainer">
<button id="fullscreenButton" onclick="toggleFullscreen()">Toggle Fullscreen <svg width="13px" height="13px" viewBox="0 0 14 14" xmlns="https://www.w3.org/2000/svg"><path d="M2 9H0v5h5v-2H2V9ZM0 5h2V2h3V0H0v5Zm12 7H9v2h5V9h-2v3ZM9 0v2h3v3h2V0H9Z" fill="#ffffff" fill-rule="evenodd" class="fill-000000"></path></svg></button>
</div>

<div id="social-placeholder"></div>
<div id="catalog-placeholder"></div>

<div class="content__game">
<div class="container">
<div class="row">
<div class="site-content">
<div class="bread-crumb">
<div class="row">
<div class="overwrite-breadcumb">
<div class="d-flex al sp bread-crumb-list">
<div class="d-flex al sp">
<a target="_blank" rel="noopener" class="bread-crumb-item" href="https://kaloodinaz.github.io/">Home</a>
<span class="bread-crumb-item bread-after">Spelling Bee Game io Online</span>
</div></div></div></div></div>

<div>
<h1>The Spelling Bee Unblocked Game: A Journey Through Words</h1>
<section>
<h2>Introduction</h2>
<p>The Spelling Bee game is a popular and engaging competition where participants spell a variety of words with varying degrees of difficulty. Originating in the United States, this contest has grown to be a significant educational tool that encourages learning and promotes the joy of words.</p>
</section>

<section>
<h2>History of the Spelling Bee</h2>
<p>The Spelling Bee has a rich history, dating back to the late 19th century. The first official national competition, the Scripps National Spelling Bee, was held in 1925. Over the decades, it has evolved into a highly anticipated annual event, showcasing the talents of young spellers from diverse backgrounds.</p>
</section>

<section>
<h2>Rules and Structure</h2>
<p>In a typical Spelling Bee, participants are given a word to spell aloud. They can ask for the word to be repeated, its definition, and its use in a sentence. The speller must pronounce the word correctly and spell it letter by letter. If the spelling is incorrect, the participant is eliminated. The competition continues until only one speller remains.</p>
</section>

<section>
<h2>Benefits of Participating in Spelling Bees</h2>
<p>Participating in Spelling Bees offers numerous benefits:</p>
<ul>
<li><strong>Enhanced Vocabulary:</strong> Participants learn new words and their meanings, significantly improving their vocabulary.</li>
<li><strong>Improved Cognitive Skills:</strong> The game enhances memory, concentration, and problem-solving skills.</li>
<li><strong>Boosted Confidence:</strong> Competing in front of an audience helps build self-esteem and public speaking skills.</li>
<li><strong>Academic Excellence:</strong> The rigorous preparation helps students excel in their academics.</li>
</ul>
</section>

<section>
<h2>Tips for Success</h2>
<p>Here are some tips for aspiring spellers:</p>
<ol>
<li>Read extensively to encounter new words.</li>
<li>Practice spelling regularly with friends or family.</li>
<li>Learn the etymology of words to understand their origins and patterns.</li>
<li>Stay calm and composed during the competition.</li>
</ol>
</section>

<section>
<h2>Conclusion</h2>
<p>The Spelling Bee game is more than just a competition; it's a celebration of language and learning. It provides a platform for young minds to showcase their spelling prowess while fostering a love for words. Whether you're a participant or an enthusiast, the Spelling Bee is an enriching experience that highlights the beauty and complexity of the English language.</p>
</section>

</div></div></div>
</div></div></div>
<div id="footer-placeholder"></div>
<script defer src="https://kaloodinaz.github.io/index.js?v=26"></script>

</body>
</html>

0 comments on commit 6f9ec53

Please sign in to comment.