Ailur-Archives
/
burgerstore
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

:3

This commit is contained in:
maaa 2024-03-08 22:43:55 +01:00
parent f67b838b99
commit 89284c6637
42 changed files with 193 additions and 214 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

162
index.html
View File

@ -1,134 +1,44 @@
<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="/styles.css" media="">
</head>
<body style="">
<li style="margin-top: 50px;margin-bottom: 20px;"><img src="https://hectabit.org/assets/img/hectabit.svg" style="max-height: 200px;"></li>
<li><h>Welcome to BurgerStore</h></li>
<li style="margin-top: 20px;">
<div class="container">
<img style="height: 55px;" src="https://notes.hectabit.org/static/svg/flathubdark.svg">
<img style="height: 55px;" src="https://notes.hectabit.org/static/svg/flathubdark.svg">
<img style="height: 55px;" src="https://notes.hectabit.org/static/svg/flathubdark.svg">
<img style="height: 55px;" src="https://notes.hectabit.org/static/svg/flathubdark.svg">
<img style="height: 55px;" src="https://notes.hectabit.org/static/svg/flathubdark.svg">
<img style="height: 55px;" src="https://notes.hectabit.org/static/svg/flathubdark.svg">
<img style="height: 55px;" src="https://notes.hectabit.org/static/svg/flathubdark.svg">
</div>
<html>
</li>
<div class="appcontainer">
<div class="burgerbox">
<li><img src="https://www.designyourway.net/drb/wp-content/uploads/2017/04/Nature-Wallpaper-Desktop-Background-101-1-1600x900.jpg"></li>
<li><h>BurgerNotes</h></li>
<li><p>iOS: v1.0</p></li>
<li><p style="">Android: v1.0</p></li>
<li><p>Linux: v1.0</p></li>
<li><p>Web: v1.0</p></li><a href="https://hectabit.org" class="burgerbutton">Get</a></li>
<head>
<title>Burgerstore</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="static/css/style.css" />
</head>
<body>
<!--
<div class="menuBar">
<p class="w900">burgerstore</p>
<div class="linkCon">
<a href="publish.html">Publish</a>
<a href="about.html">About</a>
</div>
<div class="burgerbox">
<li><img src="https://www.designyourway.net/drb/wp-content/uploads/2017/04/Nature-Wallpaper-Desktop-Background-101-1-1600x900.jpg"></li>
<li><h>BurgerNotes</h></li>
<li><p>iOS: v1.0</p></li>
<li><p style="">Android: v1.0</p></li>
<li><p>Linux: v1.0</p></li>
<li><p>Web: v1.0</p></li><a href="https://hectabit.org" class="burgerbutton">Get</a></li>
</div>-->
<br>
<div class="introductionDiv">
<h1 class="w900">burgerstore</h1>
<p>The everything App Store: download your favourite apps for Linux and iOS.</p>
</div>
<div class="burgerbox">
<li><img src="https://www.designyourway.net/drb/wp-content/uploads/2017/04/Nature-Wallpaper-Desktop-Background-101-1-1600x900.jpg"></li>
<li><h>BurgerNotes</h></li>
<li><p>iOS: v1.0</p></li>
<li><p style="">Android: v1.0</p></li>
<li><p>Linux: v1.0</p></li>
<li><p>Web: v1.0</p></li><a href="https://hectabit.org" class="burgerbutton">Get</a></li>
<div class="appGrid">
<a class="featuredApp" src="/"><img></a>
<h3>Featured apps</h3>
<div class="app">
<img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.tasteofhome.com%2Fwp-content%2Fuploads%2F2018%2F01%2Fexps28800_UG143377D12_18_1b_RMS.jpg&f=1&nofb=1&ipt=f3b2426d84aeb87ceaab0e5a3f7aa0ffdb9cc8fa13a076b237dbf54c7083d1eb&ipo=images">
<p class="title">Burgernotes</p><br>
<p class="w300">author, license, ios</p>
<button>Get</button>
</div>
<div class="burgerbox">
<li><img src="https://www.designyourway.net/drb/wp-content/uploads/2017/04/Nature-Wallpaper-Desktop-Background-101-1-1600x900.jpg"></li>
<li><h>BurgerNotes</h></li>
<li><p>iOS: v1.0</p></li>
<li><p style="">Android: v1.0</p></li>
<li><p>Linux: v1.0</p></li>
<li><p>Web: v1.0</p></li><a href="https://hectabit.org" class="burgerbutton">Get</a></li>
</div>
<div class="burgerbox">
<li><img src="https://www.designyourway.net/drb/wp-content/uploads/2017/04/Nature-Wallpaper-Desktop-Background-101-1-1600x900.jpg"></li>
<li><h>BurgerNotes</h></li>
<li><p>iOS: v1.0</p></li>
<li><p style="">Android: v1.0</p></li>
<li><p>Linux: v1.0</p></li>
<li><p>Web: v1.0</p></li><a href="https://hectabit.org" class="burgerbutton">Get</a></li>
</div>
<div class="burgerbox">
<li><img src="https://www.designyourway.net/drb/wp-content/uploads/2017/04/Nature-Wallpaper-Desktop-Background-101-1-1600x900.jpg"></li>
<li><h>BurgerNotes</h></li>
<li><p>iOS: v1.0</p></li>
<li><p style="">Android: v1.0</p></li>
<li><p>Linux: v1.0</p></li>
<li><p>Web: v1.0</p></li><a href="https://hectabit.org" class="burgerbutton">Get</a></li>
</div>
<div class="burgerbox">
<li><img src="https://www.designyourway.net/drb/wp-content/uploads/2017/04/Nature-Wallpaper-Desktop-Background-101-1-1600x900.jpg"></li>
<li><h>BurgerNotes</h></li>
<li><p>iOS: v1.0</p></li>
<li><p style="">Android: v1.0</p></li>
<li><p>Linux: v1.0</p></li>
<li><p>Web: v1.0</p></li><a href="https://hectabit.org" class="burgerbutton">Get</a></li>
</div>
<div class="burgerbox">
<li><img src="https://www.designyourway.net/drb/wp-content/uploads/2017/04/Nature-Wallpaper-Desktop-Background-101-1-1600x900.jpg"></li>
<li><h>BurgerNotes</h></li>
<li><p>iOS: v1.0</p></li>
<li><p style="">Android: v1.0</p></li>
<li><p>Linux: v1.0</p></li>
<li><p>Web: v1.0</p></li><a href="https://hectabit.org" class="burgerbutton">Get</a></li>
</div>
<div class="burgerbox">
<li><img src="https://www.designyourway.net/drb/wp-content/uploads/2017/04/Nature-Wallpaper-Desktop-Background-101-1-1600x900.jpg"></li>
<li><h>BurgerNotes</h></li>
<li><p>iOS: v1.0</p></li>
<li><p style="">Android: v1.0</p></li>
<li><p>Linux: v1.0</p></li>
<li><p>Web: v1.0</p></li><a href="https://hectabit.org" class="burgerbutton">Get</a></li>
</div>
<div class="burgerbox">
<li><img src="https://www.designyourway.net/drb/wp-content/uploads/2017/04/Nature-Wallpaper-Desktop-Background-101-1-1600x900.jpg"></li>
<li><h>BurgerNotes</h></li>
<li><p>iOS: v1.0</p></li>
<li><p style="">Android: v1.0</p></li>
<li><p>Linux: v1.0</p></li>
<li><p>Web: v1.0</p></li><a href="https://hectabit.org" class="burgerbutton">Get</a></li>
</div>
<div class="burgerbox">
<li><img src="https://www.designyourway.net/drb/wp-content/uploads/2017/04/Nature-Wallpaper-Desktop-Background-101-1-1600x900.jpg"></li>
<li><h>BurgerNotes</h></li>
<li><p>iOS: v1.0</p></li>
<li><p style="">Android: v1.0</p></li>
<li><p>Linux: v1.0</p></li>
<li><p>Web: v1.0</p></li><a href="https://hectabit.org" class="burgerbutton">Get</a></li>
</div>
<div class="burgerbox">
<li><img src="https://www.designyourway.net/drb/wp-content/uploads/2017/04/Nature-Wallpaper-Desktop-Background-101-1-1600x900.jpg"></li>
<li><h>BurgerNotes</h></li>
<li><p>iOS: v1.0</p></li>
<li><p style="">Android: v1.0</p></li>
<li><p>Linux: v1.0</p></li>
<li><p>Web: v1.0</p></li><a href="https://hectabit.org" class="burgerbutton">Get</a></li>
</div>
<div class="burgerbox">
<li><img src="https://www.designyourway.net/drb/wp-content/uploads/2017/04/Nature-Wallpaper-Desktop-Background-101-1-1600x900.jpg"></li>
<li><h>BurgerNotes</h></li>
<li><p>iOS: v1.0</p></li>
<li><p style="">Android: v1.0</p></li>
<li><p>Linux: v1.0</p></li>
<li><p>Web: v1.0</p></li><a href="https://hectabit.org" class="burgerbutton">Get</a></li>
</div>
<div class="burgerbox">
<li><img src="https://www.designyourway.net/drb/wp-content/uploads/2017/04/Nature-Wallpaper-Desktop-Background-101-1-1600x900.jpg"></li>
<li><h>BurgerNotes</h></li>
<li><p>iOS: v1.0</p></li>
<li><p style="">Android: v1.0</p></li>
<li><p>Linux: v1.0</p></li>
<li><p>Web: v1.0</p></li><a href="https://hectabit.org" class="burgerbutton">Get</a></li>
<div class="app">
<img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.tasteofhome.com%2Fwp-content%2Fuploads%2F2018%2F01%2Fexps28800_UG143377D12_18_1b_RMS.jpg&f=1&nofb=1&ipt=f3b2426d84aeb87ceaab0e5a3f7aa0ffdb9cc8fa13a076b237dbf54c7083d1eb&ipo=images">
<p class="title">Burgernotes</p><br>
<p class="w300">author, license, linux</p>
<button>Get</button>
</div>
</div>
</body>
</html>

