Added icons to entries per type.

asset/fontawesome/LICENSE.txt

@@ -0,0 +1,34 @@
+Font Awesome Free License
+-------------------------
+
+Font Awesome Free is free, open source, and GPL friendly. You can use it for
+commercial projects, open source projects, or really almost whatever you want.
+Full Font Awesome Free license: https://fontawesome.com/license.
+
+# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
+In the Font Awesome Free download, the CC BY 4.0 license applies to all icons
+packaged as SVG and JS file types.
+
+# Fonts: SIL OFL 1.1 License (https://scripts.sil.org/OFL)
+In the Font Awesome Free download, the SIL OLF license applies to all icons
+packaged as web and desktop font files.
+
+# Code: MIT License (https://opensource.org/licenses/MIT)
+In the Font Awesome Free download, the MIT license applies to all non-font and
+non-icon files.
+
+# Attribution
+Attribution is required by MIT, SIL OLF, and CC BY licenses. Downloaded Font
+Awesome Free files already contain embedded comments with sufficient
+attribution, so you shouldn't need to do anything additional when using these
+files normally.
+
+We've kept attribution comments terse, so we ask that you do not actively work
+to remove them from files, especially code. They're a great way for folks to 
+learn about Font Awesome.
+
+# Brand Icons
+All brand icons are trademarks of their respective owners. The use of these
+trademarks does not indicate endorsement of the trademark holder by Font
+Awesome, nor vice versa. **Please do not use brand logos for any purpose except
+to represent the company, product, or service to which they refer.**

asset/fontawesome/css/brands.css

@@ -0,0 +1,5 @@
+/*!
+ * Font Awesome Free 5.1.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}

asset/fontawesome/css/regular.css

@@ -0,0 +1,5 @@
+/*!
+ * Font Awesome Free 5.1.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}

asset/fontawesome/css/solid.css

@@ -0,0 +1,5 @@
+/*!
+ * Font Awesome Free 5.1.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}

asset/fontawesome/css/svg-with-js.css

@@ -0,0 +1,5 @@
+/*!
+ * Font Awesome Free 5.1.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+.svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;transform:scale(.25);transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;transform:scale(.25);transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;transform:scale(.25);transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;transform:scale(.25);transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;transform:scale(.25);transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:a 2s infinite linear}.fa-pulse{animation:a 1s infinite steps(8)}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1em}.svg-inline--fa.fa-stack-2x{height:2em;width:2em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}

asset/style.css

@@ -41,34 +41,24 @@ a {
 	color:#000; 
 	text-decoration:underline; 
 }
-#entryImportant a { 
-	color:#fff; 
-}
 a#urlseen { 
 	color:#666;  
 }
 
 /* ENTRY */
-.grid-item, #entryImportant { 
+.grid-item { 
 	color:#000; 
 	background:#999;
 	padding:0.5em; 
 	min-height:2.4em;
 	float:left;
 }
-#entryImportant { 
-	color:#DCDCDC; 
-	background:#333333; 
-}
 
 /* TAGS */
 #tags { 
 	font-size:0.8em;
 	color:#000; 
 }
-#entryImportant #tags { 
-	color:#808080; 
-}
 
 /* NOTE, QUOTE, TERM */
 #note, #quote, #term {
@@ -76,6 +66,16 @@ a#urlseen {
 	font-size:0.8em;
 	color:#000; 
 }
-#entryImportant #note, #entryImportant #quote, #entryImportant #term { 
+
-	color:#808080; 
+/* TYPE */
+#type {
+	text-align: center;
+	vertical-align: top;
+	width: 40px; 
+	height: 40px;
+	position: absolute;
+    top: 8px;
+    right: 5px;
+	color:#666; 
+	font-size:1.5em;
 }

content/Memex.ndtl

@@ -72,7 +72,7 @@ LIFE WITHOUT PLASTIC
   PERS : neauoire
   SRCE : Merveilles
   LINK : https://www.lifewithoutplastic.com/store/
-  TYPE : store
+  TYPE : list
   TAGS : env
   DATE : 12018-07-03
   SEEN : false
@@ -192,7 +192,7 @@ NETWORKED PHYSICS
 
 MEAT
   LINK : http://www.terrybisson.com/page6/page6.html
-  TYPE : story
+  TYPE : article
   DATE : 12018-07-03
   QOTE : 'Meat. They're made out of meat.'
   SEEN : true
@@ -303,11 +303,12 @@ KOAN
   TYPE : term
   DATE : 12018-07-04
   QOTE : "A paradoxical anecdote or riddle without a solution, used in Zen Buddhism to demonstrate the inadequacy of logical reasoning and provoke enlightenment."
+  TYPE : quote
   TAGS : philosohpy, paradox
   SEEN : true
   REVI : true
 
-HISTORICAL MINI DOC GERMANY POST WW
+GERMANY POST WW
   LINK : https://www.youtube.com/watch?v=DJUf8MxbcdA
   TYPE : video
   DATE : 12018-07-04
@@ -548,7 +549,7 @@ UNDER THE SKIN: JORDAN PETERSON
 
 JAPANESE POST-WAR DESIGN
   LINK : https://www.disegnodaily.com/article/the-story-of-design-japanese-post-war-design
