done terms

5 files changed, 64 insertions, 4 deletions

diff --git a/layouts/_default/tag.terms.html b/layouts/_default/tag.terms.html
new file mode 100644
index 0000000..e9497b4
--- /dev/null
+++ b/layouts/_default/tag.terms.html
@@ -0,0 +1,36 @@
+{{ define "main" }}
+{{ $pageCount := 8 }}
+{{ $data := .Data }}
+<article>
+	<div>
+		{{ .Content }}
+	</div>
+</article>
+<div>
+	<section class="waterfall">
+		{{ range $key, $value := .Data.Terms }}
+		<section class="pin">
+		<hr class="p-0 my-4" />
+			<div class="clearfix">
+				<span class="float-left text-3xl pr-6 font-serif pt-1">
+					<a href="{{ "/" | relLangURL }}{{ $.Data.Plural | urlize }}/{{ $key | urlize }}">
+						{{ $key }}
+					</a>
+				</span>
+				{{$count:=len ( first $pageCount $value.Pages ) }}
+				{{ range $k,$v:=( first $pageCount $value.Pages ) }}
+				<a class="leading-relaxed text-gray-600 hover:text-gray-700 focus:text-gray-700 font-light "
+					href="{{ .Permalink }}">
+					{{ $v.Title }}
+				</a>
+				<span class="text-gray-600">{{ if lt $k (sub $count 1) }}&nbsp;&#47;&nbsp;{{ end }}</span>
+				{{ end }}
+				{{ if gt (len $value.Pages) $pageCount }}
+				<span class="text-gray-600">&nbsp;&#47;&nbsp;&hellip;</span>
+				{{ end }}
+			</div>
+		</section>
+		{{ end }}
+	</section>
+</div>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html
index 23592db..aec2d51 100644
--- a/layouts/_default/terms.html
+++ b/layouts/_default/terms.html
@@ -7,9 +7,9 @@
 	</div>
 </article>
 <div>
-	<section class="flex flex-wrap">
+	<section>
 		{{ range $key, $value := .Data.Terms }}
-		<section class="w-full xl:w-1/2 xl:pr-4">
+		<section>
 		<hr class="p-0 my-4" />
 			<div class="clearfix">
 				<span class="float-left text-3xl pr-6 font-serif pt-1">
diff --git a/src/sass/style.scss b/src/sass/style.scss
index c4e5296..faf97b8 100644
--- a/src/sass/style.scss
+++ b/src/sass/style.scss
@@ -235,6 +235,15 @@ a {
     @apply text-java-400 ;
 }
 
+@media all and  (min-width:1024px){
+.waterfall {
+    column-count: 2;
+    column-gap: 1rem;
+  }
+  .pin {
+    break-inside: avoid;
+    padding: 5px;
+  }}
 /* purgecss end ignore */
 
 @import "tailwindcss/utilities";
\ No newline at end of file
diff --git a/static/dist/app.css b/static/dist/app.css
index 3596902..ce0b800 100644
--- a/static/dist/app.css
+++ b/static/dist/app.css
@@ -906,6 +906,21 @@ a:hover, a:focus {
   color: #80D2CD;
 }
 
+@media all and (min-width: 1024px) {
+  .waterfall {
+    -moz-column-count: 2;
+         column-count: 2;
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+
+  .pin {
+    -moz-column-break-inside: avoid;
+         break-inside: avoid;
+    padding: 5px;
+  }
+}
+
 /* purgecss end ignore */
 
 .sr-only {
diff --git a/static/dist/app.js b/static/dist/app.js
index 7966053..5432386 100644
--- a/static/dist/app.js
+++ b/static/dist/app.js
@@ -103,9 +103,9 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _sas
   !*** ./sass/style.scss ***!
   \*************************/
 /*! no static exports found */
-/***/ (function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-eval("throw new Error(\"Module build failed (from ../node_modules/mini-css-extract-plugin/dist/loader.js):\\nModuleBuildError: Module build failed (from ../node_modules/sass-loader/dist/cjs.js):\\nError: Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime (83)\\nFor more information on which environments are supported please see:\\nhttps://github.com/sass/node-sass/releases/tag/v4.13.1\\n    at module.exports (/home/hh/playground/hugo-theme-testbed/22/themes/theme01/node_modules/node-sass/lib/binding.js:13:13)\\n    at Object.<anonymous> (/home/hh/playground/hugo-theme-testbed/22/themes/theme01/node_modules/node-sass/lib/index.js:14:35)\\n    at Module._compile (internal/modules/cjs/loader.js:1176:30)\\n    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1196:10)\\n    at Module.load (internal/modules/cjs/loader.js:1040:32)\\n    at Function.Module._load (internal/modules/cjs/loader.js:929:14)\\n    at Module.require (internal/modules/cjs/loader.js:1080:19)\\n    at require (internal/modules/cjs/helpers.js:72:18)\\n    at getDefaultSassImplementation (/home/hh/playground/hugo-theme-testbed/22/themes/theme01/node_modules/sass-loader/dist/getDefaultSassImplementation.js:24:10)\\n    at getSassImplementation (/home/hh/playground/hugo-theme-testbed/22/themes/theme01/node_modules/sass-loader/dist/getSassImplementation.js:19:72)\\n    at /home/hh/playground/hugo-theme-testbed/22/themes/theme01/node_modules/webpack/lib/NormalModule.js:316:20\\n    at /home/hh/playground/hugo-theme-testbed/22/themes/theme01/node_modules/loader-runner/lib/LoaderRunner.js:367:11\\n    at /home/hh/playground/hugo-theme-testbed/22/themes/theme01/node_modules/loader-runner/lib/LoaderRunner.js:233:18\\n    at runSyncOrAsync (/home/hh/playground/hugo-theme-testbed/22/themes/theme01/node_modules/loader-runner/lib/LoaderRunner.js:143:3)\\n    at iterateNormalLoaders (/home/hh/playground/hugo-theme-testbed/22/themes/theme01/node_modules/loader-runner/lib/LoaderRunner.js:232:2)\\n    at Array.<anonymous> (/home/hh/playground/hugo-theme-testbed/22/themes/theme01/node_modules/loader-runner/lib/LoaderRunner.js:205:4)\\n    at Storage.finished (/home/hh/playground/hugo-theme-testbed/22/themes/theme01/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)\\n    at /home/hh/playground/hugo-theme-testbed/22/themes/theme01/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9\\n    at /home/hh/playground/hugo-theme-testbed/22/themes/theme01/node_modules/graceful-fs/graceful-fs.js:115:16\\n    at FSReqCallback.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:63:3)\");//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiIuL3Nhc3Mvc3R5bGUuc2Nzcy5qcyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./sass/style.scss\n");
+eval("// extracted by mini-css-extract-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zYXNzL3N0eWxlLnNjc3M/MGEyZSJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiIuL3Nhc3Mvc3R5bGUuc2Nzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIGV4dHJhY3RlZCBieSBtaW5pLWNzcy1leHRyYWN0LXBsdWdpbiJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./sass/style.scss\n");
 
 /***/ }),