diff --git a/content/download.html b/content/download.html new file mode 100644 index 0000000..20c8d19 --- /dev/null +++ b/content/download.html @@ -0,0 +1,50 @@ + + + + + + + LibreShop + + + + + + + +
+ + Home + Download + Wiki + About +
+ +
+

Download page

+ Download the latest version +

After downloading it is recommeded to check the MD5 hash!

+

The latest version's MD5 is:

+ 1234567890123456789012345678901234567890 +
+ + + + \ No newline at end of file diff --git a/content/footer/socialmedia/sc01.png b/content/footer/socialmedia/sc01.png new file mode 100644 index 0000000..9b78bf6 Binary files /dev/null and b/content/footer/socialmedia/sc01.png differ diff --git a/content/head/logo_embed.png b/content/head/logo_embed.png new file mode 100644 index 0000000..91cb02f Binary files /dev/null and b/content/head/logo_embed.png differ diff --git a/content/head/logo_fav.png b/content/head/logo_fav.png new file mode 100644 index 0000000..78ab736 Binary files /dev/null and b/content/head/logo_fav.png differ diff --git a/content/index/collaps.js b/content/index/collaps.js new file mode 100644 index 0000000..43ea530 --- /dev/null +++ b/content/index/collaps.js @@ -0,0 +1,13 @@ +var coll = document.getElementsByClassName("collapsible"); +var i; +for (i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function() { + this.classList.toggle("active"); + var details = this.nextElementSibling; + if (details.style.maxHeight){ + details.style.maxHeight = null; + } else { + details.style.maxHeight = details.scrollHeight + "px"; + } + }); +} \ No newline at end of file diff --git a/content/index/feature/feature01.png b/content/index/feature/feature01.png new file mode 100644 index 0000000..a3f02f0 Binary files /dev/null and b/content/index/feature/feature01.png differ diff --git a/content/index/feature/feature02.png b/content/index/feature/feature02.png new file mode 100644 index 0000000..52cea54 Binary files /dev/null and b/content/index/feature/feature02.png differ diff --git a/content/index/feature/feature03.png b/content/index/feature/feature03.png new file mode 100644 index 0000000..8f0c542 Binary files /dev/null and b/content/index/feature/feature03.png differ diff --git a/content/index/feature/feature04.png b/content/index/feature/feature04.png new file mode 100644 index 0000000..bb320f7 Binary files /dev/null and b/content/index/feature/feature04.png differ diff --git a/content/index/libreshop_bg.png b/content/index/libreshop_bg.png new file mode 100644 index 0000000..a5a7cd9 Binary files /dev/null and b/content/index/libreshop_bg.png differ diff --git a/content/index/logo.png b/content/index/logo.png new file mode 100644 index 0000000..7187c2e Binary files /dev/null and b/content/index/logo.png differ diff --git a/content/index/screenshot/screenshot-01.png b/content/index/screenshot/screenshot-01.png new file mode 100644 index 0000000..55ddb36 Binary files /dev/null and b/content/index/screenshot/screenshot-01.png differ diff --git a/content/index/screenshot/screenshot-02.png b/content/index/screenshot/screenshot-02.png new file mode 100644 index 0000000..007d06e Binary files /dev/null and b/content/index/screenshot/screenshot-02.png differ diff --git a/content/index/screenshot/screenshot-03.png b/content/index/screenshot/screenshot-03.png new file mode 100644 index 0000000..d8eeda8 Binary files /dev/null and b/content/index/screenshot/screenshot-03.png differ diff --git a/content/index/screenshot/screenshot-04.png b/content/index/screenshot/screenshot-04.png new file mode 100644 index 0000000..ae21d00 Binary files /dev/null and b/content/index/screenshot/screenshot-04.png differ diff --git a/content/index/screenshot/screenshot-05.png b/content/index/screenshot/screenshot-05.png new file mode 100644 index 0000000..ed01ac0 Binary files /dev/null and b/content/index/screenshot/screenshot-05.png differ diff --git a/content/index/style.css b/content/index/style.css new file mode 100644 index 0000000..39af41c --- /dev/null +++ b/content/index/style.css @@ -0,0 +1,225 @@ +/* body, more like the background and font */ +body { + margin: 0 auto; + font-family: "Varela Round", sans-serif; + background-color: #08171f; + background-image: url(libreshop_bg.png); + animation: background 30s infinite linear; + transition: 5s; + color: white; +} + +/* the website's header */ +header { + display: flex; + padding: auto; + height: 80px; + gap: 5px; + background-color: #173e49; +} +a { + display: block; + color: white; + width: 100px; + padding: 5px; + text-align: center; + text-decoration: none; + font-size: 16px; + border: none; + transition-duration: 0.2s; +} +a:hover { + color: rgb(0, 182, 214); +} + +/* the website's body */ +.content { + margin: 0 auto; + padding-bottom: 25px; + width: 95%; +} + +/* the welcome message and randomizer */ +.item1 { grid-area: main; margin-top: 5px;} +.item2 { grid-area: right; margin-top: 5px;} +.grid-container { + display: grid; + grid-template-areas: + 'main main main main right right'; + grid-template-columns: auto; +} +.grid-container > div { + margin: auto; + padding: 10px 10px; +} +.randomapp { + background-color: #19505f; + border: 2px solid #37b0d1; + border-radius: 5px; + color: white; +} + +/* the features */ +.grid-features { + overflow: auto; + display: flex; + margin: auto; + margin-top: 20px; + justify-content: center; + grid-template-areas: + 'main main main main right right'; + gap: 20px; + grid-template-columns: auto; +} +.grid-features > div { + margin-bottom: auto; + padding: 10px 10px; +} +.grid-item01 { + border-radius: 5px; + width: 250px; + background-color: #19505f; + border: 2px solid #37b0d1; + text-align: center; + transition: 0.25s; +} +.grid-item02 { + border-radius: 5px; + width: 250px; + background-color: #19505f; + border: 2px solid #37b0d1; + text-align: center; + transition: 0.25s; +} +.grid-item03 { + border-radius: 5px; + width: 250px; + background-color: #19505f; + border: 2px solid #37b0d1; + text-align: center; + transition: 0.25s; +} +.grid-item04 { + border-radius: 5px; + width: 250px; + background-color: #19505f; + border: 2px solid #37b0d1; + text-align: center; + transition: 0.25s; +} +.collapsible { + background-color: #3089a1; + color: white; + cursor: pointer; + padding: 18px; + width: 100%; + border: none; + text-align: center; + outline: none; + font-size: 15px; + transition: 0.2s; + border: 2px solid #37b0d1; + border-radius: 5px; +} +.collapsible:hover { + background-color: #3ba9c7; +} +.active { + background-color: #3ba9c7; + border-radius: 0px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} +.details { + padding: 0 18px; + max-height: 0; + overflow: hidden; + transition: max-height 0.2s ease-out; + background-color: #11343d; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} + +/* the screenshots */ +.gallery { + overflow: auto; + display: flex; + margin: auto; + margin-top: 20px; + width: 94%; + white-space: nowrap; + padding: 10px; + border: 2px solid #37b0d1; + border-radius: 5px; + background-color: #19505f; +} +.gallery img { + padding: 10px; +} + +/* download button */ +.download { + background-color: #3089a1; + border: none; + color: white; + width: 100px; + height: 20px; + padding: 15px; + text-align: center; + text-decoration: none; + display: block; + font-size: 16px; + transition-duration: 0.2s; + border-radius: 5px; + border: 2px solid #37b0d1; +} +.download:hover { + background-color: #3ba9c7; + color: white; +} + +/* footer */ +footer { + position: relative; + min-height: 100%; + overflow: hidden; + background-color: #245f71; +} +.footer-item1 {grid-area: main;} +.footer-item2 {grid-area: right;} +.grid-footer { + display: grid; + grid-template-areas: + 'main right right right right right'; + grid-template-columns: auto; +} +.grid-footer > div { + margin: auto; + padding: 30px 50px; +} + +/* some fancy animations */ +@keyframes intro-01 { + from {opacity: 0%} + to {opacity: 100%} +} +@keyframes intro-02 { + from {opacity: 0%; margin-top: 50px;} + to {opacity: 100%; margin-top: 20px;} +} +@keyframes intro-03 { + from {opacity: 0%; margin-top: 100px; margin-bottom: 0px;} + to {opacity: 100%; margin-top: 50px; margin-bottom: 0px;} +} +@keyframes intro-04 { + from {opacity: 0%; margin-top: 50px; margin-bottom: 0px;} + to {opacity: 100%; margin-top: 20px; margin-bottom: 0px;} +} +@keyframes background { + from {background-position-x: 0px;} + to {background-position-x: -782px;} +} +@keyframes intro-bg { + from {opacity: 0%;} + to {opacity: 100%;} +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..3bc958d --- /dev/null +++ b/index.html @@ -0,0 +1,104 @@ + + + + + + + LibreShop + + + + + + + +
+ + Home + Download + Wiki + About +
+ +
+
+
+

Welcome to LibreShop

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+
+

Randomizer:

+
+

still in work...

+
+
+
+

What are the features?

+
+
+ +

Faster and stable

+ +
+

LibreShop is faster and more stable than Homebrew Browser.

+
+
+
+ +

Always up-to-date

+ +
+

LibreShop is continuously being worked on, and bugs are being fixed all of the time.

+
+
+
+ +

Easy to install

+ +
+

Just extract the archive onto your SD card and enjoy LibreShop! No extra steps are required!

+
+
+
+ +

Open Shop Channel support

+ +
+

You can download your favourite Homebrew apps from the Open Shop Channel's library with LibreShop!

+
+
+ +
+

Screenshots

+
+ Screenshot 01 + Screenshot 02 + Screenshot 03 + Screenshot 04 + Screenshot 05 +
+
+

Ready to try it out?

+ Download LibreShop +
+
+ + +