n/webdict
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

do some shit

Browse source
This commit is contained in:
Nyx 2025-04-06 02:20:27 -05:00
parent 999360a642
commit 0a272dce5b
3 changed files with 119 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/app.py
View file

@ -4,7 +4,7 @@ app = Flask(__name__)
@app.route('/')
def home():
return render_template('index.j2')
return render_template('index.j2', server="everypizza.im dictd 1.13.3/rf on Linux 6.13.7-arch1-1")
@app.route('/style.css')
def style():

72
app/static/output.css
View file

@ -28,6 +28,7 @@
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--breakpoint-xl: 80rem;
--container-sm: 24rem;
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
@ -232,6 +233,9 @@
.row-start-1 {
grid-row-start: 1;
}
.m-4 {
margin: calc(var(--spacing) * 4);
}
.mx-auto {
margin-inline: auto;
}
@ -241,9 +245,15 @@
.me-2 {
margin-inline-end: calc(var(--spacing) * 2);
}
.me-4 {
margin-inline-end: calc(var(--spacing) * 4);
}
.mt-2 {
margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
margin-top: calc(var(--spacing) * 3);
}
.mr-2 {
margin-right: calc(var(--spacing) * 2);
}
@ -287,6 +297,9 @@
.w-full {
width: 100%;
}
.max-w-screen-xl {
max-width: var(--breakpoint-xl);
}
.max-w-sm {
max-width: var(--container-sm);
}
@ -317,6 +330,9 @@
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-wrap {
flex-wrap: wrap;
}
.place-content-center {
place-content: center;
}
@ -394,6 +410,9 @@
.p-2\.5 {
padding: calc(var(--spacing) * 2.5);
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.px-2 {
padding-inline: calc(var(--spacing) * 2);
}
@ -473,6 +492,10 @@
.underline {
text-decoration-line: underline;
}
.shadow-sm {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
@ -522,6 +545,13 @@
}
}
}
.hover\:underline {
&:hover {
@media (hover: hover) {
text-decoration-line: underline;
}
}
}
.focus\:z-10 {
&:focus {
z-index: 10;
@ -591,12 +621,22 @@
outline-color: var(--color-indigo-600);
}
}
.sm\:mt-0 {
@media (width >= 40rem) {
margin-top: calc(var(--spacing) * 0);
}
}
.sm\:size-4 {
@media (width >= 40rem) {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
}
.sm\:text-center {
@media (width >= 40rem) {
text-align: center;
}
}
.sm\:text-5xl {
@media (width >= 40rem) {
font-size: var(--text-5xl);
@ -609,6 +649,26 @@
line-height: calc(var(--spacing) * 6);
}
}
.md\:me-6 {
@media (width >= 48rem) {
margin-inline-end: calc(var(--spacing) * 6);
}
}
.md\:flex {
@media (width >= 48rem) {
display: flex;
}
}
.md\:items-center {
@media (width >= 48rem) {
align-items: center;
}
}
.md\:justify-between {
@media (width >= 48rem) {
justify-content: space-between;
}
}
.lg\:text-6xl {
@media (width >= 64rem) {
font-size: var(--text-6xl);
@ -777,11 +837,6 @@
syntax: "*";
inherits: false;
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-shadow {
syntax: "*";
inherits: false;
@ -847,6 +902,11 @@
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
*, ::before, ::after, ::backdrop {
@ -862,7 +922,6 @@
--tw-gradient-to-position: 100%;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-outline-style: solid;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
@ -877,6 +936,7 @@
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-outline-style: solid;
}
}
}

84
app/templates/index.j2
View file

@ -9,43 +9,63 @@
</head>
<body>
<div class="bg-white dark:bg-gray-950 place-content-center content-center justify-center place-items-center min-h-screen">
<span
class="text-4xl dark:text-white">
WebDICT
<br />
</span>
<div
class="bg-white dark:bg-gray-950 place-content-center content-center justify-center place-items-center min-h-screen">
<span class="text-4xl dark:text-white">
WebDICT
<br />
</span>
<form class="flex items-center max-w-sm mx-auto">
<label for="simple-search" class="sr-only">Search</label>
<div class="relative w-full">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<svg class="w-4 h-4 text-gray-500 dark:text-gray-400" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 20">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />
</svg>
</div>
<input type="text" id="simple-search"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full ps-10 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Search a word..." required />
</div>
<button type="submit"
class="p-2.5 ms-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 20 20">
<form class="flex items-center max-w-sm mx-auto">
<label for="simple-search" class="sr-only">Search</label>
<div class="relative w-full">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<svg class="w-4 h-4 text-gray-500 dark:text-gray-400" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 20">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />
</svg>
<span class="sr-only">Search</span>
</button>
</form>
<br />
<a href="/about">
<button type="button"
class="text-gray-900 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700">About</button>
</a>
</div>
<input type="text" id="simple-search"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full ps-10 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Search a word..." required />
</div>
<button type="submit"
class="p-2.5 ms-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 20 20">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />
</svg>
<span class="sr-only">Search</span>
</button>
</form>
<br />
<a href="/about">
<button type="button"
class="text-gray-900 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700">About</button>
</a>
<footer class="bg-white rounded-lg shadow-sm m-4 dark:bg-gray-800">
<div class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-between">
<span class="text-sm text-gray-500 sm:text-center dark:text-gray-400">Made with love by <a
href="https://everypizza.im/" class="hover:underline">everypizza.im</a>. This is a free program,
with no warranty. It's licensed under the Unlicese. <br />
</span>
<ul
class="flex flex-wrap items-center mt-3 text-sm font-medium text-gray-500 dark:text-gray-400 sm:mt-0">
<li>
<a href="https://git.everypizza.im/n/webdict" class="hover:underline me-4 md:me-6">Code</a>
</li>
<li>
Server: {{ server }}
</li>
</ul>
</div>
</footer>
</div>
</body>