From 07f1320f6d9dd552f37ef1ac1a0c976f00e923c1 Mon Sep 17 00:00:00 2001 From: paul Date: Thu, 3 Apr 2025 21:09:21 +0530 Subject: [PATCH] added details --- CONTRIBUTING => CONTRIBUTING.md | 0 landingpages/landingpage/index.html | 25 ++-- landingpages/tailwind/tailwind-runtime.css | 148 +++++++-------------- 3 files changed, 64 insertions(+), 109 deletions(-) rename CONTRIBUTING => CONTRIBUTING.md (100%) diff --git a/CONTRIBUTING b/CONTRIBUTING.md similarity index 100% rename from CONTRIBUTING rename to CONTRIBUTING.md diff --git a/landingpages/landingpage/index.html b/landingpages/landingpage/index.html index 5ae006b..dfdc0bc 100644 --- a/landingpages/landingpage/index.html +++ b/landingpages/landingpage/index.html @@ -215,8 +215,8 @@

Drag and Drop editor

-

- Easily preview fonts on any webpage. If your design and final output look different, Font Tester ensures an accurate, real-time preview. Instantly apply fonts, tweak styles, and see the results live. +

+ Easily drag and drop desired widgets from sidebar and create beautiful Python GUI's

@@ -231,8 +231,9 @@

Support for multiple UI libraries

-

- Easily preview fonts on any webpage. If your design and final output look different, Font Tester ensures an accurate, real-time preview. Instantly apply fonts, tweak styles, and see the results live. +

+ We currently support multiple UI libraries such as Tkinter, CustomTk and soon will offer support for PySide and + kivy.

@@ -247,8 +248,8 @@

Supports many UI Widgets

-

- Easily preview fonts on any webpage. If your design and final output look different, Font Tester ensures an accurate, real-time preview. Instantly apply fonts, tweak styles, and see the results live. +

+ Our editor includes pre-defined widgets like Buttons and Labels, compatible with Pack/Flex, Grid, and absolute layouts.

@@ -265,7 +266,8 @@

Generate clean Python code

- Easily preview fonts on any webpage. If your design and final output look different, Font Tester ensures an accurate, real-time preview. Instantly apply fonts, tweak styles, and see the results live. + Our editor doesn't just let you drag and drop, but also lets you generate clean pyhon code in + library of your choice

@@ -281,7 +283,7 @@

3rd Party Plugin support

- Easily preview fonts on any webpage. If your design and final output look different, Font Tester ensures an accurate, real-time preview. Instantly apply fonts, tweak styles, and see the results live. + We support your favorite 3rd party widgets such as video player, Map viewer and more.

@@ -297,7 +299,8 @@

Supports asset upload

- Easily preview fonts on any webpage. If your design and final output look different, Font Tester ensures an accurate, real-time preview. Instantly apply fonts, tweak styles, and see the results live. + Adding images and logos is important while developing GUIs so we support asset uploads. + The best part is nothing is sent to server.

