swendel/hcs-html-ccs
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

updated and formated web environments

Browse source
This commit is contained in:
Sebastian Wendel 2024-02-17 11:33:14 +01:00
parent ba1ebb0c0d
commit f53276c1e8
4 changed files with 71 additions and 61 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.gitignore vendored
View file

@ -9,5 +9,6 @@ node_modules
*.log *.log
# personal environment configuration # personal environment configuration
.direnv
.env.* .env.*
.env .env

1
.vscode/extensions.json vendored
View file

@ -7,6 +7,7 @@
"kamadorueda.alejandra", "kamadorueda.alejandra",
"mblode.pretty-formatter", "mblode.pretty-formatter",
"mikestead.dotenv", "mikestead.dotenv",
"stylelint.vscode-stylelint",
], ],
"unwantedRecommendations": [] "unwantedRecommendations": []
} }

2
css/srx.css
View file

@ -4,6 +4,6 @@
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font:inherit; font: inherit;
font-family: workbench; font-family: workbench;
} }

128
index.html
View file

@ -1,67 +1,75 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<title>What is Magnetic-core memory?</title> <title>What is Magnetic-core memory?</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="description" content="HTML & CSS Course Examples."> <meta name="description" content="HTML & CSS Course Examples.">
<meta name="author" content="Sebastian Wendel"/> <meta name="author" content="Sebastian Wendel"/>
<meta name="created" content="2024-02-09T14:14:22.450262740"/> <meta
<!-- TODO: Checkout the full list of Open Graph Data tags --> name="created" content="2024-02-09T14:14:22.450262740"/>
<meta property="og:title" content="What is Magnetic-core memory?" /> <!-- TODO: Checkout the full list of Open Graph Data tags -->
<meta property="og:description" content="HTML & CSS Course Examples." /> <meta property="og:title" content="What is Magnetic-core memory?"/>
<meta property="og:image" content="/image.png" /> <meta property="og:description" content="HTML & CSS Course Examples."/>
<script src="./js/tailwindcss.js?plugins=forms,typography,aspect-ratio,line-clamp"></script> <meta property="og:image" content="/image.png"/>
<link rel="stylesheet" href="./css/srx.css"> <script src="./js/tailwindcss.js?plugins=forms,typography,aspect-ratio,line-clamp"></script>
</head> <link rel="stylesheet" href="./css/srx.css">
<body> </head>
<div class="relative overflow-hidden bg-white"> <body>
<div class="pb-80 pt-16 sm:pb-40 sm:pt-24 lg:pb-48 lg:pt-40"> <div class="relative overflow-hidden bg-white">
<div class="relative mx-auto max-w-7xl px-4 sm:static sm:px-6 lg:px-8"> <div class="pb-80 pt-16 sm:pb-40 sm:pt-24 lg:pb-48 lg:pt-40">
<div class="sm:max-w-lg"> <div class="relative mx-auto max-w-7xl px-4 sm:static sm:px-6 lg:px-8">
<h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">What is Magnetic-core memory?</h1> <div class="sm:max-w-lg">
<p class="mt-4 text-xl text-gray-500" >Core memory uses <a href="https://en.wikipedia.org/wiki/Toroid">toroids</a> <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">What is Magnetic-core memory?</h1>
(rings) of a <a href="https://en.wikipedia.org/wiki/Hard_magnetic_material">hard <p class="mt-4 text-xl text-gray-500">Core memory uses
magnetic material</a> (usually a <a href="https://en.wikipedia.org/wiki/Ferrite_(magnet)#Semi-hard_ferrites">semi-hard <a href="https://en.wikipedia.org/wiki/Toroid">toroids</a>
ferrite</a>). Each core stores one <a href="https://en.wikipedia.org/wiki/Bit">bit</a> (rings) of a
of information. Two or more wires pass through each core, forming an <a href="https://en.wikipedia.org/wiki/Hard_magnetic_material">hard
X-Y array of cores. When an electrical current above a certain magnetic material</a>
threshold is applied to the wires, the core will become magnetized. (usually a
The core to be written is selected by powering one X and one Y wire <a href="https://en.wikipedia.org/wiki/Ferrite_(magnet)#Semi-hard_ferrites">semi-hard
to half of the required power, such that only the single core at the ferrite</a>). Each core stores one
intersection is written. Depending on the direction of the currents, <a href="https://en.wikipedia.org/wiki/Bit">bit</a>
the core will pick up a clockwise or counterclockwise magnetic field, of information. Two or more wires pass through each core, forming an
storing a 1 or 0. X-Y array of cores. When an electrical current above a certain
threshold is applied to the wires, the core will become magnetized.
This writing process also causes electricity to be <a href="https://en.wikipedia.org/wiki/Electromagnetic_induction">induced</a> The core to be written is selected by powering one X and one Y wire
into nearby wires. If the new pulse being applied in the X-Y wires is to half of the required power, such that only the single core at the
the same as the last applied to that core, the existing field will do intersection is written. Depending on the direction of the currents,
nothing, and no induction will result. If the new pulse is in the the core will pick up a clockwise or counterclockwise magnetic field,
opposite direction, a pulse will be generated. This is normally storing a 1 or 0.
picked up in a separate &quot;sense&quot; wire, allowing the system
to know whether that core held a 1 or 0. As this readout process This writing process also causes electricity to be
requires the core to be written, this process is known as <i>destructive <a href="https://en.wikipedia.org/wiki/Electromagnetic_induction">induced</a>
readout</i>, and requires additional circuitry to reset the core to into nearby wires. If the new pulse being applied in the X-Y wires is
its original value if the process flipped it. 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 &quot;sense&quot; 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
<i>destructive
readout</i>, and requires additional circuitry to reset the core to
its original value if the process flipped it.
</p> </p>
</div>
<div>
<div class="mt-10">
<div aria-hidden="true" class="pointer-events-none lg:absolute lg:inset-y-0 lg:mx-auto lg:w-full lg:max-w-7xl">
<div class="absolute transform sm:left-1/2 sm:top-0 sm:translate-x-8 lg:left-1/2 lg:top-1/2 lg:-translate-y-1/2 lg:translate-x-8">
<div class="flex items-center space-x-6 lg:space-x-8">
<div class="grid flex-shrink-0 grid-cols-1 ">
<div class="h-64 w-44 overflow-hidden rounded-lg">
<img class="h-full w-full object-cover object-center" src="./img/IMG_20240205_00.webp" alt="A Core memory Module showing the detailed structure of ferrite cores and copper wires.">
</div> </div>
</div> <div>
<div class="mt-10">
<div aria-hidden="true" class="pointer-events-none lg:absolute lg:inset-y-0 lg:mx-auto lg:w-full lg:max-w-7xl">
<div class="absolute transform sm:left-1/2 sm:top-0 sm:translate-x-8 lg:left-1/2 lg:top-1/2 lg:-translate-y-1/2 lg:translate-x-8">
<div class="flex items-center space-x-6 lg:space-x-8">
<div class="grid flex-shrink-0 grid-cols-1 ">
<div class="h-64 w-44 overflow-hidden rounded-lg">
<img class="h-full w-full object-cover object-center" src="./img/IMG_20240205_00.webp" alt="A Core memory Module showing the detailed structure of ferrite cores and copper wires.">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> </div>
</div>
</div> </div>
</div>
</div> </div>
</div> </body>
</div> </html>
</div>
</body>
</html>