diff options
author | 2023-08-02 14:19:46 +0600 | |
---|---|---|
committer | 2023-08-02 14:20:47 +0600 | |
commit | e131686760d4325ed5316033d60d5ac81ada0d1c (patch) | |
tree | d91c0b3a7175fb3f26816ea41be60cc5bd5cc9d0 | |
download | store-source-e131686760d4325ed5316033d60d5ac81ada0d1c.tar.gz store-source-e131686760d4325ed5316033d60d5ac81ada0d1c.zip |
Initial commit
Signed-off-by: Mubashshir <ahm@jadupc.com>
-rw-r--r-- | .fleet/run.json | 18 | ||||
-rw-r--r-- | assets/asset/icons/chromium.png | bin | 0 -> 5329 bytes | |||
-rw-r--r-- | assets/asset/icons/code.png | bin | 0 -> 1878 bytes | |||
-rw-r--r-- | assets/asset/icons/firefox-esr.png | bin | 0 -> 21231 bytes | |||
-rw-r--r-- | assets/asset/icons/geany.png | bin | 0 -> 6991 bytes | |||
-rw-r--r-- | assets/asset/icons/libreoffice.png | bin | 0 -> 1920 bytes | |||
-rw-r--r-- | assets/asset/icons/qbittorrent.png | bin | 0 -> 9969 bytes | |||
-rw-r--r-- | assets/asset/snaps/firefox-esr.png | bin | 0 -> 69288 bytes | |||
-rw-r--r-- | assets/asset/snaps/qbittorrent.png | bin | 0 -> 177679 bytes | |||
-rw-r--r-- | data/app.toml | 47 | ||||
-rw-r--r-- | hugo.toml | 5 | ||||
-rw-r--r-- | layouts/_default/baseof.html | 18 | ||||
-rw-r--r-- | layouts/index.html | 17 | ||||
-rw-r--r-- | layouts/partials/app.html | 34 | ||||
-rw-r--r-- | static/css/style.css | 157 |
15 files changed, 296 insertions, 0 deletions
diff --git a/.fleet/run.json b/.fleet/run.json new file mode 100644 index 0000000..9567f9a --- /dev/null +++ b/.fleet/run.json @@ -0,0 +1,18 @@ +{ + "configurations": [ + { + "type": "command", + "name": "Hugo(Serve)", + "program": "/bin/hugo", + "args": ["serve"], + "pty": true, + }, + { + "type": "command", + "name": "Hugo(Build)", + "program": "/bin/hugo", + "args": [], + "pty": true, + }, + ] +}
\ No newline at end of file diff --git a/assets/asset/icons/chromium.png b/assets/asset/icons/chromium.png Binary files differnew file mode 100644 index 0000000..b4d5d36 --- /dev/null +++ b/assets/asset/icons/chromium.png diff --git a/assets/asset/icons/code.png b/assets/asset/icons/code.png Binary files differnew file mode 100644 index 0000000..f2e85ff --- /dev/null +++ b/assets/asset/icons/code.png diff --git a/assets/asset/icons/firefox-esr.png b/assets/asset/icons/firefox-esr.png Binary files differnew file mode 100644 index 0000000..d19dfd8 --- /dev/null +++ b/assets/asset/icons/firefox-esr.png diff --git a/assets/asset/icons/geany.png b/assets/asset/icons/geany.png Binary files differnew file mode 100644 index 0000000..ba2a86f --- /dev/null +++ b/assets/asset/icons/geany.png diff --git a/assets/asset/icons/libreoffice.png b/assets/asset/icons/libreoffice.png Binary files differnew file mode 100644 index 0000000..a1b1f11 --- /dev/null +++ b/assets/asset/icons/libreoffice.png diff --git a/assets/asset/icons/qbittorrent.png b/assets/asset/icons/qbittorrent.png Binary files differnew file mode 100644 index 0000000..92e554a --- /dev/null +++ b/assets/asset/icons/qbittorrent.png diff --git a/assets/asset/snaps/firefox-esr.png b/assets/asset/snaps/firefox-esr.png Binary files differnew file mode 100644 index 0000000..882e871 --- /dev/null +++ b/assets/asset/snaps/firefox-esr.png diff --git a/assets/asset/snaps/qbittorrent.png b/assets/asset/snaps/qbittorrent.png Binary files differnew file mode 100644 index 0000000..48aea36 --- /dev/null +++ b/assets/asset/snaps/qbittorrent.png diff --git a/data/app.toml b/data/app.toml new file mode 100644 index 0000000..20c058e --- /dev/null +++ b/data/app.toml @@ -0,0 +1,47 @@ +# App definition +# [apt-pkg-name] +# name = "App Name" #required +# info = "This is a Template App" #required +# url = "https://app.example.org" #required +# tags = ["internet", #optional [array]; catagories +# "communication"] + +[firefox-esr] +name = "Firefox" +info = "Free and Open Source Browser" +url = "https://mozilla.org/firefox" + +[chromium] +name = "Chromium" +info = "Free and Open Source Browser" +url = "https://chromium.org" + +[qbittorrent] +name = "qBittorrent" +info = "Free and Open-Source Bittorrent Client" +url = "https://qbittorrent.org/" + +[libreoffice] +name = "LibreOffice" +info = "Free and Open-Source Office Suite" +url = "https://libreoffice.org" + +[code] +name = "Visual Studio Code" +info = "Free and Open-Source Text Editor (memory hog)" +url = "https://qbittorrent.org/" + +[vlc] +name = "VLC" +info = "Free and Open-Source Media Player" +url = "https://qbittorrent.org/" + +[super-tuxcart] +name = "SuperTuxCart" +info = "Free and Open-Source Cart racing game" +url = "https://qbittorrent.org/" + +[mousepad] +name = "Mousepad" +info = "Lightweight Text Editor" +url = "https://xfce.org" diff --git a/hugo.toml b/hugo.toml new file mode 100644 index 0000000..ed0e673 --- /dev/null +++ b/hugo.toml @@ -0,0 +1,5 @@ +baseURL = 'http://apps.jadupc.com/' +languageCode = 'en-us' +title = 'JaduPc Apps' + +disableKinds = ["section", "taxonomy", "term", "RSS", "sitemap", "robotsTXT", "404"] diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html new file mode 100644 index 0000000..15e87f0 --- /dev/null +++ b/layouts/_default/baseof.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link href="css/style.css" rel="stylesheet"> + <title>{{ block "title" . }} {{ .Site.Title }} {{ end }}</title> + </head> + <body> + <!-- Code that all your templates share, like a header --> + {{- block "main" . -}} + <!-- The part of the page that begins to differ between templates --> + {{- end -}} + {{- block "footer" . -}} + <!-- More shared code, perhaps a footer but that can be overridden if need be in --> + {{- end -}} + </body> +</html> diff --git a/layouts/index.html b/layouts/index.html new file mode 100644 index 0000000..d0b2bab --- /dev/null +++ b/layouts/index.html @@ -0,0 +1,17 @@ +{{- define "title" -}} Home {{- end -}} + +{{- define "main" -}} + <main aria-role="main"> + <header class="homepage-header"> + <h1>{{ .Title }}</h1> + {{ with .Params.subtitle }} + <span class="subtitle">{{ . }}</span> + {{ end }} + </header> + <div class="app-container"> + {{- range $app, $info := $.Site.Data.app }} + {{- partial "partials/app.html" (dict "id" $app "data" $info) -}} + {{ end -}} + </div> + </main> +{{- end -}} diff --git a/layouts/partials/app.html b/layouts/partials/app.html new file mode 100644 index 0000000..4ccd861 --- /dev/null +++ b/layouts/partials/app.html @@ -0,0 +1,34 @@ + <div class="card"> + <div class="info"> + {{- with (printf "asset/icons/%s.png" .id | resources.Get) -}} + <div class="icon"> + <img src="{{ .RelPermalink }}" alt="logo"> + </div> + {{- end }} + <div class="title"> + <h1 class="name"> + {{- .data.name | safeHTML -}} + <span> + <a {{ printf `href=%q` .data.url | safeHTMLAttr }} targer="_blank" style="padding"> + <svg xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 24 24" fill="none" + stroke="white" stroke-width="2" + stroke-linecap="round" stroke-linejoin="round" + width="16px" height="16px"> + <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path> + <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path> + </svg> + </a> + </span> + </h1> + <p class="gen-name">{{- .data.info | safeHTML -}}</p> + <a {{ printf "apt://%s" .id | printf "href=%q" | safeHTMLAttr }} class="ins-btn">Install</a> + </div> + </div> + + {{- with (printf "asset/snaps/%s.png" .id| resources.Get) -}} + <div class="image"> + <img src="{{ .RelPermalink }}" alt="logo"> + </div> + {{- end -}} + </div> diff --git a/static/css/style.css b/static/css/style.css new file mode 100644 index 0000000..36aa446 --- /dev/null +++ b/static/css/style.css @@ -0,0 +1,157 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap'); + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} + +a { + text-decoration: none; +} + +body { + background: linear-gradient(45deg, #C9409060, #0350C660); + padding: 10px; + + min-height: 100vh; + + display: flex; + justify-content: center; + align-items: center; + + flex-direction: column; +} + + +.catagory { + border-bottom: 3px solid gray; + border-radius: 2px; + margin-bottom: 10px; + + text-align: left; +} + +.catagory-name { + color: rgb(50, 50, 50); + padding-left: 5px; + text-shadow: 1px 1px 2px #0350C660; +} + + +.app-container { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} + + +.card { + width: 24vw; + height: 30vh; + margin: 5px; + border-radius: 10px; + + background: linear-gradient(45deg, #C9409030, #0350C6); + box-shadow: 1px 2px 3px #000000; + + display: flex; +} + +.info { + width: 100%; + text-align: center; + border-radius: 5px 0 0 5px; + + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.card:has(> .image) .info { + width: 70%; +} + +.icon img { + width: 40%; + filter: drop-shadow(0px 1px 2px black); + margin: 20px; +} + +.title { + flex-direction: row; + display: grid; + grid-template-rows: 40% 40% 20%; + grid-template-columns: 20% 20% 20% 20% 20%; +} + +.name { + color: #ffffff; + font-size: 24px; + text-shadow: 1px 1px 5px black; +} + +.gen-name { + color: #ffffff; + text-shadow: 1px 1px 2px black; +} + +.ins-btn { + color: #e4e3e3; + background-color: #0350C6; + border: 1px solid #ffffff80; + border-radius: 10px; + box-shadow: 1px 1px 2px #00000070; + + /* margin-top: 40px; */ + padding: 7px 25px; + + font-weight: 700; + + transition: all 200ms ease-in-out; +} + +.ins-btn:hover { + color: #ffffff; + background-color: #2866c1; + cursor: pointer; +} + +.ins-btn > a:visited { + color: #ffffff80 !important; +} + + +.image { + width: 30%; + border-radius: 0 10px 10px 0; + overflow: hidden; +} + +.image img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.image img:hover { + cursor: pointer; +} + +.overlay { + width: 80%; + background-color: gray; + + display: flex; + justify-content: center; + align-items: center; +} + +.full-size img { + width: 100%; + height: auto; + object-fit: cover; + +} |