Merge pull request #3 from Vasak-OS/tailwind_migration

Tailwind migration
Vasak-OS · May 3, 2024 · 170771f · 170771f
2 parents f73d154 + 90952b8
commit 170771f
Show file tree

Hide file tree

Showing 40 changed files with 2,236 additions and 654 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/cliff.toml b/cliff.toml
@@ -0,0 +1,89 @@
+# git-cliff ~ default configuration file
+# https://git-cliff.org/docs/configuration
+#
+# Lines starting with "#" are comments.
+# Configuration options are organized into tables and keys.
+# See documentation for more information on available options.
+
+[changelog]
+# changelog header
+header = """
+# Changelog\n
+All notable changes to this project will be documented in this file.\n
+"""
+# template for the changelog body
+# https://keats.github.io/tera/docs/#introduction
+body = """
+{% if version %}\
+    ## [{{ version | trim_start_matches(pat="v") }}] - {{ timestamp | date(format="%Y-%m-%d") }}
+{% else %}\
+    ## [unreleased]
+{% endif %}\
+{% for group, commits in commits | group_by(attribute="group") %}
+    ### {{ group | striptags | trim | upper_first }}
+    {% for commit in commits %}
+        - {% if commit.scope %}*({{ commit.scope }})* {% endif %}\
+            {% if commit.breaking %}[**breaking**] {% endif %}\
+            {{ commit.message | upper_first }}\
+    {% endfor %}
+{% endfor %}\n
+"""
+# template for the changelog footer
+footer = """
+<!-- generated by git-cliff -->
+"""
+# remove the leading and trailing s
+trim = true
+# postprocessors
+postprocessors = [
+  # { pattern = '<REPO>', replace = "https://github.com/orhun/git-cliff" }, # replace repository URL
+]
+
+[git]
+# parse the commits based on https://www.conventionalcommits.org
+conventional_commits = true
+# filter out the commits that are not conventional
+filter_unconventional = true
+# process each line of a commit as an individual commit
+split_commits = false
+# regex for preprocessing the commit messages
+commit_preprocessors = [
+  # Replace issue numbers
+  #{ pattern = '\((\w+\s)?#([0-9]+)\)', replace = "([#${2}](<REPO>/issues/${2}))"},
+  # Check spelling of the commit with https://github.com/crate-ci/typos
+  # If the spelling is incorrect, it will be automatically fixed.
+  #{ pattern = '.*', replace_command = 'typos --write-changes -' },
+]
+# regex for parsing and grouping commits
+commit_parsers = [
+  { message = "^feat", group = "<!-- 0 -->🚀 Features" },
+  { message = "^fix", group = "<!-- 1 -->🐛 Bug Fixes" },
+  { message = "^doc", group = "<!-- 3 -->📚 Documentation" },
+  { message = "^perf", group = "<!-- 4 -->⚡ Performance" },
+  { message = "^refactor", group = "<!-- 2 -->🚜 Refactor" },
+  { message = "^style", group = "<!-- 5 -->🎨 Styling" },
+  { message = "^test", group = "<!-- 6 -->🧪 Testing" },
+  { message = "^chore\\(release\\): prepare for", skip = true },
+  { message = "^chore\\(deps.*\\)", skip = true },
+  { message = "^chore\\(pr\\)", skip = true },
+  { message = "^chore\\(pull\\)", skip = true },
+  { message = "^chore|ci", group = "<!-- 7 -->⚙️ Miscellaneous Tasks" },
+  { body = ".*security", group = "<!-- 8 -->🛡️ Security" },
+  { message = "^revert", group = "<!-- 9 -->◀️ Revert" },
+]
+# protect breaking changes from being skipped due to matching a skipping commit_parser
+protect_breaking_commits = false
+# filter out the commits that are not matched by commit parsers
+filter_commits = false
+# regex for matching git tags
+# tag_pattern = "v[0-9].*"
+# regex for skipping tags
+# skip_tags = ""
+# regex for ignoring tags
+# ignore_tags = ""
+# sort the tags topologically
+topo_order = false
+# sort the commits inside sections by oldest/newest order
+sort_commits = "oldest"
+# limit the number of commits included in the changelog.
+# limit_commits = 42
diff --git a/css/.gitignore b/css/.gitignore
@@ -0,0 +1,2 @@
+style.min.css
+style.css
diff --git a/css/applications/componere.css b/css/applications/componere.css
@@ -0,0 +1,118 @@
+@layer components {
+  .slide {
+    @apply bg-cover;
+    @apply bg-center;
+    @apply h-auto;
+    @apply text-white;
+    @apply py-24;
+    @apply px-10;
+    @apply object-fill;
+    @apply rounded-vsk;
+    @apply aspect-video;
+    width: 100%;
+  }
+
+  .componere-cta-section {
+    @apply absolute;
+    @apply bottom-3;
+    @apply content-center;
+    width: calc(100% - 164px);
+    @apply text-center;
+  }
+
+  .componere-cta-section button {
+    @apply bg-vsk;
+    @apply text-white;
+    @apply py-3;
+    @apply px-5;
+    @apply rounded-full;
+    @apply mx-3;
+  }
+
+  .componere-user-cta-button {
+    @apply bg-vsk;
+    @apply flex;
+    @apply w-full;
+    @apply justify-center;
+    @apply rounded-vsk;
+    @apply bg-vsk;
+    @apply px-3;
+    @apply py-1.5;
+    @apply font-semibold;
+    @apply leading-6;
+    @apply text-white;
+    @apply shadow-sm;
+    @apply focus-visible:outline;
+    @apply focus-visible:outline-2;
+    @apply focus-visible:outline-offset-2;
+  }
+
+  .componere-user-input {
+    @apply block;
+    @apply w-full;
+    @apply rounded-vsk;
+    @apply border-0;
+    @apply py-1.5;
+    @apply shadow-sm;
+    @apply ring-1;
+    @apply ring-inset;
+    @apply focus:ring-2;
+    @apply focus:ring-inset;
+    @apply focus:ring-vsk;
+    @apply sm:text-sm;
+    @apply sm:leading-6;
+  }
+
+  .componere-disk-space {
+    @apply relative;
+    @apply w-full;
+    @apply bg-gray-200;
+    @apply rounded-vsk;
+    @apply h-12;
+    @apply my-2;
+  }
+
+  .componere-disk-partition {
+    @apply float-left;
+    @apply top-0;
+    @apply h-full;
+  }
+
+  .componere-disk-partition p {
+    @apply flex;
+    @apply flex-wrap;
+    @apply flex-col;
+    @apply justify-items-center;
+    @apply items-center;
+    @apply justify-center;
+    @apply h-full;
+  }
+
+  .componere-disk-partition:first-child {
+    @apply rounded-tl-vsk;
+    @apply rounded-bl-vsk;
+  }
+
+  .componere-disk-partition:last-child {
+    @apply rounded-tr-vsk;
+    @apply rounded-br-vsk;
+  }
+
+  .card-head-disk {
+    @apply flex;
+    @apply flex-wrap;
+    @apply justify-items-center;
+    @apply items-center;
+    @apply flex-row;
+  }
+
+  .card-head-disk img {
+    @apply h-20;
+    @apply w-20;
+  }
+
+  .card-head-disk-info {
+    @apply pl-3;
+    width: calc(100% - 80px);
+  }
+}
diff --git a/css/applications/hydriam.css b/css/applications/hydriam.css
@@ -0,0 +1,181 @@
+@layer components{
+  .hydriam {
+    @apply background;
+    @apply rounded-vsk;
+    @apply p-3;
+    @apply h-screen;
+    @apply w-screen;
+    @apply grid;
+    @apply grid-cols-6;
+  }
+
+  .hydriam-user {
+    @apply col-span-1;
+    @apply h-9;
+    @apply flex;
+    @apply justify-evenly;
+    @apply content-center;
+  }
+
+  .hydriam-user img {
+    @apply w-8;
+    @apply h-8;
+    @apply rounded-full;
+  }
+
+  .hydriam-search {
+    @apply col-span-4;
+    @apply h-9;
+  }
+
+  .hydriam-search input {
+    @apply w-full;
+    @apply p-2;
+    @apply rounded-vsk;
+    @apply background;
+  }
+
+  .hydriam-session {
+    @apply col-span-1;
+    @apply flex;
+    @apply justify-evenly;
+    @apply content-center;
+    @apply h-9;
+  }
+
+  .hydriam-applications,
+  .hydriam-widgets,
+  .hydriam-categories,
+  .hydriam-search-results {
+    @apply col-span-2;
+    height: calc(100vh - 5rem);
+    @apply overflow-y-auto;
+    @apply p-3;
+    @apply mx-2;
+    @apply my-auto;
+  }
+
+  .hydriam-search-results {
+    @apply col-span-6;
+  }
+
+  .hydriam-applications::-webkit-scrollbar,
+  .hydriam-widgets::-webkit-scrollbar,
+  .hydriam-categories::-webkit-scrollbar,
+  .hydriam-search-results::-webkit-scrollbar {
+    width: 0.5rem;
+  }
+
+  .hydriam-applications::-webkit-scrollbar-thumb,
+  .hydriam-widgets::-webkit-scrollbar-thumb,
+  .hydriam-categories::-webkit-scrollbar-thumb,
+  .hydriam-search-results::-webkit-scrollbar-thumb {
+    @apply bg-vsk;
+    border-radius: 0.25rem;
+  }
+
+  .hydriam-applications,
+  .hydriam-categories,
+  .hydriam-search-results {
+    @apply background;
+    @apply rounded-vsk;
+  }
+
+  .hydriam-categories,
+  .hydriam-search-results {
+    @apply flex;
+    @apply flex-wrap;
+    @apply gap-2;
+    @apply justify-center;
+    @apply content-start;
+  }
+
+  .hydriam-categories img {
+    @apply p-1;
+    @apply rounded-vsk;
+    @apply grayscale;
+    @apply transition;
+    @apply duration-300;
+    @apply transform;
+    @apply hover:scale-110;
+    @apply hover:grayscale-0;
+    @apply max-h-12;
+    @apply w-auto;
+  }
+
+  .hydriam-categories .active img {
+    @apply grayscale-0;
+  }
+
+  .hydriam-application {
+    @apply grid;
+    @apply grid-cols-6;
+    @apply p-2;
+    @apply hover:bg-vsk;
+    @apply rounded-vsk; 
+    @apply transition;
+    @apply duration-300;
+    @apply transform;
+    @apply show-on-scroll;
+  }
+
+  .hydriam-application img {
+    @apply col-span-1;
+    @apply h-8;
+    @apply w-auto;
+  }
+
+  .hydriam-application div {
+    @apply col-span-5;
+    @apply text-left;
+    @apply my-auto;
+  }
+
+  .hydriam-widgets{
+    @apply p-0;
+  }
+
+  .hydriam-widget-weather {
+    @apply background;
+    @apply rounded-vsk;
+    @apply p-2;
+    @apply flex;
+    @apply justify-center;
+    @apply content-center;
+    @apply flex-col;
+  }
+
+  .hydriam-widget-weather-today {
+    @apply flex;
+    @apply flex-nowrap;
+    @apply justify-center;
+    @apply gap-2;
+  }
+
+
+  .hydriam-widget-weather-today h3 {
+    @apply text-center;
+    @apply text-2xl;
+    @apply font-bold;
+    @apply m-auto
+  }
+
+  .hydriam-widget-weather-today img {
+    @apply h-24;
+    @apply m-auto;
+  }
+
+  .hydriam-widget-weather-forecast {
+    @apply flex;
+    @apply flex-row;
+    @apply flex-wrap;
+    @apply justify-center;
+    @apply gap-2;
+  }
+
+  .hydriam-widget-weather-forecast img {
+    @apply min-w-7;
+    @apply max-w-14;
+  }
+
+}