99
static/css/style.css Normal file
View File

@ -0,0 +1,99 @@
@import url("static/fonts/inter.css");
body {
margin: 0;
font-family: "Inter", sans-serif;
background-color: #fafafa;
}
.introductionDiv {
margin-left: 45px;
font-size: 18px;
}
.appGrid {
margin-left: 45px;
margin-right: 45px;
}
.appGrid .app {
width: 100%;
height: 60px;
white-space: nowrap;
border-radius: 12px;
background-color: rgb(244, 244, 244);
margin-bottom: 7.5px;
}
.appGrid .app img {
display: inline;
margin-top: 5px;
margin-left: 5px;
height: calc(100% - 10px);
border-radius: 12px;
}
.appGrid .app p {
position: absolute;
display: inline;
font-size: 18px;
transform: translate(62.5px,-47.5px);
}
.appGrid .app .title {
position: absolute;
transform: translate(7.5px, -12.5px);
font-size: 20px;
display: inline;
}
.appGrid .app button {
position: absolute;
color: white;
padding: 12px;
padding-left: 17.5px;
padding-right: 17.5px;
background-color: #157efb;
border: none;
border-radius: 12px;
right: 52.5px;
transform: translate(0px, -50px);
}
/* useful stuff */
.hidden {
display: none !important;
}
.w100 {
font-weight: 300;
}
.w200 {
font-weight: 300;
}
.w300 {
font-weight: 300;
}
.w400 {
font-weight: 400;
}
.w500 {
font-weight: 500;
}
.w600 {
font-weight: 600;
}
.w700 {
font-weight: 700;
}
.w800 {
font-weight: 800;
}
.w900 {
font-weight: 900;
}

