diff --git a/app/app.py b/app/app.py index b014ce1..983d3be 100644 --- a/app/app.py +++ b/app/app.py @@ -14,6 +14,10 @@ app = Flask(__name__) def home(): return render_template('index.j2', server="everypizza.im dictd 1.13.3/rf on Linux 6.13.7-arch1-1") +@app.route('/about') +def about(): + return send_from_directory('static', 'about.xht') + @app.route('/define/') def define(word): client = rfc2229.RFC2229Client() diff --git a/app/static/about.xht b/app/static/about.xht new file mode 100644 index 0000000..028c685 --- /dev/null +++ b/app/static/about.xht @@ -0,0 +1,31 @@ + + + + + + WebDICT + + + + + +
+
+
+ WebDICT +
+
+ WebDICT is a web-based dictionary application that allows users to search for definitions of words. It is designed to + be user-friendly and accessible from any device with an internet connection. Unlike most online dictionaries, WebDICT + is completely open-source and has no ads, nor does it plan to ad such. +
+ + + +
+
+ + + \ No newline at end of file diff --git a/app/static/output.css b/app/static/output.css index 002bebe..8633b5d 100644 --- a/app/static/output.css +++ b/app/static/output.css @@ -12,7 +12,9 @@ --color-blue-600: oklch(54.6% 0.245 262.881); --color-blue-700: oklch(48.8% 0.243 264.376); --color-blue-800: oklch(42.4% 0.199 265.638); + --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); + --color-purple-500: oklch(62.7% 0.265 303.9); --color-pink-500: oklch(65.6% 0.241 354.308); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); @@ -25,7 +27,6 @@ --color-gray-800: oklch(27.8% 0.033 256.848); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); - --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --breakpoint-xl: 80rem; @@ -45,7 +46,6 @@ --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-medium: 500; - --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tight: -0.025em; --radius-md: 0.375rem; @@ -229,12 +229,6 @@ .start-0 { inset-inline-start: calc(var(--spacing) * 0); } - .col-start-1 { - grid-column-start: 1; - } - .row-start-1 { - grid-row-start: 1; - } .m-4 { margin: calc(var(--spacing) * 4); } @@ -250,15 +244,9 @@ .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); - } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } @@ -268,34 +256,21 @@ .flex { display: flex; } - .grid { - display: grid; - } - .inline-flex { - display: inline-flex; + .inline-block { + display: inline-block; } .table { display: table; } - .size-5 { - width: calc(var(--spacing) * 5); - height: calc(var(--spacing) * 5); - } .h-4 { height: calc(var(--spacing) * 4); } - .h-5 { - height: calc(var(--spacing) * 5); - } .min-h-screen { min-height: 100vh; } .w-4 { width: calc(var(--spacing) * 4); } - .w-5 { - width: calc(var(--spacing) * 5); - } .w-full { width: 100%; } @@ -305,33 +280,12 @@ .max-w-sm { max-width: var(--container-sm); } - .min-w-0 { - min-width: calc(var(--spacing) * 0); - } - .flex-shrink { - flex-shrink: 1; - } - .shrink-0 { - flex-shrink: 0; - } - .flex-grow { - flex-grow: 1; - } - .grow { - flex-grow: 1; - } .border-collapse { border-collapse: collapse; } .resize { resize: both; } - .appearance-none { - appearance: none; - } - .grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } .flex-wrap { flex-wrap: wrap; } @@ -353,18 +307,9 @@ .place-self-center { place-self: center; } - .self-center { - align-self: center; - } - .justify-self-end { - justify-self: flex-end; - } .rounded-lg { border-radius: var(--radius-lg); } - .rounded-md { - border-radius: var(--radius-md); - } .border { border-style: var(--tw-border-style); border-width: 1px; @@ -372,9 +317,6 @@ .border-blue-700 { border-color: var(--color-blue-700); } - .border-gray-200 { - border-color: var(--color-gray-200); - } .border-gray-300 { border-color: var(--color-gray-300); } @@ -387,25 +329,23 @@ .bg-white { background-color: var(--color-white); } - .bg-linear-to-r { - --tw-gradient-position: to right; - @supports (background-image: linear-gradient(in lab, red, red)) { - --tw-gradient-position: to right in oklab; - } + .bg-gradient-to-r { + --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } - .from-indigo-600 { - --tw-gradient-from: var(--color-indigo-600); + .from-indigo-500 { + --tw-gradient-from: var(--color-indigo-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } + .via-purple-500 { + --tw-gradient-via: var(--color-purple-500); + --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-via-stops); + } .to-pink-500 { --tw-gradient-to: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } - .box-decoration-clone { - -webkit-box-decoration-break: clone; - box-decoration-break: clone; - } .p-2 { padding: calc(var(--spacing) * 2); } @@ -415,18 +355,9 @@ .p-4 { padding: calc(var(--spacing) * 4); } - .px-2 { - padding-inline: calc(var(--spacing) * 2); - } .px-5 { padding-inline: calc(var(--spacing) * 5); } - .py-1 { - padding-block: calc(var(--spacing) * 1); - } - .py-1\.5 { - padding-block: calc(var(--spacing) * 1.5); - } .py-2 { padding-block: calc(var(--spacing) * 2); } @@ -439,53 +370,22 @@ .ps-10 { padding-inline-start: calc(var(--spacing) * 10); } - .pr-3 { - padding-right: calc(var(--spacing) * 3); - } - .pr-7 { - padding-right: calc(var(--spacing) * 7); - } - .pl-1 { - padding-left: calc(var(--spacing) * 1); - } - .pl-3 { - padding-left: calc(var(--spacing) * 3); - } - .text-center { - text-align: center; - } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } - .text-3xl { - font-size: var(--text-3xl); - line-height: var(--tw-leading, var(--text-3xl--line-height)); - } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } - .text-base { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)); - } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } - .font-extrabold { - --tw-font-weight: var(--font-weight-extrabold); - font-weight: var(--font-weight-extrabold); - } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } - .tracking-tight { - --tw-tracking: var(--tracking-tight); - letter-spacing: var(--tracking-tight); - } .text-gray-500 { color: var(--color-gray-500); } @@ -506,30 +406,6 @@ outline-style: var(--tw-outline-style); outline-width: 1px; } - .outline-1 { - outline-style: var(--tw-outline-style); - outline-width: 1px; - } - .-outline-offset-1 { - outline-offset: calc(1px * -1); - } - .outline-gray-300 { - outline-color: var(--color-gray-300); - } - .select-none { - -webkit-user-select: none; - user-select: none; - } - .placeholder\:text-gray-400 { - &::placeholder { - color: var(--color-gray-400); - } - } - .focus-within\:relative { - &:focus-within { - position: relative; - } - } .hover\:bg-blue-800 { &:hover { @media (hover: hover) { @@ -544,13 +420,6 @@ } } } - .hover\:text-blue-700 { - &:hover { - @media (hover: hover) { - color: var(--color-blue-700); - } - } - } .hover\:underline { &:hover { @media (hover: hover) { @@ -558,11 +427,6 @@ } } } - .focus\:z-10 { - &:focus { - z-index: 10; - } - } .focus\:border-blue-500 { &:focus { border-color: var(--color-blue-500); @@ -589,72 +453,22 @@ --tw-ring-color: var(--color-gray-100); } } - .focus\:outline-2 { - &:focus { - outline-style: var(--tw-outline-style); - outline-width: 2px; - } - } - .focus\:-outline-offset-2 { - &:focus { - outline-offset: calc(2px * -1); - } - } - .focus\:outline-indigo-600 { - &:focus { - outline-color: var(--color-indigo-600); - } - } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } - .has-\[input\:focus-within\]\:outline-2 { - &:has(*:is(input:focus-within)) { - outline-style: var(--tw-outline-style); - outline-width: 2px; - } - } - .has-\[input\:focus-within\]\:-outline-offset-2 { - &:has(*:is(input:focus-within)) { - outline-offset: calc(2px * -1); - } - } - .has-\[input\:focus-within\]\:outline-indigo-600 { - &:has(*:is(input:focus-within)) { - 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); - line-height: var(--tw-leading, var(--text-5xl--line-height)); - } - } - .sm\:text-sm\/6 { - @media (width >= 40rem) { - font-size: var(--text-sm); - line-height: calc(var(--spacing) * 6); - } - } .md\:me-6 { @media (width >= 48rem) { margin-inline-end: calc(var(--spacing) * 6); @@ -675,12 +489,6 @@ justify-content: space-between; } } - .lg\:text-6xl { - @media (width >= 64rem) { - font-size: var(--text-6xl); - line-height: var(--tw-leading, var(--text-6xl--line-height)); - } - } .dark\:border-gray-600 { @media (prefers-color-scheme: dark) { border-color: var(--color-gray-600); @@ -706,6 +514,11 @@ background-color: var(--color-gray-950); } } + .dark\:text-gray-200 { + @media (prefers-color-scheme: dark) { + color: var(--color-gray-200); + } + } .dark\:text-gray-400 { @media (prefers-color-scheme: dark) { color: var(--color-gray-400); @@ -750,15 +563,6 @@ } } } - .dark\:hover\:text-white { - @media (prefers-color-scheme: dark) { - &:hover { - @media (hover: hover) { - color: var(--color-white); - } - } - } - } .dark\:focus\:border-blue-500 { @media (prefers-color-scheme: dark) { &:focus { @@ -839,10 +643,6 @@ syntax: "*"; inherits: false; } -@property --tw-tracking { - syntax: "*"; - inherits: false; -} @property --tw-shadow { syntax: "*"; inherits: false; @@ -927,7 +727,6 @@ --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-font-weight: initial; - --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; diff --git a/app/templates/define.j2 b/app/templates/define.j2 index 7b37ebb..defb779 100644 --- a/app/templates/define.j2 +++ b/app/templates/define.j2 @@ -9,22 +9,24 @@ -
- - WebDICT +
+
+ + WebDICT +
+ + + Word: {{ word }}
+ Definition: {{ definition }} +
- - - Word: {{ word }} - Definition: {{ definition }} - -
- - - -
+ + + +
+ \ No newline at end of file diff --git a/app/templates/index.j2 b/app/templates/index.j2 index 330db16..3a9142b 100644 --- a/app/templates/index.j2 +++ b/app/templates/index.j2 @@ -9,65 +9,65 @@ -
- - WebDICT -
- - - -
- -
-
- -
- -
- -
-
- - - - - -
-
- Made with love by everypizza.im. This is a free program, - with no warranty. It's licensed under the Unlicese. - +
+
+ + WebDICT
-
    -
  • - Code -
    • -
  • - Server: {{ server }} -
    • -
-
-
- -
+ +
+ +
+
+ +
+ +
+ + +
+ +
+ + + + + + \ No newline at end of file