mirror of
https://github.com/TangentFoxy/memex.git
synced 2024-11-22 04:54:23 +00:00
Added icons to entries per type.
This commit is contained in:
kor
parent
676626b7eb
commit
0928295857
34
asset/fontawesome/LICENSE.txt
Normal file
34
asset/fontawesome/LICENSE.txt
Normal file
@ -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.**
|
||||
5
asset/fontawesome/css/all.css
vendored
Normal file
5
asset/fontawesome/css/all.css
vendored
Normal file
File diff suppressed because one or more lines are too long
5
asset/fontawesome/css/brands.css
vendored
Normal file
5
asset/fontawesome/css/brands.css
vendored
Normal file
@ -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"}
|
||||
5
asset/fontawesome/css/fontawesome.css
vendored
Normal file
5
asset/fontawesome/css/fontawesome.css
vendored
Normal file
File diff suppressed because one or more lines are too long
5
asset/fontawesome/css/regular.css
vendored
Normal file
5
asset/fontawesome/css/regular.css
vendored
Normal file
@ -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}
|
||||
5
asset/fontawesome/css/solid.css
vendored
Normal file
5
asset/fontawesome/css/solid.css
vendored
Normal file
@ -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}
|
||||
5
asset/fontawesome/css/svg-with-js.css
vendored
Normal file
5
asset/fontawesome/css/svg-with-js.css
vendored
Normal file
@ -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}
|
||||
2170
asset/fontawesome/css/v4-shims.css
vendored
Normal file
2170
asset/fontawesome/css/v4-shims.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
5
asset/fontawesome/css/v4-shims.min.css
vendored
Normal file
5
asset/fontawesome/css/v4-shims.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
asset/fontawesome/webfonts/fa-regular-400.ttf
Normal file
BIN
asset/fontawesome/webfonts/fa-regular-400.ttf
Normal file
Binary file not shown.
BIN
asset/fontawesome/webfonts/fa-solid-900.ttf
Normal file
BIN
asset/fontawesome/webfonts/fa-solid-900.ttf
Normal file
Binary file not shown.
@ -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;
|
||||
}
|
||||
@ -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
|
||||
`
|
||||
@ -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>
|
||||
|
||||
@ -38,16 +38,7 @@ function displayEntries(db)
|
||||
value = db[keys[i]];
|
||||
|
||||
// ENTRY
|
||||
var idEntry = "grid-item";
|
||||
// if (typeof value.REVI !== 'undefined')
|
||||
// {
|
||||
// if (value.REVI == "true")
|
||||
// {
|
||||
// idEntry = "entryImportant";
|
||||
// }
|
||||
// }
|
||||
|
||||
entries += `<div class="${idEntry}">`;
|
||||
entries += `<div class="grid-item">`;
|
||||
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')
|
||||
{
|
||||
|
||||
Loading…
Reference in New Issue
Block a user