+
![]()
+
Featured apps
+
+
+
Burgernotes
+
author, license, ios
+
-
-
-
BurgerNotes
-
iOS: v1.0
-
Android: v1.0
-
Linux: v1.0
-
Web: v1.0
Get
-
-
-
-
BurgerNotes
-
iOS: v1.0
-
Android: v1.0
-
Linux: v1.0
-
Web: v1.0
Get
-
-
-
-
BurgerNotes
-
iOS: v1.0
-
Android: v1.0
-
Linux: v1.0
-
Web: v1.0
Get
-
-
-
-
BurgerNotes
-
iOS: v1.0
-
Android: v1.0
-
Linux: v1.0
-
Web: v1.0
Get
-
-
-
-
BurgerNotes
-
iOS: v1.0
-
Android: v1.0
-
Linux: v1.0
-
Web: v1.0
Get
-
-
-
-
BurgerNotes
-
iOS: v1.0
-
Android: v1.0
-
Linux: v1.0
-
Web: v1.0
Get
-
-
-
-
BurgerNotes
-
iOS: v1.0
-
Android: v1.0
-
Linux: v1.0
-
Web: v1.0
Get
-
-
-
-
BurgerNotes
-
iOS: v1.0
-
Android: v1.0
-
Linux: v1.0
-
Web: v1.0
Get
-
-
-
-
BurgerNotes
-
iOS: v1.0
-
Android: v1.0
-
Linux: v1.0
-
Web: v1.0
Get
-
-
-
-
BurgerNotes
-
iOS: v1.0
-
Android: v1.0
-
Linux: v1.0
-
Web: v1.0
Get
-
-
-
-
BurgerNotes
-
iOS: v1.0
-
Android: v1.0
-
Linux: v1.0
-
Web: v1.0
Get
-
-
-
-
BurgerNotes
-
iOS: v1.0
-
Android: v1.0
-
Linux: v1.0
-
Web: v1.0
Get
+
+
+
Burgernotes
+
author, license, linux
+
+
+
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000..0d8fc5c
--- /dev/null
+++ b/static/css/style.css
@@ -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;
+}
\ No newline at end of file
diff --git a/static/fonts/Inter-Black.woff2 b/static/fonts/Inter-Black.woff2
new file mode 100644
index 0000000..18b35db
Binary files /dev/null and b/static/fonts/Inter-Black.woff2 differ
diff --git a/static/fonts/Inter-BlackItalic.woff2 b/static/fonts/Inter-BlackItalic.woff2
new file mode 100644
index 0000000..02c9d8e
Binary files /dev/null and b/static/fonts/Inter-BlackItalic.woff2 differ
diff --git a/static/fonts/Inter-Bold.woff2 b/static/fonts/Inter-Bold.woff2
new file mode 100644
index 0000000..0f1b157
Binary files /dev/null and b/static/fonts/Inter-Bold.woff2 differ
diff --git a/static/fonts/Inter-BoldItalic.woff2 b/static/fonts/Inter-BoldItalic.woff2
new file mode 100644
index 0000000..bc50f24
Binary files /dev/null and b/static/fonts/Inter-BoldItalic.woff2 differ
diff --git a/static/fonts/Inter-ExtraBold.woff2 b/static/fonts/Inter-ExtraBold.woff2
new file mode 100644
index 0000000..b113368
Binary files /dev/null and b/static/fonts/Inter-ExtraBold.woff2 differ
diff --git a/static/fonts/Inter-ExtraBoldItalic.woff2 b/static/fonts/Inter-ExtraBoldItalic.woff2
new file mode 100644
index 0000000..a5b76ca
Binary files /dev/null and b/static/fonts/Inter-ExtraBoldItalic.woff2 differ
diff --git a/static/fonts/Inter-ExtraLight.woff2 b/static/fonts/Inter-ExtraLight.woff2
new file mode 100644
index 0000000..1d77ae8
Binary files /dev/null and b/static/fonts/Inter-ExtraLight.woff2 differ
diff --git a/static/fonts/Inter-ExtraLightItalic.woff2 b/static/fonts/Inter-ExtraLightItalic.woff2
new file mode 100644
index 0000000..8c68492
Binary files /dev/null and b/static/fonts/Inter-ExtraLightItalic.woff2 differ
diff --git a/static/fonts/Inter-Italic.woff2 b/static/fonts/Inter-Italic.woff2
new file mode 100644
index 0000000..4c24ce2
Binary files /dev/null and b/static/fonts/Inter-Italic.woff2 differ
diff --git a/static/fonts/Inter-Light.woff2 b/static/fonts/Inter-Light.woff2
new file mode 100644
index 0000000..dbe6143
Binary files /dev/null and b/static/fonts/Inter-Light.woff2 differ
diff --git a/static/fonts/Inter-LightItalic.woff2 b/static/fonts/Inter-LightItalic.woff2
new file mode 100644
index 0000000..a40d042
Binary files /dev/null and b/static/fonts/Inter-LightItalic.woff2 differ
diff --git a/static/fonts/Inter-Medium.woff2 b/static/fonts/Inter-Medium.woff2
new file mode 100644
index 0000000..0fd2ee7
Binary files /dev/null and b/static/fonts/Inter-Medium.woff2 differ
diff --git a/static/fonts/Inter-MediumItalic.woff2 b/static/fonts/Inter-MediumItalic.woff2
new file mode 100644
index 0000000..9676715
Binary files /dev/null and b/static/fonts/Inter-MediumItalic.woff2 differ
diff --git a/static/fonts/Inter-Regular.woff2 b/static/fonts/Inter-Regular.woff2
new file mode 100644
index 0000000..b8699af
Binary files /dev/null and b/static/fonts/Inter-Regular.woff2 differ
diff --git a/static/fonts/Inter-SemiBold.woff2 b/static/fonts/Inter-SemiBold.woff2
new file mode 100644
index 0000000..95c48b1
Binary files /dev/null and b/static/fonts/Inter-SemiBold.woff2 differ
diff --git a/static/fonts/Inter-SemiBoldItalic.woff2 b/static/fonts/Inter-SemiBoldItalic.woff2
new file mode 100644
index 0000000..ddfe19e
Binary files /dev/null and b/static/fonts/Inter-SemiBoldItalic.woff2 differ
diff --git a/static/fonts/Inter-Thin.woff2 b/static/fonts/Inter-Thin.woff2
new file mode 100644
index 0000000..0790960
Binary files /dev/null and b/static/fonts/Inter-Thin.woff2 differ
diff --git a/static/fonts/Inter-ThinItalic.woff2 b/static/fonts/Inter-ThinItalic.woff2
new file mode 100644
index 0000000..a7bf213
Binary files /dev/null and b/static/fonts/Inter-ThinItalic.woff2 differ
diff --git a/static/fonts/InterDisplay-Black.woff2 b/static/fonts/InterDisplay-Black.woff2
new file mode 100644
index 0000000..8138123
Binary files /dev/null and b/static/fonts/InterDisplay-Black.woff2 differ
diff --git a/static/fonts/InterDisplay-BlackItalic.woff2 b/static/fonts/InterDisplay-BlackItalic.woff2
new file mode 100644
index 0000000..735ba21
Binary files /dev/null and b/static/fonts/InterDisplay-BlackItalic.woff2 differ
diff --git a/static/fonts/InterDisplay-Bold.woff2 b/static/fonts/InterDisplay-Bold.woff2
new file mode 100644
index 0000000..11c6719
Binary files /dev/null and b/static/fonts/InterDisplay-Bold.woff2 differ
diff --git a/static/fonts/InterDisplay-BoldItalic.woff2 b/static/fonts/InterDisplay-BoldItalic.woff2
new file mode 100644
index 0000000..5b6a1fb
Binary files /dev/null and b/static/fonts/InterDisplay-BoldItalic.woff2 differ
diff --git a/static/fonts/InterDisplay-ExtraBold.woff2 b/static/fonts/InterDisplay-ExtraBold.woff2
new file mode 100644
index 0000000..9058e98
Binary files /dev/null and b/static/fonts/InterDisplay-ExtraBold.woff2 differ
diff --git a/static/fonts/InterDisplay-ExtraBoldItalic.woff2 b/static/fonts/InterDisplay-ExtraBoldItalic.woff2
new file mode 100644
index 0000000..4cd61c0
Binary files /dev/null and b/static/fonts/InterDisplay-ExtraBoldItalic.woff2 differ
diff --git a/static/fonts/InterDisplay-ExtraLight.woff2 b/static/fonts/InterDisplay-ExtraLight.woff2
new file mode 100644
index 0000000..8621b29
Binary files /dev/null and b/static/fonts/InterDisplay-ExtraLight.woff2 differ
diff --git a/static/fonts/InterDisplay-ExtraLightItalic.woff2 b/static/fonts/InterDisplay-ExtraLightItalic.woff2
new file mode 100644
index 0000000..689c8d9
Binary files /dev/null and b/static/fonts/InterDisplay-ExtraLightItalic.woff2 differ
diff --git a/static/fonts/InterDisplay-Italic.woff2 b/static/fonts/InterDisplay-Italic.woff2
new file mode 100644
index 0000000..11f20bc
Binary files /dev/null and b/static/fonts/InterDisplay-Italic.woff2 differ
diff --git a/static/fonts/InterDisplay-Light.woff2 b/static/fonts/InterDisplay-Light.woff2
new file mode 100644
index 0000000..446301c
Binary files /dev/null and b/static/fonts/InterDisplay-Light.woff2 differ
diff --git a/static/fonts/InterDisplay-LightItalic.woff2 b/static/fonts/InterDisplay-LightItalic.woff2
new file mode 100644
index 0000000..f688196
Binary files /dev/null and b/static/fonts/InterDisplay-LightItalic.woff2 differ
diff --git a/static/fonts/InterDisplay-Medium.woff2 b/static/fonts/InterDisplay-Medium.woff2
new file mode 100644
index 0000000..29160b2
Binary files /dev/null and b/static/fonts/InterDisplay-Medium.woff2 differ
diff --git a/static/fonts/InterDisplay-MediumItalic.woff2 b/static/fonts/InterDisplay-MediumItalic.woff2
new file mode 100644
index 0000000..ef1bcbe
Binary files /dev/null and b/static/fonts/InterDisplay-MediumItalic.woff2 differ
diff --git a/static/fonts/InterDisplay-Regular.woff2 b/static/fonts/InterDisplay-Regular.woff2
new file mode 100644
index 0000000..a6c04f6
Binary files /dev/null and b/static/fonts/InterDisplay-Regular.woff2 differ
diff --git a/static/fonts/InterDisplay-SemiBold.woff2 b/static/fonts/InterDisplay-SemiBold.woff2
new file mode 100644
index 0000000..2b4db23
Binary files /dev/null and b/static/fonts/InterDisplay-SemiBold.woff2 differ
diff --git a/static/fonts/InterDisplay-SemiBoldItalic.woff2 b/static/fonts/InterDisplay-SemiBoldItalic.woff2
new file mode 100644
index 0000000..59091db
Binary files /dev/null and b/static/fonts/InterDisplay-SemiBoldItalic.woff2 differ
diff --git a/static/fonts/InterDisplay-Thin.woff2 b/static/fonts/InterDisplay-Thin.woff2
new file mode 100644
index 0000000..dc0b948
Binary files /dev/null and b/static/fonts/InterDisplay-Thin.woff2 differ
diff --git a/static/fonts/InterDisplay-ThinItalic.woff2 b/static/fonts/InterDisplay-ThinItalic.woff2
new file mode 100644
index 0000000..96439c0
Binary files /dev/null and b/static/fonts/InterDisplay-ThinItalic.woff2 differ
diff --git a/static/fonts/InterVariable-Italic.woff2 b/static/fonts/InterVariable-Italic.woff2
new file mode 100644
index 0000000..f22ec25
Binary files /dev/null and b/static/fonts/InterVariable-Italic.woff2 differ
diff --git a/static/fonts/InterVariable.woff2 b/static/fonts/InterVariable.woff2
new file mode 100644
index 0000000..22a12b0
Binary files /dev/null and b/static/fonts/InterVariable.woff2 differ
diff --git a/static/fonts/inter.css b/static/fonts/inter.css
new file mode 100644
index 0000000..413e197
--- /dev/null
+++ b/static/fonts/inter.css
@@ -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"); }
diff --git a/styles.css b/styles.css
deleted file mode 100644
index df3a41e..0000000
--- a/styles.css
+++ /dev/null
@@ -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;
-}
-