rm www.scss and replaced main.scss and bootstrap_v5.scss

added static/assets folder in gitignore

.gitignore

@@ -12,5 +12,4 @@ __pycache__
 .py[co]
 
 # Compiled assets
-/uitwww/static/website.css
-/uitwww/static/website.js
+/uitwww/static/

assets/scss/www.scss → assets/scss/libs/main.scss

+/*
+ * Source code of the Ubuntu-it website
+ * Copyright (C) 2018 Pietro Albini <pietroalbini@ubuntu.com>
+ * Copyright (C) 2021 Alessandro Viprati <vipri.alessandro@gmail.com>
+ * Copyright (C) 2023 shadMod
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
 div.page div.row.background-wallpaper {
     .box {
         background: rgba(255, 255, 255, 0.5);
     }
 
-    background: url("images/wallpapers/dotted.png") no-repeat 130% 10%;
+    background: url("../../images/wallpapers/dotted.png") no-repeat 130% 10%;
 
     @media all and (max-width: 60rem) {
         background: transparent;
     }
 
-    &.ubuntu, &.desktop, &.kubuntu, &.lubuntu, &.xubuntu, &.ubuntu-mate,
-    &.ubuntu-budgie, &.ubuntukylin, &.ubuntustudio, &.ubuntu-touch,
-    &.nuovo-rilascio, &.banner-latest {
+    &.ubuntu, &.desktop, &.edubuntu, &.kubuntu, &.lubuntu, &.xubuntu, &.ubuntu-mate,
+    &.ubuntu-budgie, &.ubuntu-cinnamon, &.ubuntu-kylin, &.ubuntu-studio, &.ubuntu-unity,
+    &.ubuntu-touch, &.latest-version, &.banner-latest {
         color: #fff;
 
         border-top: 0;
@@ -35,58 +55,77 @@ div.page div.row.background-wallpaper {
     }
 
     &.ubuntu, &.desktop {
-        background: url("images/wallpapers/ubuntu.jpg") 100% 0%;
+        background: url("../../images/wallpapers/ubuntu.jpg") 200% 0%;
+    }
+
+    &.edubuntu {
+        background:
+            linear-gradient(rgba(100, 100, 100, 0.3), rgba(100, 100, 100, 0.3)),
+            url("../../images/wallpapers/edubuntu.jpg") 200% 50%;
     }
 
     &.kubuntu {
-        background: url("images/wallpapers/kubuntu.jpg") 100% 50%;
+        background: url("../../images/wallpapers/kubuntu.jpg") 200% 50%;
     }
 
     &.xubuntu {
         background:
             linear-gradient(rgba(100, 100, 100, 0.3), rgba(100, 100, 100, 0.3)),
-            url("images/wallpapers/xubuntu.jpg") 100% 50%;
+            url("../../images/wallpapers/xubuntu.jpg") 200% 50%;
     }
 
     &.lubuntu {
-        background: url("images/wallpapers/lubuntu.jpg") 100% 50%;
+        background: url("../../images/wallpapers/lubuntu.jpg") 200% 50%;
     }
 
     &.ubuntu-mate {
         background:
             linear-gradient(rgba(85, 85, 85, 0.3), rgba(85, 85, 85, 0.3)),
-            url("images/wallpapers/ubuntu-mate.jpg") 100% 50%;
+            url("../../images/wallpapers/ubuntu-mate.jpg") 200% 50%;
     }
 
     &.ubuntu-budgie {
         background:
             linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
-            url("images/wallpapers/ubuntu-budgie.jpg") 100% 50%;
+            url("../../images/wallpapers/ubuntu-budgie.jpg") 200% 50%;
+    }
+
+    &.ubuntu-cinnamon {
+        background:
+            linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
+            url("../../images/wallpapers/ubuntucinnamon.jpg") 158% 50%;
     }
 
-    &.ubuntukylin {
-        background: url("images/wallpapers/ubuntu-kylin.jpg") 100% 50%;
+    &.ubuntu-kylin {
+        background: url("../../images/wallpapers/ubuntu-kylin.jpg") 200% 50%;
     }
 
-    &.ubuntustudio {
-        background: url("images/wallpapers/ubuntustudio.jpg") 100% 50%;
+    &.ubuntu-studio {
+        background: url("../../images/wallpapers/ubuntustudio.jpg") 200% 50%;
 
         .box {
             background: rgba(100, 100, 100, 0.25);
         }
     }
 
+    &.ubuntu-unity {
+        background:
+            linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
+            url("../../images/wallpapers/ubuntu-unity.jpg") 200% 50%;
+    }
+
     &.ubuntu-touch {
-        background: url("images/wallpapers/ubuntu-touch.jpg") 100% 0%;
+        background: url("../../images/wallpapers/ubuntu-touch.jpg") 100% 0%;
     }
 
-    &.nuovo-rilascio {
-        background: url("images/wallpapers/nuovo-rilascio.png") 100% 0%;
+    &.latest-version {
+        background: url("../../images/versions/mantic-minotaur/desktop.jpg") 100% 0%;
     }
 
     &.banner-latest {
-        background: url("images/wallpapers/banner-latest.png") 100% 50%;
+        background: url("../../images/versions/mantic-minotaur/wallpaper.jpg") 50% 50%;
     }
+
 }
 
 div.page div.row.download-index-distro {
@@ -178,3 +217,42 @@ div.page div.row div.col.image-attach-corner {
 div.cookie-policy {
   z-index: 10;
 }
+
+div.p-100 {
+    padding: 100px !important;
+}
+
+.h-150 {
+    height: 150px !important;
+}
+
+ul.item-list li {
+    margin: 0 0 0.25em 1.5em;
+    padding: 0 0 0 20px;
+    list-style-type: none;
+    background: url('../../images/pictograms/ubuntu-li.png') no-repeat left 4px;
+    font-size: 14px;
+    line-height: 20px;
+}
+
+.m-25 {
+    margin: 25px;
+}
+.mx-25 {
+    margin: 25px 0;
+}
+.my-25 {
+    margin: 0 25px;
+}
+.mt-25 {
+    margin-top: 25px;
+}
+.me-25 {
+    margin-right: 25px;
+}
+.mb-25 {
+    margin-bottom: 25px;
+}
+.ms-25 {
+    margin-left: 25px;
+}
\ No newline at end of file

assets/scss/vendor/bootstrap_v5.scss

+/*!
+ * Bootstrap Grid v5.2.3 (https://getbootstrap.com/)
+ * Copyright 2011-2022 The Bootstrap Authors
+ * Copyright 2011-2022 Twitter, Inc.
+ * Copyright 2023 shadMod
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+
+:root {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-black: #000;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-bg: #fff;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-2xl: 2rem;
+  --bs-border-radius-pill: 50rem;
+  --bs-link-color: #0d6efd;
+  --bs-link-hover-color: #0a58ca;
+  --bs-code-color: #d63384;
+  --bs-highlight-bg: #fff3cd;
+}
+
+.container,
+.container-fluid,
+.container-xxl,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
+  --bs-gutter-x: 1.5rem;
+  --bs-gutter-y: 0;
+  width: 100%;
+  padding-right: calc(var(--bs-gutter-x) * 0.5);
+  padding-left: calc(var(--bs-gutter-x) * 0.5);
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@media (min-width: 576px) {
+  .container-sm, .container {
+    max-width: 540px;
+  }
+}
+@media (min-width: 768px) {
+  .container-md, .container-sm, .container {
+    max-width: 720px;
+  }
+}
+@media (min-width: 992px) {
+  .container-lg, .container-md, .container-sm, .container {
+    max-width: 960px;
+  }
+}
+@media (min-width: 1200px) {
+  .container-xl, .container-lg, .container-md, .container-sm, .container {
+    max-width: 1140px;
+  }
+}
+@media (min-width: 1400px) {
+  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
+    max-width: 1320px;
+  }
+}
+
+.row {
+  --bs-gutter-x: 1.5rem;
+  --bs-gutter-y: 0;
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: calc(-1 * var(--bs-gutter-y));
+  margin-right: calc(-0.5 * var(--bs-gutter-x));
+  margin-left: calc(-0.5 * var(--bs-gutter-x));
+}
+
+.row > * {
+  box-sizing: border-box;
+  flex-shrink: 0;
+  width: 100%;
+  max-width: 100%;
+  padding-right: calc(var(--bs-gutter-x) * 0.5);
+  padding-left: calc(var(--bs-gutter-x) * 0.5);
+  margin-top: var(--bs-gutter-y);
+}
+
+$size_width: ("sm": 576, "md": 768, "lg": 992, "xl": 1200, "xxl": 1400);
+$list_cols: ("auto": "auto", "1": "8.33333333%", "2": "16.66666667%", "3": "25%", "4": "33.33333333%", "5": "41.66666667%", "6": "50%", "7": "58.33333333%", "8": "66.66666667%", "9": "75%", "10": "83.33333333%", "11": "91.66666667%", "12": "100%");
+
+@each $col, $width in $list_cols {
+  .col-#{$col} {
+      flex: 0 0 auto;
+      width: #{$width};
+    }
+}
+
+@each $typology, $size in $size_width {
+    @media (min-width: #{$size}px) {
+        .col-#{$typology} {
+            flex: 1 0 0%;
+        }
+
+        @each $col, $width in $list_cols {
+          .col-#{$typology}-#{$col} {
+              flex: 0 0 auto;
+              width: #{$width};
+            }
+        }
+    }
+}
+
+$sizes: (25: "25%", 50: "50%", 75: "75%", 100: "100%", "auto": "auto");
+
+@each $size, $width in $sizes {
+  .w-#{$size} {
+    width: #{$width} !important;
+  }
+}
+
+.m-auto {
+    margin: auto;
+}
+
+.text-justify {
+    text-align: justify !important;
+}
+
+.bg-white {
+    background: white !important;
+}
+
+.bg-transparent {
+    background: transparent !important;
+}
+
+.shadow-none {
+    box-shadow: none !important;
+}
\ No newline at end of file

uitwww/main.py

@@ -89,7 +89,8 @@ def init(data, debug):
     print("Created data directory:", data)
     compiler = CompileVersion(
         path_out=data_path + "/downloads.toml",
-        constants=UITWWW_DIR + "/src/download/assets/constants.json",
+        downloads=UITWWW_DIR + "/src/download/assets/downloads.json",
+        info=UITWWW_DIR + "/src/download/assets/info.json",
     )
     compiler.compile_download()
     print("Compile download file")