-  TYPE : design
+  TYPE : article
   DATE : 12018-07-06
   SEEN : false
   TAGS : design
@@ -634,7 +635,7 @@ JAN VERWOERT 2017-11-09
 
 SELF AUTHORING
   LINK : https://selfauthoring.com/
-  TYPE : course
+  TYPE : lecture
   DATE : 12018-07-06
   SEEN : true
   REVI : true
@@ -651,6 +652,7 @@ POV FIGHT
   DATE : 12018-07-06
   SEEN : true
   QOTE : "Fuck political correctness, resist, fight. If you have a point of view, fight for it in the proper manner."
+  TYPE : quote
 
 BORROWED TIME
   PERS : neauoire
@@ -734,6 +736,7 @@ CLIENT SIDE ROUTING
 
 METHOD OF LOCI
   LINK : https://en.wikipedia.org/wiki/Method_of_loci
+  TYPE : article
   SEEN : false
   REVI : true
   NOTE : Memory palace
@@ -753,7 +756,7 @@ ARCANE ALGO ARCHIVE
   PERS : alx
   SRCE : Merveilles
   LINK : https://www.algorithm-archive.org/
-  TYPE : website
+  TYPE : list
   SEEN : true
   DATE : 12018-07-10
   TAGS : code
@@ -884,7 +887,7 @@ ZEIT STATIC HOSTING
   PERS : atteinmos
   SRCE : Merveilles
   LINK : https://zeit.co/
-  TYPE : service
+  TYPE : tool
   TAGS : web
   DATE : 12018-07-12
   NOTE : Web hosting
@@ -1015,7 +1018,7 @@ THE DOORS OF PERCEPTION
 
 VULTR
   LINK : https://www.vultr.com
-  TYPE : service
+  TYPE : tool
   TAGS : web
   DATE : 12018-07-14
   NOTE : Web hosting
@@ -1026,8 +1029,9 @@ WW1 BY WEEK
   TYPE : video
   TAGS : history, war
   DATE : 12018-07-14
-  NOTE : Week by week history of WW1. Week 7.
+  NOTE : Week by week history of WW1.
   SEEN : false
+  PROG : Week 7
 
 SOLARPUNK REFERENCES
   LINK : https://medium.com/solarpunks/solarpunk-a-reference-guide-8bcf18871965
@@ -1093,5 +1097,5 @@ TUDOR MONASTERY FARM
   TYPE : video
   DATE : 12018-07-14
   SEEN : false
-  NOTE : 03
+  PROG : Episode 04
 `

index.html

@@ -3,6 +3,7 @@
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="asset/style.css">
+  <link rel="stylesheet" href="asset/fontawesome/css/all.css">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
   <script src="asset/masonry.pkgd.min.js"></script>

logic/main.js

@@ -38,16 +38,7 @@ function displayEntries(db)
 	    value = db[keys[i]];
 
     	// ENTRY
-    	var idEntry = "grid-item";
+	    entries += `<div class="grid-item">`;
-	 //    if (typeof value.REVI !== 'undefined')
-		// {
-		// 	if (value.REVI == "true")
-		// 	{
-		// 		idEntry = "entryImportant";
-		// 	}
-		// }
-
-	    entries += `<div class="${idEntry}">`;
 	    entries += `${keys[i].toProperCase()}`;
 
 	    // LINK
@@ -64,6 +55,58 @@ function displayEntries(db)
 			entries += `<div id="link"><a href="${String(value.LINK)}" id="${idUrl}">${extractRootDomain(value.LINK)}</a></div>`;
 		}
 
+		// TYPE
+		if (typeof value.TYPE !== 'undefined')
+		{
+			entries += `<div id="type">`;
+			if (value.TYPE == 'article')
+			{
+				entries += `<i class="far fa-newspaper"></i>`;
+			}
+			else if (value.TYPE == 'podcast')
+			{
+				entries += `<i class="fas fa-podcast"></i>`;
+			}
+			else if (value.TYPE == 'video')
+			{
+				entries += `<i class="fas fa-tv"></i>`;
+			}
+			else if (value.TYPE == 'list')
+			{
+				entries += `<i class="fas fa-file-alt"></i>`;
+			}
+			else if (value.TYPE == 'book')
+			{
+				entries += `<i class="fas fa-book-open"></i>`;
+			}
+			else if (value.TYPE == 'game')
+			{
+				entries += `<i class="fas fa-gamepad"></i>`;
+			}
+			else if (value.TYPE == 'service')
+			{
+				entries += `<i class="fas fa-server"></i>`;
+			}
+			else if (value.TYPE == 'lecture')
+			{
+				entries += `<i class="fas fa-chalkboard-teacher"></i>`;
+			}
+			else if (value.TYPE == 'quote')
+			{
+				entries += `<i class="fas fa-comment"></i>`;
+			}
+			else if (value.TYPE == 'tool')
+			{
+				entries += `<i class="fas fa-wrench"></i>`;
+			}
+			else if (value.TYPE == 'music')
+			{
+				entries += `<i class="fas fa-music"></i>`;
+			}
+			 
+			entries += `</div>`;
+		}
+
 		// TAGS
 		if (typeof value.TAGS !== 'undefined')
 		{