@@ -426,7 +429,7 @@ Downloadable UI builder exe for local development
  • - + Premium widgets (eg: scroll widget, tab widget, Canvas etc)
  • @@ -508,7 +511,7 @@ Downloadable UI builder exe for local development
  • - + Premium widgets (eg: scroll widget, tab widget, Canvas etc)
  • diff --git a/landingpages/tailwind/tailwind-runtime.css b/landingpages/tailwind/tailwind-runtime.css index e1e0e7c..407e818 100644 --- a/landingpages/tailwind/tailwind-runtime.css +++ b/landingpages/tailwind/tailwind-runtime.css @@ -657,6 +657,10 @@ video { margin-top: 1.25rem; } +.tw-mt-6 { + margin-top: 1.5rem; +} + .tw-mt-8 { margin-top: 2rem; } @@ -665,14 +669,6 @@ video { margin-top: auto; } -.tw-mt-6 { - margin-top: 1.5rem; -} - -.tw-mt-2 { - margin-top: 0.5rem; -} - .tw-flex { display: flex; } @@ -705,10 +701,18 @@ video { height: 150px; } +.tw-h-\[200px\] { + height: 200px; +} + .tw-h-\[40px\] { height: 40px; } +.tw-h-\[500px\] { + height: 500px; +} + .tw-h-\[50px\] { height: 50px; } @@ -729,14 +733,6 @@ video { height: 100%; } -.tw-h-\[200px\] { - height: 200px; -} - -.tw-h-\[500px\] { - height: 500px; -} - .tw-max-h-\[120px\] { max-height: 120px; } @@ -757,6 +753,10 @@ video { min-height: 100vh; } +.tw-min-h-\[200px\] { + min-height: 200px; +} + .tw-min-h-\[300px\] { min-height: 300px; } @@ -781,10 +781,6 @@ video { min-height: 100%; } -.tw-min-h-\[200px\] { - min-height: 200px; -} - .tw-w-8 { width: 2rem; } @@ -797,6 +793,10 @@ video { width: 250px; } +.tw-w-\[350px\] { + width: 350px; +} + .tw-w-\[380px\] { width: 380px; } @@ -817,10 +817,6 @@ video { width: max-content; } -.tw-w-\[350px\] { - width: 350px; -} - .tw-min-w-full { min-width: 100%; } @@ -829,6 +825,10 @@ video { max-width: 100vw; } +.tw-max-w-\[1150px\] { + max-width: 1150px; +} + .tw-max-w-\[120px\] { max-width: 120px; } @@ -837,6 +837,10 @@ video { max-width: 450px; } +.tw-max-w-\[650px\] { + max-width: 650px; +} + .tw-max-w-\[80vw\] { max-width: 80vw; } @@ -845,22 +849,6 @@ video { max-width: 850px; } -.tw-max-w-\[650px\] { - max-width: 650px; -} - -.tw-max-w-\[750px\] { - max-width: 750px; -} - -.tw-max-w-\[1150px\] { - max-width: 1150px; -} - -.tw-max-w-\[400px\] { - max-width: 400px; -} - .tw--translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -998,6 +986,10 @@ video { text-wrap: wrap; } +.tw-rounded-3xl { + border-radius: 1.5rem; +} + .tw-rounded-full { border-radius: 9999px; } @@ -1014,10 +1006,6 @@ video { border-radius: 0.75rem; } -.tw-rounded-3xl { - border-radius: 1.5rem; -} - .\!tw-border-\[1px\] { border-width: 1px !important; } @@ -1091,6 +1079,11 @@ video { background-color: rgb(15 23 39 / var(--tw-bg-opacity, 1)); } +.tw-bg-\[\#eeeeee\] { + --tw-bg-opacity: 1; + background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1)); +} + .tw-bg-\[\#f0f0f0ef\] { background-color: #f0f0f0ef; } @@ -1124,16 +1117,6 @@ video { background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } -.tw-bg-\[\#171717\] { - --tw-bg-opacity: 1; - background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)); -} - -.tw-bg-\[\#eeeeee\] { - --tw-bg-opacity: 1; - background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1)); -} - .tw-bg-opacity-0 { --tw-bg-opacity: 0; } @@ -1146,6 +1129,10 @@ video { padding: 0.25rem; } +.tw-p-10 { + padding: 2.5rem; +} + .tw-p-2 { padding: 0.5rem; } @@ -1154,6 +1141,10 @@ video { padding: 0.75rem; } +.tw-p-4 { + padding: 1rem; +} + .tw-p-6 { padding: 1.5rem; } @@ -1174,14 +1165,6 @@ video { padding: 5%; } -.tw-p-10 { - padding: 2.5rem; -} - -.tw-p-4 { - padding: 1rem; -} - .tw-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; @@ -1260,16 +1243,16 @@ video { line-height: 1.75rem; } -.tw-text-xl { - font-size: 1.25rem; - line-height: 1.75rem; -} - .tw-text-sm { font-size: 0.875rem; line-height: 1.25rem; } +.tw-text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + .\!tw-font-semibold { font-weight: 600 !important; } @@ -1295,18 +1278,6 @@ video { line-height: 90px; } -.tw-leading-8 { - line-height: 2rem; -} - -.tw-leading-relaxed { - line-height: 1.625; -} - -.tw-leading-\[5px\] { - line-height: 5px; -} - .tw-leading-normal { line-height: 1.5; } @@ -1376,11 +1347,6 @@ video { color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } -.tw-text-gray-200 { - --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity, 1)); -} - .tw-underline { text-decoration-line: underline; } @@ -1627,14 +1593,6 @@ video { margin-top: 50px; } - .max-md\:tw-h-\[180px\] { - height: 180px; - } - - .max-md\:tw-min-h-\[350px\] { - min-height: 350px; - } - .max-md\:tw-w-full { width: 100%; } @@ -1681,12 +1639,6 @@ video { } } -@media (min-width: 768px) { - .md\:tw-h-\[350px\] { - height: 350px; - } -} - @media (min-width: 1024px) { .lg\:tw-mx-auto { margin-left: auto;