diff --git a/_includes/filerow.html b/_includes/filerow.html new file mode 100644 index 0000000..b6ece49 --- /dev/null +++ b/_includes/filerow.html @@ -0,0 +1,12 @@ + +
+ file extension icon +
+
+
{{ include.display_name }}
+
{{ include.file_name }}
+
+
+ download +
+ \ No newline at end of file diff --git a/_layouts/informational.html b/_layouts/informational.html new file mode 100644 index 0000000..ab49972 --- /dev/null +++ b/_layouts/informational.html @@ -0,0 +1,9 @@ +--- +layout: basic +--- + +< {{ page.breadcrumb }}
+ +
+ {{ content }} +
\ No newline at end of file diff --git a/_scss/pages/home.scss b/_scss/pages/home.scss index c7714c9..c0a911d 100644 --- a/_scss/pages/home.scss +++ b/_scss/pages/home.scss @@ -2,7 +2,7 @@ // Body Styles // ------------------------- body { - background-color: #FFFCEC; + background-color: #F9F9F9; min-height: 100vh; } @@ -136,6 +136,113 @@ a:active { object-fit: cover; } +// -------------------------------- +// Informational Layout Styles +// -------------------------------- + +.informational-container { + width: 100%; + max-width: 680px; + margin: 0 auto; + padding: 10px; + img.hero { + width: 100%; + } + img.app-tile { + width: 66px; + height: 66px; + // center within container + display: block; + margin: auto; + // float higher to overlap previous element + position: relative; + top: -33px; + } + h1 { + font-size: 28px; + font-weight: 700; + margin-bottom: 10px; + text-align: center; + } + p.subtitle { + font-size: 16px; + font-weight: 400; + margin: 0 auto 10px auto; + max-width: 340px; + text-align: center; + } + h2 { + font-size: 18px; + font-weight: 500; + margin: 20px 0 10px 0; + } + p { + font-size: 14px; + font-weight: 400; + margin: 10px 0; + } + .filelist { + background-color: white; + border-radius: 20px; + } +} + +// ---------------------------------- +// Copied from butter-dir-listing.css +// ---------------------------------- + +.filerow { + display: flex; + align-items: center; + height: 44px; + margin: 10px; + box-sizing: border-box; + font-family: "Poppins", sans-serif; +} + +.logo-filerow { + display: flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; +} + +.logo-filerow img { + width: 32px; + height: 32px; +} + +.text-filerow { + display: flex; + flex-direction: column; + justify-content: center; + flex-grow: 1; + padding: 0 10px; + box-sizing: border-box; +} + +.text-filerow .upper-text { + font-size: 14px; + line-height: 18px; + padding: 2px; + color: black; +} + +.text-filerow .lower-text { + font-size: 12px; + padding: 2px; + color: gray; +} + +.empty-block { + display: flex; + justify-content: center; + align-items: center; + width: 30px; + height: 30px; +} + // ------------------------- // Button Styles // ------------------------- diff --git a/assets/css/butter-dir-listing.css b/assets/css/butter-dir-listing.css index 544fba9..2166219 100644 --- a/assets/css/butter-dir-listing.css +++ b/assets/css/butter-dir-listing.css @@ -77,7 +77,7 @@ hr.full-width { margin: 0; } -.container { +.filerow { display: flex; align-items: center; width: 100%; @@ -87,7 +87,7 @@ hr.full-width { font-family: "Poppins", sans-serif; } -.logo-container { +.logo-filerow { display: flex; align-items: center; justify-content: center; @@ -95,12 +95,12 @@ hr.full-width { height: 32px; } -.logo-container img { +.logo-filerow img { width: 32px; height: 32px; } -.text-container { +.text-filerow { display: flex; flex-direction: column; justify-content: center; @@ -109,14 +109,14 @@ hr.full-width { box-sizing: border-box; } -.text-container .upper-text { +.text-filerow .upper-text { font-size: 14px; line-height: 18px; padding: 2px; color: black; } -.text-container .lower-text { +.text-filerow .lower-text { font-size: 12px; padding: 2px; color: gray; diff --git a/assets/images/download-icon.svg b/assets/images/download-icon.svg new file mode 100644 index 0000000..5f83ef0 --- /dev/null +++ b/assets/images/download-icon.svg @@ -0,0 +1,6 @@ + + + + \ No newline at end of file diff --git a/assets/images/ext-pbf.svg b/assets/images/ext-pbf.svg new file mode 100644 index 0000000..de2298d --- /dev/null +++ b/assets/images/ext-pbf.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/maps-header.png b/assets/images/maps-header.png new file mode 100644 index 0000000..0c27ea0 Binary files /dev/null and b/assets/images/maps-header.png differ diff --git a/assets/images/osm-tile.png b/assets/images/osm-tile.png new file mode 100644 index 0000000..98789df Binary files /dev/null and b/assets/images/osm-tile.png differ diff --git a/assets/js/butter-dir-listing.js b/assets/js/butter-dir-listing.js index fa5a7ec..8452db5 100644 --- a/assets/js/butter-dir-listing.js +++ b/assets/js/butter-dir-listing.js @@ -15,11 +15,11 @@ console.log("Inferred Base URL:", inferredBaseURL); const getFolderDivHTML = (directory_name, number_of_items, href) => { return ` - -
+ +
directory
-
+
${directory_name}
${number_of_items} items
@@ -35,11 +35,11 @@ const getFileDivHTML = (file_name, size, date, href) => { icon = "ext-" + extension + ".svg"; } return ` - -
+ +
directory
-
+
${file_name}
${size} | ${date}
diff --git a/index.html b/index.html index ab2283a..4dcecd9 100644 --- a/index.html +++ b/index.html @@ -25,11 +25,12 @@ layout: default {% t app_store %}
- - + +
+ Maps Icon + {% t offline_maps %} +
+
diff --git a/maps.html b/maps.html new file mode 100644 index 0000000..66c97a0 --- /dev/null +++ b/maps.html @@ -0,0 +1,23 @@ +--- +layout: informational +breadcrumb: "Offline Maps" +--- + +Maps Header +OpenStreetMaps Tile + +

Navigating Offline

+

OsmAnd is an offline world map application based on OpenStreetMap

+ +[Button goes here] + +

About OsmAnd

+

OsmAnd allows you to navigate taking into account the preferred roads and vehicle dimensions. Plan routes based on inclines and record GPX tracks without an internet connection. OsmAnd is an open source app. It does not collect user data and you decide what data the app will have access to.

+

Map Files

+

Download map files for your region. To import a map file into OsmAnd, locate the file in your device downloads. Then open it with the OsmAnd app.

+ + + +
+ {% include filerow.html display_name="Zimbabwe" file_name="zim.zip" icon_filename="ext-pbf.svg" href="/" %} +
\ No newline at end of file diff --git a/usb-butter/index.html b/usb-butter/index.html new file mode 100644 index 0000000..db29632 --- /dev/null +++ b/usb-butter/index.html @@ -0,0 +1,234 @@ +--- +layout: empty +--- + + + + + + + + + + Index of /usb-butter/ + + + + + + +

Index of /usb-butter/

+
+ + + + + + + + + + + + + + + + +
NameLast ModifiedSizeType
../ -  Directory
John's Folder/2024-Jun-05 12:29:30-  Directory
johns_folder/2024-May-01 15:39:05-  Directory
ocw/2024-Mar-29 20:42:52-  Directory
some_file.txt2024-Jun-05 11:54:570.0Ktext/plain;charset=utf-8
+
+
lighttpd/1.4.69
+ + + + + + \ No newline at end of file diff --git a/usb-butter/johns_folder/index.html b/usb-butter/johns_folder/index.html new file mode 100644 index 0000000..c0e0760 --- /dev/null +++ b/usb-butter/johns_folder/index.html @@ -0,0 +1,226 @@ +--- +layout: empty +--- + + + + + + + + + + Index of /usb-butter/johns_folder/ + + + + + +

Index of /usb-butter/johns_folder/

+
+ + + + + + + + + + +
NameLast ModifiedSizeType
../ -  Directory
johns_subfolder1/2024-Apr-30 17:11:52-  Directory
johns_subfolder2/2024-Apr-30 17:11:54-  Directory
lub.pdf2024-May-01 15:38:2230.3Mapplication/zip
test.apk2024-Mar-07 14:55:590.0Ktext/plain;charset=utf-8
foo.img2024-Mar-07 14:55:590.0Ktext/plain;charset=utf-8
+
+
lighttpd/1.4.69
+ + + + + \ No newline at end of file