From 3d7de2eb8b2ffba983190691e3c6df256f538726 Mon Sep 17 00:00:00 2001 From: kor Date: Sat, 15 Sep 2018 10:24:12 +1200 Subject: [PATCH] Add css refactor progress continued. --- docs/asset/style.css | 187 ++++++------- docs/content/data.ndtl | 607 ++++++++++++++++++++++++++++++++++++++++- 2 files changed, 694 insertions(+), 100 deletions(-) diff --git a/docs/asset/style.css b/docs/asset/style.css index a0ab010..5de1c27 100644 --- a/docs/asset/style.css +++ b/docs/asset/style.css @@ -1,7 +1,7 @@ :root { --color-bg: var(--background); - --color-menu: var(--f_high); /*previously --b_med*/ + --color-menu: var(--f_high); /*previously --b_med*/ --color-menubg: var(--b_low); --color-menuascent: var(--b_inv); @@ -9,8 +9,8 @@ --color-itembg: var(--b_low); --color-itemascent: var(--b_inv); - --color-image: #fff; /*Text overlaying an image item*/ - --color-imagedarken: #000; /*Overlay on image as text background */ + --color-image: #fff; /*Text overlaying an image item*/ + --color-imagedarken: #000; /*Overlay on image as text background */ --alpha-darken: 0.2; --alpha-idle: 0.4; @@ -18,35 +18,35 @@ --alpha-ascent: 1.0; --size-menu: 150px; - --size-menu-item-sepv: 14px; /*vertical space between menu items*/ - --size-menu-item-seph: 10px; /*horizontal space between menu item count and icon*/ - --size-menu-itemgroup-sepv: 30px; /*vertical space between menu types (types to terms, terms to tags)*/ - --size-menu-tag-sepv: 10px; /*space between tag items*/ + --size-menu-item-sepv: 14px; /*vertical space between menu items*/ + --size-menu-item-seph: 10px; /*horizontal space between menu item count and icon*/ + --size-menu-itemgroup-sepv: 30px; /*vertical space between menu types (types to terms, terms to tags)*/ + --size-menu-tag-sepv: 10px; /*space between tag items*/ --size-grid-gutter: 20px; --size-grid-column: 350px; --size-item-corner: 3px; - --size-item-elem-padding: 1em; /*vertical space between grid item internal elements (tags, notes, quotes etc)*/ - --size-item-elem-sep: 0.75em; /*horizontal space between item element icon and element text (tag icon and tags)*/ + --size-item-elem-padding: 1em; /*vertical space between grid item internal elements (tags, notes, quotes etc)*/ + --size-item-elem-sep: 0.75em; /*horizontal space between item element icon and element text (tag icon and tags)*/ --size-font-title: 1em; --size-font-body: 0.8em; --size-font-menutypes: 1em; --size-font-menutags: 0.8em; - --size-font-bodytypes: 1em; /*font size of type icon/count*/ + --size-font-bodytypes: 1em; /*font size of type icon/count*/ - /*TODO: refactor these; */ - --color-overlay-bg-i: #000; /*idle*/ - --color-overlay-bg-e: #111; /*enabled*/ - --color-overlay-item-i: #222; /*idle*/ - --color-overlay-item-e: #333; /*enabled*/ - --color-overlay-item-a: #666; /*ascent*/ + /*TODO: refactor variables below; */ + --color-overlay-bg-i: #000; /*idle*/ + --color-overlay-bg-e: #111; /*enabled*/ + --color-overlay-item-i: #222; /*idle*/ + --color-overlay-item-e: #333; /*enabled*/ + --color-overlay-item-a: #666; /*ascent*/ } * { @@ -63,22 +63,20 @@ body { padding: 0em; margin: 0; } - -/* MENU */ .menu { - background: var(--color-menubg); padding-top: var(--size-grid-gutter); + background: var(--color-bg); + opacity: var(--alpha-idle); width: var(--size-menu); position: fixed; height: 100%; z-index: 100; left: 0px; top: 0px; - overflow-y: scroll; - opacity: var(--alpha-idle); + /*overflow-y: scroll;*/ /*allow menu to scroll on small screens*/ } .menu:hover { - opacity: var(--alpha-enabled); + opacity: var(--alpha-ascent); } .menu::-webkit-scrollbar { display: none; @@ -89,15 +87,15 @@ body { float: left; } .menu-item { - color: var(--color-menu); - opacity: var(--alpha-idle); padding-bottom: calc(var(--size-menu-item-sepv) / 2); padding-top: calc(var(--size-menu-item-sepv) / 2); font-size: var(--size-font-menutypes); + opacity: var(--alpha-idle); + color: var(--color-menu); + text-align: center; margin: 0px auto; width: 100%; float: left; - text-align: center; } .menu-item:hover { color: var(--color-menuascent); @@ -113,7 +111,6 @@ body { .menu-itemicon { margin-left: calc(var(--size-menu-item-seph) / 2); margin-top: calc(var(--size-font-bodytypes) / 10); - width: calc(var(--size-font-bodytypes) * 1.25); display: inline-block; text-align: center; @@ -124,10 +121,10 @@ body { display: table; } .menu-tagicon { - opacity: var(--alpha-idle); padding-bottom: calc(var(--size-menu-item-sepv) / 2); padding-top: calc(var(--size-menu-item-sepv) / 2); font-size: var(--size-font-menutags); + opacity: var(--alpha-idle); color: var(--color-menu); display: table-row; text-align: center; @@ -135,11 +132,11 @@ body { float: left; } .menu-tag { - opacity: var(--alpha-idle); - color: var(--color-menu); padding-bottom: calc(var(--size-menu-tag-sepv) / 2); padding-top: calc(var(--size-menu-tag-sepv) / 2); font-size: var(--size-font-body); + opacity: var(--alpha-idle); + color: var(--color-menu); width: 100%; float: left; clear: left; @@ -157,8 +154,8 @@ body { opacity: var(--alpha-ascent); } .menu-tag:hover .menu-taglabel { - color: var(--color-menubg); background-color: var(--color-itemascent); + color: var(--color-menubg); } .menu-tag:hover .menu-tagcount { color: var(--color-itemascent); @@ -181,14 +178,14 @@ body { clear: both; } .grid-item, .grid-itemwide { + padding-bottom: var(--size-grid-gutter); border-radius: var(--size-item-corner); + margin-bottom: var(--size-grid-gutter); background: var(--color-itembg); - margin-bottom: var(--size-grid-gutter); width: var(--size-grid-column); text-decoration: none; - float: left; - padding-bottom: var(--size-grid-gutter); position: relative; + float: left; } .grid-item:hover, .grid-itemwide:hover { opacity: var(--alpha-ascent); @@ -199,86 +196,81 @@ body { } } - - - - - - -.grid-item-upper-content { +.grid-item:hover { + background: var(--color-itembg); + opacity: 1; +} +.grid-itemupper { padding: var(--size-grid-gutter) var(--size-grid-gutter) 0 var(--size-grid-gutter); display: inline-block; z-index: 100; width: 100%; } -.grid-item-image .grid-item-upper-content { - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; -} -.grid-item-lower-content { +.grid-itemlower { padding: 0 var(--size-grid-gutter) 0 var(--size-grid-gutter); z-index: 100; } -.grid-item-image .grid-item-lower-content { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - padding-bottom: var(--size-grid-gutter); -} -.grid-item-lower-content:empty { +.grid-itemlower:empty { display: none; } .grid-item-image { + background: transparent; padding-bottom: 0; overflow: hidden; - background: transparent; } -.grid-item img { +.grid-item-image .grid-itemupper { + position: absolute; + height: 100%; + width: 100%; + left: 0; + top: 0; +} +.grid-item-image .grid-itemlower { + padding-bottom: var(--size-grid-gutter); + position: absolute; + width: 100%; + bottom: 0; + left: 0; +} +.grid-item-imageimg { border-radius: var(--size-item-corner); vertical-align: middle; /* vertical-align css hack removes bottom padding */ - object-fit: cover; - margin-bottom: 0px; - width: 100%; max-height: 1000px; + margin-bottom: 0px; + object-fit: cover; + width: 100%; z-index: 0; } - -.grid-item:hover { - /*box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1);*/ - /*mix-blend-mode: multiply;*/ - background: var(--color-itembg); - opacity: 1; -} .image-overlay { - width: 100%; - height: 100%; - position: absolute; - z-index: 10; background-color: var(--color-imagedarken); + position: absolute; + height: 100%; + width: 100%; + z-index: 10; opacity: 0; } .grid-item-image:hover .image-overlay { opacity: var(--alpha-darken); } + + + +/*TODO: refactor below; */ + + /* LINK */ -.grid-item .link { +.grid-itemlink { width: calc(100% - var(--size-font-bodytypes)*2); float: left; clear: both; -} -.grid-item .link { text-decoration: none; display: inline-block; } -.grid-item-image .link { +.grid-item-image .grid-itemlink { display: none; } -.grid-item-image:hover .link { +.grid-item-image:hover .grid-itemlink { display: initial; text-shadow: 0 0 3em #000; } @@ -301,27 +293,30 @@ body { text-shadow: 0 0 3em #000; color: white; } -.grid-item .link .link-line { +.grid-itemlink .link-line { margin-top: var(--size-item-elem-padding); float: left; clear: both; } -.grid-item .link i { +.grid-itemlinkicon { float: left; + opacity: var(--alpha-idle); } -.grid-item .link .link-title { +.grid-itemlink .link-title { color: var(--color-item); font-size: var(--size-font-body); float: left; } -.grid-item:hover .link .link-title { - color: var(--color-item); -} -.grid-item .link:hover .link-title { +.grid-itemlink:hover .link-title { background-color: var(--color-itemascent); color: var(--color-itembg); } + + + + + /* TYPE */ .grid-item .type { opacity: var(--alpha-idle); @@ -336,15 +331,15 @@ body { right: 0px; top: 0px; } -.grid-item-image .grid-item-upper-content a .type i { +.grid-item-image .grid-itemupper a .type i { display: none; } -.grid-item-image:hover .grid-item-upper-content a .type i { +.grid-item-image:hover .grid-itemupper a .type i { display: initial; color: var(--color-image); opacity: var(--alpha-enabled); } -.grid-item-image:hover .grid-item-upper-content a:hover .type i { +.grid-item-image:hover .grid-itemupper a:hover .type i { display: initial; color: var(--color-image); } @@ -398,20 +393,20 @@ body { /*.grid-item:hover .tags:hover { opacity: var(--alpha-ascent); }*/ -.grid-item-image .grid-item-lower-content .link, -.grid-item-image .grid-item-lower-content .note, -.grid-item-image .grid-item-lower-content .quote, -.grid-item-image .grid-item-lower-content .term, -.grid-item-image .grid-item-lower-content .tags, -.grid-item-image .grid-item-lower-content .auth, -.grid-item-image .grid-item-lower-content .prog { +.grid-item-image .grid-itemlower .link, +.grid-item-image .grid-itemlower .note, +.grid-item-image .grid-itemlower .quote, +.grid-item-image .grid-itemlower .term, +.grid-item-image .grid-itemlower .tags, +.grid-item-image .grid-itemlower .auth, +.grid-item-image .grid-itemlower .prog { color: var(--color-image); } -.grid-item-image .grid-item-lower-content { +.grid-item-image .grid-itemlower { display: none; } -.grid-item-image:hover .grid-item-lower-content { +.grid-item-image:hover .grid-itemlower { display: initial; } .tags a { diff --git a/docs/content/data.ndtl b/docs/content/data.ndtl index 08ce48a..881694d 100644 --- a/docs/content/data.ndtl +++ b/docs/content/data.ndtl @@ -304,6 +304,7 @@ GNOSTICISM KOAN PERS : faun SRCE : Merveilles + LINK : https://en.wikipedia.org/wiki/K%C5%8Dan LINK : http://www.ashidakim.com/zenkoans/zenindex.html TYPE : list DATE : 12018-07-04 @@ -312,7 +313,6 @@ KOAN REVI : true TERM > Koan: 'A paradoxical anecdote or riddle without a solution, used in Zen Buddhism to demonstrate the inadequacy of logical reasoning and provoke enlightenment.' - NOTE : https://en.wikipedia.org/wiki/K%C5%8Dan GERMANY POST WW LINK : https://www.youtube.com/watch?v=DJUf8MxbcdA @@ -1436,7 +1436,8 @@ MARRIAGE TYPE : quote GROWTH - QOTE : 'Growth for the sake of growth is the ideology of the cancer cell.' - Edward Abbey + QOTE : 'Growth for the sake of growth is the ideology of the cancer cell.' + AUTH : Edward Abbey NOTE : The Journey Home: Some Words in Defense of the American West DATE : 12018-07-17 DONE : true @@ -2789,10 +2790,608 @@ OUTGUESS > Steganography: "is the practice of concealing a file, message, image, or video within another file, message, image, or video. The word steganography combines the Greek words steganos (στεγανός), meaning covered, concealed, or protected, and graphein (γράφειν) meaning writing." META KNOWLEDGE + DATE : 12018-08-22 PERS : neauiore SRCE : Github LINK : https://github.com/RichardLitt/meta-knowledge - DATE : 12018-08-22 TYPE : encyclopedia TAGS : inspiration, history, psychology, science, ai, code, env - REVI : true \ No newline at end of file + REVI : true + +CYBERIAD + DATE : 12018-08-26 + TYPE : book + NOTE : Cyberiad + PERS : neauoire + SRCE : Merveilles + QOTE + > "it's a bit like douglas adams humour. it's the story of 2 scientists making machines. it's told in super abrupt format, every chapter is like 3-4 pages long. it made me laugh out loud a few times. like the first story, to give you an idea, is like, one of the scientist makes a machne that can create anything that starts with the letter n." + > "I love that chapter in the cyberiad about the armies that became too smart to fight became philosophers and pondered on the concept itself of "enemies" and went off to pick daisies instead" + +STAR DIARIES + DATE : 12018-08-26 + TYPE : book + NOTE : The Star Diaries + PERS : alx + SRCE : Merveilles + QOTE + > "if you like The Cyberiad I implore you to pick up The Star Diaries" + > "There's one of his stories, I can't remember which. + & where the one society makes moral laws physical + & so if you say, try to hurt another person, the nanobots in the air simply make the air thicker so that you can't" + +MERMAID TAVERN + DATE : 12018-08-27 + QOTE : London tavern where famous writers hung out in Shakespare's time. Like the 'White Horse Tavern' in NYC. 38:00ish + LINK : https://jrelibrary.com/1158-chuck-palahniuk/ + AUTH : Chuck Palahniuk + TYPE : term + NOTE : Novelist Fight Club, Choke, Lullaby. + +P2P LINKS + DATE : 12018-08-31 + LINK : https://docs.google.com/spreadsheets/d/1LFbflHSdTLqCDc0fio10cVKuuMQdG9qPJ4B7nmpIH5M/edit#gid=0 + TYPE : list + PERS : zelf + SRCE : SSB + TAGS : p2p, philosophy + REVI : true + +CRYPTOSPHERE PHILOSOPHY + DATE : 12018-08-31 + LINK : https://github.com/cryptosphere/cryptosphere/wiki/Philosophy + TYPE : article + PERS : zelf + SRCE : SSB + TAGS : p2p, philosophy + +STRUCURELESSNESS TYRANNY + DATE : 12018-08-31 + LINK : http://struggle.ws/pdfs/tyranny.pdf + TYPE : article + PERS : zelf + SRCE : SSB + TAGS : p2p, philosophy + FILE : 12018-08-31_tyranny.pdf + +SOLAR ORNAMENTING + DATE : 12018-08-31 + LINK : https://www.e-flux.com/architecture/positions/191258/is-ornamenting-solar-panels-a-crime/ + TYPE : article + TAGS : solarpunk + +LIFE OUTSIDE + DATE : 12018-08-31 + LINK : http://syzygyzip.tumblr.com/post/177468735390/life-outside-the-settlement + TYPE : article + PERS : theneko + SRCE : Merveilles + TAGS : gamedev, game, dark souls + +SUNBEAM CITY + DATE : 12018-08-31 + PERS : neauoire + SRCE : Merveilles + LINK : http://solarpunk.sunbeam.city/ + TYPE : article + TAGS : solarpunk + TERM + > Solarpunk: Solarpunks cherish both nature and progress, the individual and the community. + & They believe in a world that is green, colourful, and bright. It can be described as a literary genre, an aesthetic, or a movement. + & The key points are: + & + - An emphasis on renewable energy, especially solar power. + - A demand for technology and society to re-centre around sustainability, longevity, and balance. + - A focus on decentralisation, community activism, social justice and civic empowerment. + - A recognition that economic, social, and ecological injustices are all deeply inter-connected. + +SUSPIRIA 2018 + DATE : 12018-08-31 + TYPE : video + +RIGHT TO FOOD + DATE : 12018-08-31 + LINK : https://www.righttofood.org/ + PERS : pcell + SRCE : Merveilles + +SOLARPUNK NOTES + DATE : 12018-08-31 + LINK : https://hieroglyph.asu.edu/2014/09/Solarpunk-notes-toward-a-manifesto/ + PERS : neauoire + SRCE : Merveilles + TAGS : solarpunk + TYPE : article + +TATAMI GALAXY + DATE : 12018-08-31 + LINK : https://en.wikipedia.org/wiki/The_Tatami_Galaxy + PERS : neauoire + SRCE : Merveilles + TYPE : video + NOTE : Allan Xia + +THIRTY MILLION LINE + DATE : 12018-08-31 + LINK : https://www.youtube.com/watch?v=kZRE7HIO3vk + PERS : cancel + SRCE : Merveilles + TYPE : video + TAGS : code + NOTE : "A historical argument for creating a stable instruction set architecture (ISA) for entire system-on-a-chip (SoC) packages." + +ANTI-WEB-DESIGN + DATE : 12018-08-31 + LINK : http://brandon.invergo.net/news/2013-03-10-Anti-web-design-Manifesto.html + PERS : nownpl + SRCE : Merveilles + TYPE : article + TAGS : code, web + +LEAN SOFTWARE + DATE : 12018-08-31 + LINK : https://cr.yp.to/bib/1995/wirth.pdf + PERS : neauoire + SRCE : Merveilles + TYPE : article + FILE : 12018-08-31_lean.pdf + TAGS : code + +MINIMAL MANIFESTO + DATE : 12018-08-31 + LINK : https://lobste.rs/s/uptc4y/manifesto_for_minimalist_software + TYPE : article + TAGS : code, web + PERS : neauoire + SRCE : Merveilles + +ISEKAI + DATE : 12018-08-31 + TYPE : term + TERM + > Isekai: (Japanese "different world") "a subgenre of Japanese fantasy light novels, manga, anime, and video games revolving around a normal person being transported to or trapped in a parallel universe. Often, this universe already exists in the protagonist's world as a fictional universe, but it may also be unbeknownst to them. The new universe can be an entirely different world where only the protagonist has any memory of their former life, as in Saga of Tanya the Evil or one where they reincarnate in. It may also be one where a formerly virtual world turns into a real one, such as in Log Horizon and Overlord." + +DREAM + DATE : 12018-09-01 + TYPE : quote + QOTE + > "All men dream; but not equally. + & Those who dream by night in the dusty + & recesses of their minds + & Awake to find that it was vanity; + & But the dreamers of day are dangerous men. + & That they may act their dreams with open + & eyes to make it possible" + AUTH : T. E. Lawrence + +ARTISTS + DATE : 12018-09-01 + TYPE : quote + AUTH : Alan Moore + QOTE : “In latter times, I think that artists and writers have allowed themselves to be sold down the river. They have accepted the prevailing belief that art and writing are merely forms of entertainment. They are not seen as transformative forces that can change a human being, that can change a society. They are seen as simple entertainment. Things with which to fill 20 minutes, half an hour while we are waiting to die. + & It is not the job of artists to give the audience what the audience wants. If the audience knew what they needed then they wouldn’t be audience, they would be the artists. It is the job of artists to give the audience what they need.” + +BILLIONS + TYPE : quote + DATE : 12018-09-01 + QOTE : “This is a present from a small distant world, a token of our sounds, our science, our images, our music, out thoughts and our feelings. We are attempting to survive our time so we may live into yours. We hope someday, having solved the problems we face, to join a community of galactic civilizations. This record represents our hope and our determination, and our good will in a vast and awesome universe.” + +CIVIL OBEDIENCE PROBLEM + AUTH : Howard Zinn + TYPE : quote + DATE : 12018-09-01 + LINK : https://vimeo.com/48834336 + QOTE : “… to establish the principles of the Declaration of Independence, we are going to need to go outside the law, to stop obeying the laws that demand killing or that allocate wealth the way it has been done, or that put people in jail for petty technical offences and keep other people out of jail for enormous crimes…” + +DIGITAL FIRES + DATE : 12018-09-01 + TYPE : quote + AUTH : Phil James + QOTE : "...our small digital fires we keep alight at night." + +MARBLE + DATE : 12018-09-01 + TYPE : quote + QOTE : "As we got farther and farther away, the Earth diminished in size. Finally it shrank to the size of a marble, the most beauitful marble you can imagine... seeing this has to change a man." + AUTH : James Irwin + NOTE : Apollo 15 + +DEATH OF AWE + DATE : 12018-09-04 + TYPE : quote + LINK : https://www.vice.com/en_us/article/9bg9x5/the-death-of-awe-in-the-age-of-awesome-394 + QOTE : "As spirituality wanes, experience is the new faith and we are refuges from the mundane." + +AESTHETIC CONTEMPLATION + DATE : 12018-09-04 + TYPE : quote + QOTE : “For a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder.” + +UNENCUMBERED + DATE : 12018-09-04 + TYPE : quote + QOTE : "this sense of first sight unencumbered by knowingness" + +POMEGRANATES COLOR + DATE : 12018-09-06 + TYPE : video + LINK : https://www.youtube.com/watch?v=8MXjUf05HVE + QOTE : + > "The world is a window" + > "Stop asking 'what does this mean?', and start asking 'how does it make me feel?'" + > "There is always a new way to see." + +IKIGAI + DATE : 12018-09-06 + TYPE : term + TERM + > Ikigai: "A Japanese concept meaning 'a reason for being'" + FILE : 12018-09-06_ikigai.jpg + +MAGICIAN + DATE : 12018-09-08 + TYPE : quote, video + LINK : https://www.youtube.com/watch?v=4unDD4OUUNQ + QOTE : "We often mistakenly think that we are very different from our ancient ancestors, with our great knowledge and our amazing technology. But the origins of our knowledge and technology lie in the minds of men like the old Aborigine. He, and all those like him in tribal and ancient societies were accessing the magician energy." + AUTH : Moore & Gillette + +CLOUD ATLAS + DATE : 12018-09-08 + TYPE : quote, video, book + QOTE : "Our lives are not our own. We are bound to others, past and present, and by each crime and every kindness, we birth our future" + AUTH : David Mitchell + + DATE : 12018-09-08 + AUTH : Aleksandr Solzhenitsyn + QOTE + > “If only it were all so simple! If only there were evil people somewhere insidiously committing evil deeds, and it were necessary only to separate them from the rest of us and destroy them. But the line dividing good and evil cuts through the heart of every human being. And who is willing to destroy a piece of his own heart?” + & "During the life of any heart this line keeps changing place; sometimes it is squeezed one way by exuberant evil and sometimes it shifts to allow enough space for good to flourish. One and the same human being is, at various ages, under various circumstances, a totally different human being. At times he is close to being a devil, at times to sainthood. But his name doesn't change, and to that name we ascribe the whole lot, good and evil." + + DATE : 12018-09-08 + AUTH : Cyprian Norwid + QOTE : "Beauty is to enthuse us for work, and work is to raise us up" + + DATE : 12018-09-08 + AUTH : Aleksandr Solzhenitsyn + QOTE : "Beauty will save the world" + LINK : https://www.youtube.com/watch?v=LwLP62fL83k + +GOLDEN MEAN + DATE : 12018-09-08 + AUTH : Aristotle + TAGS : philosphy + TYPE : term + TERM + > Golden Mean: the desirable middle between two extremes, one of excess (recklessness) and the other of deficiency (cowardice). + +READER DEATH + DATE : 12018-09-08 + AUTH : Roland Barthes + QOTE : "a text's unity lies not in its origin but in its destination." + +GEO-CENTROID PYRAMID + DATE : 12018-09-08 + LINK : https://en.wikipedia.org/wiki/Geographical_centre_of_Earth + TYPE : article + QOTE : "...knowledge of the Great Pyramid being the geographical centre was 'determined by many years of scientific investigation' and that the Great Pyramid was likely to be the "last of the present land surface of the earth" to survive a cataclysmic event, due to its positioning." + TAGS : pyramid, env + PROJ : Dastime + +MONEY SUPPLY + DATE : 12018-09-10 + TYPE : quote + QOTE + > Nathan Mayer Rothschild: "I care not what puppet is placed upon the throne of England to rule the Empire on which the sun never sets. + & "The man who controls Britain's money supply controls the British Empire, and I control the British money supply." + AUTH : + > Mayer Amschel Rothschild: "Permit me to issue and control the money of a nation, and I care not who makes its laws." + +CONVENTIONAL MINDS + DATE : 12018-09-10 + QOTE + > John Anthony West: "Few things in this world are more predictable that the reaction of conventional minds to unconventional ideas." + + + DATE : 12018-09-10 + LINK : https://www.cryptovoxels.com/play?coords=NE@53E,31S + + DATE : 12018-09-10 + LINK : https://github.com/hellerve/programming-talks + + +JAVASCRIPT + DATE : 12018-09-10 + SNIP + > call(): allows for a function/method belonging to one object to be assigned and called for a different object + + + +Imagine you woke up naked in a field, in the middle of nowhere. You have no idea where you are, or how you got there. What do you do? First, you’d probably go into survival mode; you’d look for the basic necessities to sustain life: water, food, and shelter from the elements. + +Once you had everything you needed to stay alive, and you knew that, if nothing else, you could at least remain in your current location indefinitely, you might start to wonder what in the hell happened: one minute you’re bouncing around Reddit, the next you’re bare-ass in the middle of nowhere. + +After you come to grips with the reality of the situation, you’d probably want to try and figure out where in the hell you are. You might try and look for clues from your environment or maybe a constellation you recognize, or perhaps you decide to do a little exploring around the immediate area, to see if there’s anything around that could give you some clue as to where in the hell you are. + +Let’s say that your efforts reveal that you’re in the middle of Africa. Once you’ve figured out where you are, you only have two choices left: stay there and simply exist as long as you can, or attempt to get back to civilization; either option has it’s own risks. + +If you chose to stay where you are, then that’s essentially it for you, you now know how your future will play out: you’ll remain at your current location until you either die of old age, or your area becomes unable to sustain life. Either way, the game is over for you; your entire existence becomes about survival, and you’re just running out the clock until, at some point in the future, you cease to exist. + +Maybe you decide to try and leave a message for someone to find in the future, maybe you’re content to simply fade off into oblivion, either way, your fate is sealed. + +Now let’s say you decided to try and get back to civilization. Since you know where you are, your logical next step is going to be to try and figure out someplace to go, and then of course, how to get there. Now you have a goal, something you’re striving towards. Life ceases to be about mere survival and becomes an epic journey to get you where you want to go. + +This is the timeline of humanity. We woke up with nothing, on a little rock, in the middle of nowhere. We figured out how to survive, and we struggled to come to grips with our own reality. Then we started exploring, trying to find out just exactly where we were in the Universe. Now we’re faced with the same choice: exist, or move on. + +You ask if it’s something that a “regular guy REALLY needs to know”, to me it’s the most important thing he/she needs to know: that humanity chooses more than an existence of mere survival. That humanity chooses to move forward and keep exploring and expanding. To know that, even though we might never make it, at least we’re making the effort. That we have hope. + +The alternative is to simply run out the clock and wait to fade off into oblivion. + +https://www.reddit.com/r/YouShouldKnow/comments/20n1mz/ysk_that_a_newly_announced_measurement_of/cg52uxc/?context=2 + + + + +https://embraceclarity.com/ +https://github.com/nayafia/lemonade-stand +https://micro.blog/ +https://blog.joinmastodon.org/2018/06/how-to-implement-a-basic-activitypub-server/ +https://github.com/OpenGenus/quark +https://blog.adafruit.com/2012/12/05/how-we-built-a-super-nintendo-out-of-a-wireless-keyboard-sifteo-sifteo/ +http://vladimirslav.com/2018/08/scam-key-requests-on-steam-who-hides-behind-fake-emails/ +http://libre.solar/ +https://blog.hackster.io/the-zerophone-a-linux-smartphone-powered-by-the-raspberry-pi-zero-286f36a25fd4 +https://blog.hackster.io/this-years-emf-camp-badge-is-a-working-cell-phone-c8f8a1a11e6d +https://microship.com/make-anywhere-mobile-lab/ +http://craftinginterpreters.com/ +http://www.newvillage.net/Journal/Issue3/3young2.html +https://news.ycombinator.com/item?id=16604251 +http://www.debtdeflation.com/blogs/2009/01/31/therovingcavaliersofcredit/ +https://www.youtube.com/watch?v=9bQkfN_pe44 +https://github.com/nikitavoloboev/knowledge/blob/master/other/2do-tasks.md +https://dev.to/quii/the-web-i-want-43o +https://en.wikipedia.org/wiki/Houyhnhnm +sopaxorztaker.gitlab.io/furby/index.html +https://blog.cloudflare.com/the-languages-which-almost-became-css/ +https://100r.co/blog.html#an+island+to+oneself +https://steamcommunity.com/games/221410/announcements/detail/1696055855739350561 +http://catb.org/~esr/faqs/hacker-howto.html +http://catb.org/~esr/faqs/smart-questions.html +https://ipfs.io/ipfs/QmXoypizjW3WknFiJnKLwHCnL72vedxjQkDDP1mXWo6uco/wiki/Exocortex.html +https://medium.com/swlh/deliberate-practice-makes-perfect-how-to-become-an-expert-in-anything-ec30e0c1314e + + + + +ELLIOT WAVE NOTES + + +JLCPCB +https://jlcpcb.com/ +GreatScott! +YouTube + + + + +pcell: hmm, punk to me has always been ‘not accepting the status quo : destroying ’ +neauoire: "I guess I'm more on the side of ' not accepting the status quo : building ’" +"optimism should be the force of solarpunk" +"longtermism, long now, these sorts of ideas" +"sustainability, longevity, and balance" + +"We’re Solarpunks because the only other options are denial or despair." +https://hieroglyph.asu.edu/2014/09/Solarpunk-notes-toward-a-manifesto/ + + + +IMPLOSION VS EXPLOSION + DATE : 12018-09-12 + NOTE + > Implosion + & Blue + & Electricity + & Lightning + & Gravitation + & Attractive + & Positive + & Integrating + & Composing + & Accumulating + & Abosbing + & Contracting + & Cooling + & Centripetal + & Freezing + & Solidity + & Condensation + & Density + & Solution + & Storing + & Appearance + & Decreasing colume + & Inhalation + & Endothermic + & Distinctness + & Induction + & Charging + & Attracting + & High melting point + & Rising potential + & High pressure + & Plus + & Hardness + & Slow rotation + & Fast revolution + & + > Explosion + & Red + & Fire + & Light bulb + & Radiation + & Repulsive + & Negative + & Disintegrating + & Decomposing + & Dissipating + & Emanating + & Expanding + & Heating + & Centrifugal + & Melting + & Tenuosity + & Ionization + & Evaporization + & Dissolution + & Leaking + & Disappearance + & Increasing volume + & Exhalation + & Exothermic + & Nebulousness + & Conduction + & Discharging + & Repulsing + & Low melting point + & Lowering potential + & Low pressure + & Minus + & Softness + & Fast rotation + & Slow revolution + +http://geocosmicrex.com/ +http://www.sacred-geometry.com/ +https://www.youtube.com/watch?v=ta_9na0-mwA + + + + DATE : 12018-09-13 + via: https://reading.supply/@jim/alpha-update-LrVis5 +https://shapeofdesignbook.com/ +https://dcurt.is/what-i-would-have-written +https://medium.com/obvious/building-medium-e74637f2fe22 +https://medium.com/@ev/what-i-learned-building-medium-so-far-4191574378 +https://a16z.com/2015/09/29/medium-3/ +https://medium.learningbyshipping.com/writing-is-thinking-an-annotated-twitter-thread-2a75fe07fade +https://a16z.com/2012/10/03/why-andreessen-horowitz-is-investing-in-rap-genius/ +https://www.travel-almanac.com/products/tta14-spring-summer-2019 +http://www.paulgraham.com/articles.html +https://www.naibooksellers.nl/design-interior/design/designing-design-kenya-hara.html +https://www.lars-mueller-publishers.com/white +https://shop.nplusonemag.com/products/social-medium-artists-writing-2000-2015 + + +QOTE : "Programs must be written for people to read, and only incidentally for machines to execute." - Abelson & Sussman, SICP, preface to the first edition + +QOTE : "We act as though comfort and luxury were the chief requirements of life, when all that we need to make us happy is something to be enthusiastic about." - Charles Kingsley + +QOTE : "People don't change their minds. They die, and are replaced by people with different opinions." - Arturo Albergati + +QOTE : "Focusing is about saying no." - Steve Jobs + +QOTE : "Don't fear moving slowly. Fear standing still." - Chinese proverb + +QOTE : "I think a life properly lived is just learn, learn, learn all the time." - Charlie Munger + + + +flintknapping: the process of chipping away material from high silica stones like "flint" in a carefully controlled manner with special tools to produce sharp projectile points or tools. + +Water hammer: pressure spike (potentially extreme) from quickly shutting valve (tap) on running water. Depends on celecity (medium elasticity), medium speed, shut speed. A water tower can be used to absorb the pressure change. + + + +COUSINS ACROSS THE SEA + DATE : 12018-09-14 + TYPE : video + LINK : https://www.youtube.com/watch?v=E9nGHrLWlic + + +Tohunga: (Maori) "an expert practitioner of any skill or art, either religious or otherwise. Tohunga include expert priests, healers, navigators, carvers, builders, teachers and advisors." + +Kahuna: (Hawaiian) "priest, sorcerer, magician, wizard, minister, expert in any profession" + +NEWEARTH MEGALYTHS.ORG +https://www.youtube.com/user/everhungriescatgang/videos?sort=p&flow=grid&view=0 +http://www.megaliths.org/ + + +https://www.nzonscreen.com/title/who-was-here-before-us-2000 + + + +LOG ATTRIBUTES + PROJ : Log + NOTE + > LOG : list of days events/work + & TRACKER : statistics/calculations on LOG + > Efficiency = proficiency + focus + & Day score = proficiency * focus * hour + > Goals + - Increase work output (hours/efficiency) + - Increase health + - Increase exersize/outdoor time + - Increase social time? + > Pillars + - median h/d + - last week vs median (+/- x.x) + - x days since logging + - x days since nature + - x days since social + - x days since exersize + +CSS NAME CONVENTION + PROJ : Log, Memex, Home + NOTE + > No .super .long .css .classname .steps { } + & No css class nesting. Mixes things up, unclear, harder to quickly change all 'large buttons' when 'large' is used elsewhere + & INSTEAD clear intent: + & .btn { } + & .btn-small { } + & .btn-large { } + & .is-btn-active { } + & .is-btn-deactive { } + & .modulename + & .modulename-submodule + & .modulename-subcomponent + + + +PROPANE BOX DIY + PROJ : Van + LINK : https://faroutride.com/propane-system/ + +S CONTEX + NOTE + > S as a spider snake kaleidoscope entry into a memory palace of a shaman who is trapped within his own mind + & Trailer would be a call to arms, a psychic plea for help + > Copy topography of megalith site + +STENOTYPE + DATE : 12018-09-14 + PERS : alx + SRCE : Merveilles + TERM + > Stenotype: a specialized chorded keyboard or typewriter used by stenographers for shorthand use. + +VIMANA + DATE : 12018-09-15 + TERM + > Vimana: the mythological flying palaces or chariots described in Hindu texts and Sanskrit epics. + +MAORI FAE + DATE : 12018-09-15 + TERM + > Patupaiarehe: + > Tūrehu: + > Tahurangi: + > Heketoro: + LINK : https://www.youtube.com/watch?v=nlLHpfG9k_U + LINK : https://www.youtube.com/watch?v=9RITfMMxcRc + +CYMATICS + DATE : 12018-09-15 + TERM + > Cymatics: "the study of wave phenomena, esp sound, and their visual representations." + > Cymascope: a type of scientific instrument that makes sound visible. + NOTE : Mandala like \ No newline at end of file