HTML, deadlines and hard cash
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

663 lines
16 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="https://fictioningcomfort.space/so-many-diamonds/static/popupwindow.css"
/>
<style>
body {
background: url(https://fictioningcomfort.space/so-many-diamonds/static/background.png) no-repeat
center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: 100% 100%;
overflow: hidden;
z-index: -100;
}
ul {
list-style: none;
padding-left: 30px;
}
#folders {
position: relative;
top: 50px;
z-index: 2;
}
#folders img {
width: 60px;
height: 60px;
cursor: pointer;
}
#folders .not-first {
margin-top: 20px;
}
#blackhole img {
position: absolute;
width: 20vw;
height: auto;
right: 10px;
bottom: -50px;
z-index: 100;
cursor: pointer;
}
#apparatus {
display: flex;
justify-content: center;
}
#apparatus img {
width: 50vw;
height: auto;
position: absolute;
bottom: 0;
z-index: 200;
}
#textblock {
display: none;
position: absolute;
font-size: 2.5em;
top: 0;
z-index; -100;
text-align: center;
}
iframe {
display: none;
width: 100%;
height: 100%;
border: 0;
}
</style>
<title>So Many Diamonds, So Little Time</title>
</head>
<body>
<div id="folders">
<ul>
<li>
<img
id="computer"
src="https://fictioningcomfort.space/so-many-diamonds/static/computer.ico"
/>
</li>
<li>
<img
id="tools"
class="not-first"
src="https://fictioningcomfort.space/so-many-diamonds/static/tools.ico"
/>
</li>
<li>
<img
id="notes"
class="not-first"
src="https://fictioningcomfort.space/so-many-diamonds/static/notes.ico"
/>
</li>
<li>
<img
id="paint"
class="not-first"
src="https://fictioningcomfort.space/so-many-diamonds/static/paint.png"
/>
</li>
</ul>
</div>
<div id="apparatus">
<img
src="https://fictioningcomfort.space/so-many-diamonds/static/apparatus.gif"
/>
</div>
<div id="blackhole">
<img
src="https://fictioningcomfort.space/so-many-diamonds/static/blachole.gif"
/>
</div>
<div id="textblock"><p></p></div>
<script
src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"
></script>
<script
src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
crossorigin="anonymous"
></script>
<script src="https://fictioningcomfort.space/so-many-diamonds/static/popupwindow.js"></script>
<script>
var words = [
"Comfort",
"Exhaustion",
"Labour",
"Cognitive Worker",
"Immateriality",
"Comforting",
"Positions for Working with Laptop",
"Work-Rest-Work",
"Virtuality",
"Virtual",
"Reality",
"Technology",
"Modern Devices",
"Individuality",
"Post-postmodern",
"Societies",
"Researching Methods",
"Participant Observation Too Much Data",
"Distraction",
"Too Much Information",
"Mass Data",
"Complexity",
"Various",
"Processes",
"Overload",
"Fast-Forward",
"Data Transition",
"Lost in Transition",
"Data Management",
"Big Data",
"Computer and Math",
"Content",
"Open Source",
"Web",
"Algorithm",
"New Generation Web",
"Maze",
"Unended Information",
"Information",
"Transmission",
"Act of Archiving",
"Taking Notes",
"Screen Record",
"Computer",
"Folders",
"Diagrams",
"Middle Class",
"Sound of the Middle Class",
"Idea of",
"Success",
"Leisure",
"Networking",
"Applications",
"Submissions",
"Fund Rising",
"Rethink",
"Redefine",
"Production",
"Nervous System",
"Brain Function",
"Brain",
"Damage",
"Psychology and Brain",
"Brain Disorders and Syndromes",
"Stress",
"Fear",
"Aggression",
"Anxiety",
"Sleep Disorder",
"ADD and ADHD",
"Dementia",
"Depression",
"Epilepsy",
"Alzhermer",
"Headache",
"Insomnia",
"Obstructive Sleep",
"Apnea",
"PTSD",
"Tinnitus",
"Multiple Sclerosis",
"Learning Disorder",
"Dyslexia",
"Brain Function",
"Cerebrum",
"Cerebellum",
"Brainstem",
"Right/Left Brain",
"Corpus Callosum",
"Brain Lobes",
"Frontal Lobe",
"Personality",
"Behaviour",
"Emotions",
"Judgment",
"Planning",
"Problem Solving",
"Speaking and Writing",
"Ability",
"Body Movement ability",
"Intelligence",
"Concentration",
"Self",
"Awareness",
"Motor Strip",
"Broca Area",
"Sensory Strip",
"Parietal Lobe",
"Sense of Touch",
"Spatial and Visual Perception",
"Wernicke Area",
"Temporal Lobe",
"Sequencing",
"Organization",
"Understanding Language",
"Occipital Lobe",
"Interpreting Vision",
"Brain Cortex",
"Grey Matter",
"White Matter",
"Gyrus",
"Sulcus",
"Structures Deep in the Brain",
"Lateral Ventricles",
"Putamen",
"Hypothalamus",
"Cerebellum",
"Amygdala",
"Hippocampus spinal cord",
"Pituitary",
"Gland",
"Pineal Gland",
"Thalamus",
"Basal Ganglia",
"Limbic System",
"Short-term",
"Memory",
"Long-term Memory",
"Skill Memory",
"Prefrontal Cortex",
"Cingulate",
"Gyrus",
"Neuroscience",
"Central Nervous System",
"Peripheral Nervous System",
"Spinal Cord",
"Ganglia",
"Neurons",
"Sensory Neurons",
"Motor Neurons",
"InterNeurons",
"Cell Body",
"Soma",
"Axon",
"Axon Spines",
"Axon Hillock",
"Myelin",
"Axon Terminals",
"Nerve Terminals",
"Synapses",
"PreSynaptic Neuron",
"PostSynaptic Neuron",
"Skeletal Muscle Cell",
"Neuromuscular Junction",
"Individual Neurons",
"Class of Neurons",
"Tremendous Complexity",
"Purkinje",
"Cells",
"Cerebellum",
"Dendritic Tree",
"Synaptic input",
"Synaptic Output",
"Spinal Cord",
"Morphological Distinction",
"Communicating Information",
"Neuron Networks",
"the Knee-jerk Reflex",
"Quadriceps",
"Glial Cell",
"Astrocytes",
"Oligodendrocytes",
"Microglia",
"Schawn Cells",
"Regular Blood",
"Flow",
"Neuron Fluid Surrounder",
"Blood-brain Barrier",
"Macrophages",
"Immune",
"System",
"Scavengers",
"Satellite Glial Cell",
"Ependymal Cell",
"PNS Ganglia",
"Ventricles",
"Spinal Canal",
"Neuroeffector",
"Dendrite",
"Chemical Signals",
"Electric Signals",
"Excitatory",
"Inhibitory",
"Neuron Firing",
"Input Signals",
"Action Potential",
"Output Signals",
"Nerve Impulse",
"Brain Function",
"Stress",
"Anxiety",
"Memory",
"Cafein",
"Hippocampus",
"Prefrontal Cortex",
"Hypothalamus",
"Adrenal Gland",
"Amygdala",
"Medial Temporal Lobe",
"Cortisol",
"Dyslexia",
"Caffeine",
"Nicotine",
"Brain-Computer Interfaces",
"Creativity",
"Intelligence",
"Language Acquisition",
"Searching algorithms",
"Searching Methods within",
"Algorithms",
"Searching Techniques",
"Linear Search",
"Binary Search",
"Jump",
"Search",
"Interpolation Search",
"Exponential Search",
"Exponential Search",
"Sublist Search",
"Searching a Linked list",
"Fibonacci Search",
"The",
"Ubiquitous Binary Search",
"Data Types",
"Integer Data",
"Floating Point",
"Number Data",
"Character Data",
"String Data",
"Boolean Data",
"Data Structure",
"Data Organization",
"Data Management",
"Data Storage",
"Efficient Access by",
"Data",
"Modification by Data",
"Data Usage",
"Abstract Data Types",
"ADT",
"Logical Form of the Data",
"Relational Databases",
"B-tree Indexes",
"Data",
"Retrieval",
"Hash Table",
"Databases",
"Internet Indexing Services",
"Algorithms",
"Programming Languages",
"Main Memory",
"Secondary Memory",
"Memory",
"Address",
"Array Data",
"Record Data",
"Arithmetic Operations",
"Linked Data",
"Structure",
"Writing Set of Producers",
"Abstract Data Type",
"Linked-list",
"Data",
"Union Data",
"Assembly Language",
"Low-level Language",
"BCPL",
"High-level Programming Language",
"MASM",
"Pascal Language",
"C language",
"Object Oriented Programming",
"Data Model",
"Concurrent Data Structure",
"Dynamization",
"List of Data Structures",
"Linked Data Structure",
"Presistent",
"Data Structure",
"Plain Old Data Structure",
"Succinct Data Structure",
"Agriculture",
"Agriculture Mechanisms",
"Farming",
"Digging",
"Planting",
"Harvesting",
"Excavation",
"Fertilization",
"Microorganisms",
"Dust",
"Reproduction",
"Plowing Mechanisms",
"Planting Mechanisms",
"Harvesting",
"Mechanisms",
"Pinpoint Seeder",
"Tractor",
"Two-wheel Tractor",
"Cultivator",
"Tracked Tractor",
"Caterpillar Tractor",
"Rototiller",
"Power tiller",
"Rotary",
"Tiller",
"Mulch Tiller",
"Rotavator",
"Stone Picker",
"Subsoiler",
"Rotator",
"Roller",
"Strip Till",
"Zone Till",
"Cultipacker",
"Chisel Plow",
"Harrow",
"Spike",
"Harrow",
"Disk Harrow",
"Plough",
"Plow",
"Seed Drill",
"Trowel",
"Planter",
"Liquid",
"Manure Spreader",
"Liquid Manure Fertilizer",
"Dry Manure Spreader",
"Sprayer",
"Drip Irrigation",
"Sprinkler System",
"Center Pivot Irrigation",
"Hydroponics",
"Blemish Sorter",
"Color Sorter",
"Density Sorter",
"Diameter Sorter",
"Internal",
"Taste Sorter",
"Shape Sorter",
"Weight Sorter",
"Buckrake",
"Silage Making",
"Grain Cart",
"Grain Auger",
"Conveyor Belt",
"Cotton Picker",
"Fram Truck",
"Grain",
"Dryer",
"Haulm Topper",
"Mechanical Tree Shaker",
"Mower",
"Rake",
"Reaper Binder",
"Swather",
"Rice Huller",
"Wagon",
"Gravity Wagon",
"Grain Hopper Trailer",
"Two",
"Wheeled Carts",
"Harvester",
"Bean Harvester",
"Beet Harvester",
"Carrot",
"Harvester",
"Combine Grain Harvester",
"Stripper Harvester",
"Header",
"Harvester",
"Corn Harvester",
"Forage Harvester",
"Silage Harvester",
"Grape",
"Harvester",
"Potato Spinner",
"Over-the-row Mechanical Harvester",
"Sugarcane",
"Harvester",
"Stripper Cleaner",
"Strepper Loader",
"Coffee Bean Harvester",
"CTM",
"Johnson Tomato Harvester",
"Hand Harvesting Flail",
"Sickle",
"Winnower",
"Winnowing Machine",
"Hay Making",
"Bale Lifter",
"Bale Wrapper",
"Baler",
"Hay",
"Rake",
"Hay Tedder",
"Mower Conditioner",
"Loader Wagon",
"Hay Fork",
"Backhoe",
"Front end Loader",
"Skid Steer Loader",
"Tractor Mounted Forklift",
"Milking",
"Bulk Tank",
"Milking Machine",
"Milking Pipeline",
"Grinder Mixer",
"Agricultural Robots",
"Allen Scythe",
"Aquatic Weed Harvester",
"Feed Grinder",
"Bale Splitter",
"Mixer Wagon",
"Diet Feeder",
"Chill Curing",
"Conveyor",
"Analyzer",
"Reaper",
"Reaper Binder",
"Winnowing Machine",
"Winnowing Fan",
"Threshing Machine",
"Drag Harrow",
"Obsolete Farm Machinery",
"Stationary",
"Steam Engine",
"Portable Engine",
"Traction Engine",
"Agricultural Engine",
"Ploughing Engine",
"Steam Tractor",
"Hog Oiler",
];
function mkFrame(element, title, url) {
$(element).click(function () {
var opts = {
title: title,
buttons: {
close: true,
maximize: true,
collapse: true,
minimize: false,
},
dragOpacity: 1,
};
var iframe = document.createElement("iframe");
iframe.src = url;
var element = $("body").append(iframe);
$(iframe).PopupWindow(opts);
$(iframe).PopupWindow("open");
});
}
$("#blackhole")
.find("img")
.click(function () {
var randomPicks = [];
for (var i = 0; i < 100; i++) {
randomPicks.push(words[Math.floor(Math.random() * words.length)]);
}
$("#textblock").find("p").remove();
$("#textblock").append("p").html(randomPicks.join(", "));
$("#textblock").toggle();
});
mkFrame(
"#computer",
"Brain",
"https://www.brainfacts.org/3d-brain#intro=false&focus=Brain"
);
mkFrame(
"#tools",
"Tools",
"https://books.google.com/books?id=DBx5AgAAQBAJ&lpg=PP1&ots=0vvvtKjoya&dq=a%20handbook%20of%20process%20tracing%20methods%20for%20decision%20research&lr&pg=PP1&output=embed"
);
mkFrame("#notes", "Notes", "https://onlinenotebook.net/TFF60sN9VMjdzWI");
mkFrame(
"#paint",
"Paint",
"https://wbo.ophir.dev/boards/uL3p5mJlveTYXC1ZLrUsMoaqncDdqLDPLv7ANlZd4jE"
);
</script>
</body>
</html>