Merge pull request #29 from ipfs/makeresponsive-removefontrefs

Make responsive, remove extraneous font refs, add video icons, CSS refactor

Merge pull request #29 from ipfs/makeresponsive-removefontrefs
Make responsive, remove extraneous font refs, add video icons, CSS refactor
e3916556 · Jessica Schilling · GitHub · 2d4c67ee · 4bd64553 · e3916556
Unverified Commit e3916556 authored May 05, 2020 by Jessica Schilling Committed by GitHub May 05, 2020
7 changed files
--- a/dir-index-uncat.html
+++ b/dir-index-uncat.html
@@ -3,58 +3,9 @@
 <head>
  <meta charset="utf-8" />
  <!-- TODO: seed these - maybe like the starter ex or the webui? -->
-  <link rel="stylesheet" href="/ipfs/QmXB7PLRWH6bCiwrGh2MrBBjNkLv3mY3JdYXCikYZSwLED/bootstrap.min.css"/>
-  <!-- helper to construct this is here: https://github.com/cryptix/exp/blob/master/imgesToCSSData/convert.go -->
-  <link rel="stylesheet" href="/ipfs/QmXB7PLRWH6bCiwrGh2MrBBjNkLv3mY3JdYXCikYZSwLED/icons.css">
-  <style>
-  .narrow {width: 0px;}
-  .padding { margin: 100px;}
-  #header {
-    background: #0b3a53;
-    border-bottom: 4px solid #69c4cd;
-    color: #ffffff;
-    margin: 0;
-    padding: 0;
-  }
-  #logo {
-    height: 35px;
-    margin: 10px;
-  }
-  #header-menu {
-    align-items: center;
-    display: flex;
-    margin: 10px;
-    float: right;
-    font-size: 16px;
-    font-weight: 500;
-  }
-  #header-menu a {
-    color: #69c4cd;
-  }
-  #header-menu a:active, a:visited {
-    color: #9ad4db;
-  }
-  #header-menu a:hover {
-    color: #ffffff;
-  }
-  .header-menu-item {
-    margin: 0px 8px;
-  }
-  #bug-report svg {
-    height: 30px;
-    fill: #69c4cd;
-    margin-top: 2px;
-  }
-  #bug-report svg:hover {
-    fill: #ffffff;
-  }
-  .ipfs-icon {
-    width:16px;
-  }
-  .ipfs-hash {
-    color: #999;
-  }
-  </style>
+  <link rel="stylesheet" href="/ipfs/Qme2SZFZhhgzT4v3d2R87c8KwaozjyqqUrXPzzA85QbGnj/style.css"/>
+  <!-- Icon art is https://fileicons.org/ -->
+  <link rel="stylesheet" href="/ipfs/Qme2SZFZhhgzT4v3d2R87c8KwaozjyqqUrXPzzA85QbGnj/icons.css">
  <title>{{ .Path }}</title>
 </head>
 <body>

--- a/dir-index.html
+++ b/dir-index.html
--- a/gw-assets/bootstrap.min.css
+++ b/gw-assets/bootstrap.min.css
--- a/gw-assets/icons.css
+++ b/gw-assets/icons.css
--- a/gw-assets/style.css
+++ b/gw-assets/style.css
+body{color:#34373f;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.43;margin:0;word-break:break-all;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a{color:#117EB3;text-decoration:none}a:hover{color:#00B0E9;text-decoration:underline}a:active,a:visited{color:#00B0E9}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}table:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}tr:first-child td{border-top:0}tr:nth-of-type(even){background-color:#f7f8fa}td{border-top:1px solid #d9dbe2;padding:.65em;vertical-align:top}#page-header{align-items:center;background:#0b3a53;border-bottom:4px solid #69c4cd;color:#fff;display:flex;font-size:1.12em;font-weight:500;justify-content:space-between;padding:0 1em}#page-header a{color:#69c4cd}#page-header a:active{color:#9ad4db}#page-header a:hover{color:#fff}#page-header-logo{height:2.25em;margin:.7em .7em .7em 0;width:7.15em}#page-header-menu{align-items:center;display:flex;margin:.65em 0}#page-header-menu div{margin:0 .6em}#page-header-menu div:last-child{margin:0 0 0 .6em}#page-header-menu svg{fill:#69c4cd;height:1.8em;margin-top:.125em}#page-header-menu svg:hover{fill:#fff}.menu-item-narrow{display:none}#content{border:1px solid #d9dbe2;border-radius:4px;margin:1em}#content-header{background-color:#edf0f4;border-bottom:1px solid #d9dbe2;border-top-left-radius:3px;border-top-right-radius:3px;padding:.7em 1em}.type-icon{width:1.15em}.no-linebreak{white-space:nowrap}.ipfs-hash{color:#7f8491}@media only screen and (max-width:500px){.menu-item-narrow{display:inline}.menu-item-wide{display:none}}@media print{#page-header{display:none}#content-header,.ipfs-hash,body{color:#000}#content-header{border-bottom:1px solid #000}#content{border:1px solid #000}a,a:visited{color:#000;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}tr{page-break-inside:avoid}tr:nth-of-type(even){background-color:transparent}td{border-top:1px solid #000}}@-ms-viewport{width:device-width}
--- a/knownIcons.txt
+++ b/knownIcons.txt
@@ -28,6 +28,8 @@
 .key
 .less
 .mid
+.mkv
+.mov
 .mp3
 .mp4
 .mpg
@@ -55,6 +57,7 @@
 .tiff
 .txt
 .wav
+.wmv
 .xls
 .xlsx
 .xml

--- a/test/main.go
+++ b/test/main.go
@@ -34,7 +34,7 @@ var testData = listingTemplateData{
 		Name: "this-piece-of-papers-got-47-words-37-sentences-58-words-we-wanna-know.txt",
 		Path: "this-piece-of-papers-got-47-words-37-sentences-58-words-we-wanna-know.txt",
 	}},
-	Path:     "/ipfs/QmFoo",
+	Path:     "/ipfs/QmFooBarQXB2mzChmMeKY47C43LxUdg1NDJ5MWcKMKxDu7RgQm",
 	BackLink: "/..",
 	Hash:     "QmFooBarQXB2mzChmMeKY47C43LxUdg1NDJ5MWcKMKxDu7RgQm",
 }