BIN
static/fonts/Inter-Black.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-BlackItalic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-BoldItalic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-ExtraBold.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-ExtraBoldItalic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-ExtraLight.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-ExtraLightItalic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-Italic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-Light.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-LightItalic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-Medium.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-MediumItalic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-Regular.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-SemiBold.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-SemiBoldItalic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-Thin.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/Inter-ThinItalic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-Black.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-BlackItalic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-BoldItalic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-ExtraBold.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-ExtraBoldItalic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-ExtraLight.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-ExtraLightItalic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-Italic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-Light.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-LightItalic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-Medium.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-MediumItalic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-Regular.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-SemiBold.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-SemiBoldItalic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-Thin.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterDisplay-ThinItalic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterVariable-Italic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/InterVariable.woff2 Normal file
View File

Binary file not shown.

57
static/fonts/inter.css Normal file
View File

@ -0,0 +1,57 @@
/* Variable fonts usage:
:root { font-family: "Inter", sans-serif; }
@supports (font-variation-settings: normal) {
:root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
} */
@font-face {
font-family: InterVariable;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("InterVariable.woff2") format("woff2");
}
@font-face {
font-family: InterVariable;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url("InterVariable-Italic.woff2") format("woff2");
}
/* static fonts */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("Inter-Thin.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("Inter-ThinItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("Inter-ExtraLight.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("Inter-ExtraLightItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("Inter-Light.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("Inter-LightItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("Inter-Regular.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("Inter-Italic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("Inter-Medium.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("Inter-MediumItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("Inter-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("Inter-SemiBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("Inter-Bold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("Inter-BoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("Inter-ExtraBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("Inter-ExtraBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("Inter-Black.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("Inter-BlackItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("InterDisplay-Thin.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("InterDisplay-ThinItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLight.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLightItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("InterDisplay-Light.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("InterDisplay-LightItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("InterDisplay-Regular.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("InterDisplay-Italic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("InterDisplay-Medium.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("InterDisplay-MediumItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("InterDisplay-Bold.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("InterDisplay-BoldItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBold.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("InterDisplay-Black.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("InterDisplay-BlackItalic.woff2") format("woff2"); }

87
styles.css
View File

@ -1,87 +0,0 @@
body {
background-color: #fffed4;
text-align: center;
list-style: none;
font-family: Arial, Sans Serif;
font-size: 20px;
}
h {
font-size: 40px;
}
img {
max-height: 200px;
}
.container {
padding-top: 5px;
border-top: solid 1px black;
border-bottom: solid 1px black;
display: flex;
justify-content: space-evenly;
padding-bottom: 5px;
overflow-x: scroll;
}
.burgerbox {
margin-top: 20px;
width: 250px;
height: 400px;
margin-bottom: 10px;
margin-left: 3.5vh;
margin-right: 3.5vh;
border-style: solid;
border-image: none;
border-radius: 8px;
border-width: 1px;
background-color: white;
font-size: 17px;
overflow-x: hidden;
text-align: left;
display: flex;
flex-direction: column;
}
.burgerbox h {
padding-left: 10px;
font-size: 25px;
}
.burgerbox p {
padding-left: 10px;
margin: 2px;
}
.getbutton {
background-color: lightblue;
display: flex;
height: 100%;
text-align: center;
flex-direction: column;
justify-content: center;
margin: 5px;
border-radius: 8px;
text-decoration: none;
color: black;
}
.appcontainer {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.burgerbutton {
background-color: lightblue;
display: flex;
height: 100%;
text-align: center;
flex-direction: column;
justify-content: center;
margin: 5px;
border-radius: 8px;
text-decoration: none;
color: black;
font-size: 20px;
}