From 08ee6f32f814ecb5595755a4454852191dd8f02e Mon Sep 17 00:00:00 2001 From: Sebastian Wendel Date: Mon, 19 Feb 2024 12:54:13 +0100 Subject: [PATCH] droped tailwindcss and added css helper functions and styling --- css/srx.css | 88 +++++++++++++++++++++++++++--- index.html | 152 ++++++++++++++++++++++++++-------------------------- 2 files changed, 157 insertions(+), 83 deletions(-) diff --git a/css/srx.css b/css/srx.css index 2fee3fa..ae8c849 100644 --- a/css/srx.css +++ b/css/srx.css @@ -1,14 +1,90 @@ +:root { + --c_dark: #191919; + --c_light: #fff; + --c_scheme_bg: var(--c_dark); + --c_scheme_el: var(--c_light); +} + +::selection { + background-color: #fece30; + color: var(--c_light); +} + +@media (prefers-color-scheme: light) { + :root { + --c_scheme_bg: var(--c_light); + --c_scheme_el: var(--c_dark); + --c_scheme_filter: grayscale(0); + } +} + @font-face { font-family: 'workbench'; src: url('../font/WORKBENCH-REGULAR.ttf') format('truetype'); } -h1, -h2, -h3, -h4, -h5, -h6 { +.p-uppercase { + text-transform: uppercase; + letter-spacing: 0.2rem; +} + +.p-bold { + font-weight: 500; + letter-spacing: 0.3rem; +} + +.p-text-style { + font-weight: 300; + letter-spacing: 0.05rem; +} + +.p-separator { + width: 7rem; + border: 1px solid var(--c_scheme_el); + margin: 1.8rem auto 1.4rem; +} + + +.figure { + width: 50%; + margin: 0 auto 2rem; +} + +.figure__img { + width: 100%; + height: auto; + filter: var(--c_scheme_filter); + transition: filter 0.3s ease-in; +} + +.figure__caption { + width: 80%; + font-size: 0.9rem; + line-height: 1.8; + margin: 0 auto; +} + +.article { + max-width: 54rem; + text-align: center; + font-family: "Oswald", sans-serif; + margin: 0 auto; + padding: 1.5rem 8vmin 0; +} + +.article__headline { + color: var(--c_scheme_el); font: inherit; font-family: workbench; + font-size: 2rem; + font-weight: 200; + margin: 0; } + +body { + width: 100%; + min-width: 20rem; + background-color: var(--c_scheme_bg); + color: var(--c_scheme_el); + margin: 0; +} \ No newline at end of file diff --git a/index.html b/index.html index 02fbb6f..69b2302 100644 --- a/index.html +++ b/index.html @@ -1,79 +1,77 @@ - - What is Magnetic-core memory? - - - - - - - - - - - - - -
-
-
-
-
-
-

What is Magnetic-core memory?

-

Core memory uses - toroids - (rings) of a - hard - magnetic material - (usually a - semi-hard - ferrite). Each core stores one - bit - of information. Two or more wires pass through each core, forming an - X-Y array of cores. When an electrical current above a certain - threshold is applied to the wires, the core will become magnetized. - The core to be written is selected by powering one X and one Y wire - to half of the required power, such that only the single core at the - intersection is written. Depending on the direction of the currents, - the core will pick up a clockwise or counterclockwise magnetic field, - storing a 1 or 0. - - This writing process also causes electricity to be - induced - into nearby wires. If the new pulse being applied in the X-Y wires is - the same as the last applied to that core, the existing field will do - nothing, and no induction will result. If the new pulse is in the - opposite direction, a pulse will be generated. This is normally - picked up in a separate "sense" wire, allowing the system - to know whether that core held a 1 or 0. As this readout process - requires the core to be written, this process is known as - destructive - readout, and requires additional circuitry to reset the core to - its original value if the process flipped it. -

-
-
-
- -
-
-
-
-
-
-
- - + + + What is Magnetic-core memory? + + + + + + + + + + + + + +
+
+ +

+ What is Magnetic-core memory? +

+ +
+ +

Core memory uses + toroids + (rings) of a + hard + magnetic material + (usually a + semi-hard + ferrite). Each core stores one + bit + of information. Two or more wires pass through each core, forming an + X-Y array of cores. When an electrical current above a certain + threshold is applied to the wires, the core will become magnetized. + The core to be written is selected by powering one X and one Y wire + to half of the required power, such that only the single core at the + intersection is written. Depending on the direction of the currents, + the core will pick up a clockwise or counterclockwise magnetic field, + storing a 1 or 0. + + This writing process also causes electricity to be + induced + into nearby wires. If the new pulse being applied in the X-Y wires is + the same as the last applied to that core, the existing field will do + nothing, and no induction will result. If the new pulse is in the + opposite direction, a pulse will be generated. This is normally + picked up in a separate "sense" wire, allowing the system + to know whether that core held a 1 or 0. As this readout process + requires the core to be written, this process is known as destructive + readout, and requires additional circuitry to reset the core to + its original value if the process flipped it. +

+ +
+ A Core memory Module showing the detailed structure of ferrite cores and copper wires. +
+ + +
+ +
+ + + \ No newline at end of file