-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwordle.html
141 lines (128 loc) · 4.75 KB
/
wordle.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
name="viewport"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Jefe the Pug</title>
<link href="https://pyscript.net/releases/2024.1.1/core.css" rel="stylesheet"/>
<link href="static/css/style.css" rel="stylesheet"/>
<link href="static/css/nav_style.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<script type="module" src="https://pyscript.net/releases/2024.10.1/core.js"></script>
</head>
<!--<script type="module">-->
<!-- const loading = document.getElementById('loading');-->
<!-- addEventListener('py:ready', () => loading.close());-->
<!-- loading.showModal();-->
<!--</script>-->
<body>
<header>
<svg style="height:200px;width:200px" id="pug">
<use href="static/img/logo.svg#jefe"></use>
</svg>
<img alt="Jefe the Pug" id="jefe-pug" src="static/img/jefe_name.png"/>
<div id="nav-box">
<nav class="nav">
<input id="menu" type="checkbox">
<label for="menu">Menu</label>
<ul class="menu">
<li>
<a href="index.html">
<span>Home</span>
<i class="fas fa-house fa-beat" style="--fa-animation-duration: 2s;" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="skills.html">
<span>Skills</span>
<i class="fas fa-list-check fa-beat" style="--fa-animation-duration: 2s;"
aria-hidden="true"></i>
</a>
</li>
<li>
<a href="games.html">
<span>Games</span>
<i class="fas fa-gamepad fa-beat" style="--fa-animation-duration: 2s;" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="coding.html">
<span>Projects</span>
<i class="fas fa-code fa-beat" style="--fa-animation-duration: 2s;" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="contact.html">
<span>Contact</span>
<i class="fas fa-envelope fa-beat" style="--fa-animation-duration: 2s;" aria-hidden="true"></i>
</a>
</li>
</ul>
</nav>
</div>
</header>
<dialog id="loading">
<div id="spinCircle">
<svg id="jefeSpin" style="height:100px;width:100px;" viewBox="0 0 300 250">
<use href="static/img/logo.svg#jefe"></use>
</svg>
<h1 id="load">Loading<span id="dots">...</span></h1>
</div>
</dialog>
<div class="tabs">
<div class="tab">
<input type="checkbox" id="interactive">
<label class="tab-label" for="interactive">
<span>Play it <i class="fa-solid fa-play"></i></span>
</label>
<div class="tab-content">
<div id="boggleContainer">
<div id="output"
style="background-color:black; font-family:'Courier New',Courier,monospace; width:600px">
</div>
<div id="inputArea">
<label for="userInput">></label>
<input type="text" id="userInput" placeholder="..." autocomplete="off">
</div>
</div>
</div>
</div>
</div>
<div class="glass">
<div class="title"><h1>Wordle</h1></div>
</div>
<div class="glass">
<div class="description">
<p>
content
</p>
</div>
</div>
<script type="py">
import asyncio
async def load_packages():
import micropip
await micropip.install("nltk")
async def load_nltk():
import nltk
nltk.download("words") # Download the words corpus
from nltk.corpus import words
return words.words()
async def main():
await load_packages() # Ensure micropip is loaded and nltk is installed
WORDS = await load_nltk() # Load the words from NLTK
first_50_words = WORDS[:50] # Get the first 50 words
output_div = document.getElementById("output")
output_div.innerHTML = "<br>".join(first_50_words) # Display the words
asyncio.ensure_future(main())
</script>
<footer>
© JefeThePug 2024
<svg id="pawprint" style="height:70px;width:70px;transform:rotate(36deg);">
<use href="static/img/logo.svg#paw"></use>
</svg>
</footer>
</body>
</html>