Add css refactor progress continued.

This commit is contained in:
kor 2018-09-15 10:24:12 +12:00
parent 5543f90455
commit 3d7de2eb8b
2 changed files with 694 additions and 100 deletions

View File

@ -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 {

View File

@ -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
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 wouldnt 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, youd probably go into survival mode; youd 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 youre bouncing around Reddit, the next youre bare-ass in the middle of nowhere.
After you come to grips with the reality of the situation, youd 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 theres anything around that could give you some clue as to where in the hell you are.
Lets say that your efforts reveal that youre in the middle of Africa. Once youve 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 its own risks.
If you chose to stay where you are, then thats essentially it for you, you now know how your future will play out: youll 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 youre 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 youre content to simply fade off into oblivion, either way, your fate is sealed.
Now lets 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 youre 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 were faced with the same choice: exist, or move on.
You ask if its something that a “regular guy REALLY needs to know”, to me its 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 were 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"
"Were 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