Merge pull request #29 from ipfs/makeresponsive-removefontrefs

Make responsive, remove extraneous font refs, add video icons, CSS refactor
ipfs · May 5, 2020 · e391655 · e391655
2 parents 2d4c67e + 4bd6455
commit e391655
Show file tree

Hide file tree

Showing 7 changed files with 34 additions and 516 deletions.
diff --git 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>

diff --git a/dir-index.html b/dir-index.html
diff --git a/gw-assets/bootstrap.min.css b/gw-assets/bootstrap.min.css
diff --git a/gw-assets/icons.css b/gw-assets/icons.css
diff --git a/gw-assets/style.css b/gw-assets/style.css
diff --git 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

diff --git 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",
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -28,6 +28,8 @@ @@
     .key
     .less
     .mid
+    .mkv
+    .mov
     .mp3
     .mp4
     .mpg
@@ Expand Down Expand Up / @@ -55,6 +57,7 @@ @@
     .tiff
     .txt
     .wav
+    .wmv
     .xls
     .xlsx
     .xml
@@ Expand Down @@