Add files via upload

wowrakibul · Oct 13, 2023 · 49e4b1d · 49e4b1d
1 parent e5e5711
commit 49e4b1d
Show file tree

Hide file tree

Showing 24 changed files with 219 additions and 1 deletion.
diff --git a/assets/audios/icons.txt b/assets/audios/icons.txt
diff --git a/assets/css/global.css b/assets/css/global.css
@@ -0,0 +1,78 @@
+@import url(/assets/css/root.css);
+
+*,
+html {
+    font-family: 'inter' sans-serif;
+    letter-spacing: 0.5px;
+}
+
+body {
+    background-color: var(--body-bg);
+}
+
+
+.logo {
+    width: 48px;
+    height: auto;
+}
+
+a {
+    color: var(--primary);
+    text-decoration: none;
+}
+
+a:hover {
+    color: var(--accent);
+}
+
+/* icon sizing */
+.icon-16px {
+    width: 16px;
+}
+
+.icon-20px {
+    width: 20px;
+}
+
+.icon {
+    width: 24px;
+}
+
+.icon-32px {
+    width: 32px;
+}
+
+.icon-36px {
+    width: 36px;
+}
+
+.icon-40px {
+    width: 40px;
+}
+
+.icon-48px {
+    width: 48px;
+}
+
+
+.search_container {
+    display: flex;
+    flex-direction: row;
+    padding: 4px 16px;
+    height: 40px;
+    width: auto;
+    gap: 12px;
+    border: 2px solid var(--light-stroke-3);
+    border-radius: 12px;
+}
+
+#search-input {
+    height: auto;
+    width: 100%;
+    outline: none;
+    border: none;
+    border-radius: 12px;
+    height: auto;
+    color: var(--dark-text-6);
+    font-size: 16px;
+}
diff --git a/assets/css/media-screen.css b/assets/css/media-screen.css
diff --git a/assets/css/root.css b/assets/css/root.css
@@ -0,0 +1,90 @@
+/* main colors */
+:root {
+    --primary: rgb(0, 115, 230);
+    --secondary: rgb(255, 111, 97);
+    --accent: rgb(76, 175, 80);
+    --white: rgb(255, 255, 255);
+    --background: rgb(251, 252, 254);
+    --dark: var(--black);
+}
+
+/* main shade from black */
+:root {
+    --black-shade-14: #fcfcfd;
+    --black-shade-13: #f6f6f8;
+    --black-shade-12: #e8e8ee;
+    --black-shade-11: #caccd8;
+    --black-shade-10: #adafc2;
+    --black-shade-9: #9092ad;
+    --black-shade-8: #727697;
+    --black-shade-7: #5b5e7b;
+    --black-shade-6: #45485e;
+    --black-shade-5: #363849;
+    --black-shade-4: #2b2d3b;
+    --black-shade-3: #21222c;
+    --black-shade-2: #16161d;
+    --black-shade: #0d0d12;
+}
+
+
+
+/* color tokens */
+:root {
+    --body-margin: 160px;
+    --body-bg: var(--background);
+    --content-bg: var(--white);
+
+
+    /* text */
+    --dark-text: var(--black-shade);
+    --dark-text-2: var(--black-shade-2);
+    --dark-text-3: var(--black-shade-3);
+    --dark-text-4: var(--black-shade-4);
+    --dark-text-5: var(--black-shade-5);
+    --dark-text-6: var(--black-shade-6);
+    --dark-text-7: var(--black-shade-7);
+    --dark-text-8: var(--black-shade-8);
+    --dark-text-9: var(--black-shade-9);
+
+    --light-text: var(--black-shade-14);
+    --light-text-2: var(--black-shade-13);
+    --light-text-3: var(--black-shade-12);
+    --light-text-4: var(--black-shade-11);
+    --light-text-5: var(--black-shade-10);
+
+
+    /* stroke */
+    --dark-stroke: var(--black-shade);
+    --dark-stroke-2: var(--black-shade-2);
+    --dark-stroke-3: var(--black-shade-3);
+    --dark-stroke-4: var(--black-shade-4);
+    --dark-stroke-5: var(--black-shade-5);
+    --dark-stroke-6: var(--black-shade-6);
+    --dark-stroke-7: var(--black-shade-7);
+    --dark-stroke-8: var(--black-shade-8);
+    --dark-stroke-9: var(--black-shade-9);
+
+    --light-stroke: var(--black-shade-14);
+    --light-stroke-2: var(--black-shade-13);
+    --light-stroke-3: var(--black-shade-12);
+    --light-stroke-4: var(--black-shade-11);
+    --light-stroke-5: var(--black-shade-10);
+}
+
+
+
+/* effect - shadows */
+:root {
+    --drop-shadow-sm: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);
+    --drop-shadow-sm-2: 0px 15px 25px 0px rgba(0, 0, 0, 0.05);
+}
+
+/* typescale */
+:root {
+    --font-family: 'inter', sans-serif;
+    --letter-spacing: -0.5px;
+
+    /* caption */
+    --caption-semibold: 12px/20px var(--font-family) var(--letter-spacing) uppercase;
+
+}
diff --git a/assets/favicons/android-chrome-192x192.png b/assets/favicons/android-chrome-192x192.png
diff --git a/assets/favicons/apple-touch-icon-180x180.png b/assets/favicons/apple-touch-icon-180x180.png
diff --git a/assets/favicons/favicon-16x16.png b/assets/favicons/favicon-16x16.png
diff --git a/assets/favicons/favicon-32x32.png b/assets/favicons/favicon-32x32.png
diff --git a/assets/favicons/favicon-48x48.png b/assets/favicons/favicon-48x48.png
diff --git a/assets/favicons/ms-icon-144x144.png b/assets/favicons/ms-icon-144x144.png
diff --git a/assets/favicons/safari-pinned-tab.svg b/assets/favicons/safari-pinned-tab.svg
diff --git a/assets/icons/arrow-down-fill.svg b/assets/icons/arrow-down-fill.svg
diff --git a/assets/icons/github.svg b/assets/icons/github.svg
diff --git a/assets/icons/menu.svg b/assets/icons/menu.svg
diff --git a/assets/icons/search.svg b/assets/icons/search.svg
diff --git a/assets/images/icons.txt b/assets/images/icons.txt
diff --git a/assets/js/main.js b/assets/js/main.js
diff --git a/assets/logo-txt.svg b/assets/logo-txt.svg
diff --git a/assets/logo.svg b/assets/logo.svg
diff --git a/assets/videos/icons.txt b/assets/videos/icons.txt
diff --git a/scripts/script.js b/scripts/script.js
@@ -0,0 +1 @@
+
diff --git a/styles/about.css b/styles/about.css
diff --git a/styles/index.css b/styles/index.css
@@ -1 +0,0 @@
-

diff --git a/uixgen.code-workspace b/uixgen.code-workspace
@@ -0,0 +1,8 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {}
+}