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
# personal environment configuration
.direnv
.env.*
.env

1
.vscode/extensions.json vendored
View file

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

2
css/srx.css
View file

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

128
index.html
View file

@ -1,67 +1,75 @@
<!doctype html>
<html lang="en">
<head>
<title>What is Magnetic-core memory?</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="HTML & CSS Course Examples.">
<meta name="author" content="Sebastian Wendel"/>
<meta name="created" content="2024-02-09T14:14:22.450262740"/>
<!-- TODO: Checkout the full list of Open Graph Data tags -->
<meta property="og:title" content="What is Magnetic-core memory?" />
<meta property="og:description" content="HTML & CSS Course Examples." />
<meta property="og:image" content="/image.png" />
<script src="./js/tailwindcss.js?plugins=forms,typography,aspect-ratio,line-clamp"></script>
<link rel="stylesheet" href="./css/srx.css">
</head>
<body>
<div class="relative overflow-hidden bg-white">
<div class="pb-80 pt-16 sm:pb-40 sm:pt-24 lg:pb-48 lg:pt-40">
<div class="relative mx-auto max-w-7xl px-4 sm:static sm:px-6 lg:px-8">
<div class="sm:max-w-lg">
<h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">What is Magnetic-core memory?</h1>
<p class="mt-4 text-xl text-gray-500" >Core memory uses <a href="https://en.wikipedia.org/wiki/Toroid">toroids</a>
(rings) of a <a href="https://en.wikipedia.org/wiki/Hard_magnetic_material">hard
magnetic material</a> (usually a <a href="https://en.wikipedia.org/wiki/Ferrite_(magnet)#Semi-hard_ferrites">semi-hard
ferrite</a>). Each core stores one <a href="https://en.wikipedia.org/wiki/Bit">bit</a>
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 <a href="https://en.wikipedia.org/wiki/Electromagnetic_induction">induced</a>
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 &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.
<head>
<title>What is Magnetic-core memory?</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="description" content="HTML & CSS Course Examples.">
<meta name="author" content="Sebastian Wendel"/>
<meta
name="created" content="2024-02-09T14:14:22.450262740"/>
<!-- TODO: Checkout the full list of Open Graph Data tags -->
<meta property="og:title" content="What is Magnetic-core memory?"/>
<meta property="og:description" content="HTML & CSS Course Examples."/>
<meta property="og:image" content="/image.png"/>
<script src="./js/tailwindcss.js?plugins=forms,typography,aspect-ratio,line-clamp"></script>
<link rel="stylesheet" href="./css/srx.css">
</head>
<body>
<div class="relative overflow-hidden bg-white">
<div class="pb-80 pt-16 sm:pb-40 sm:pt-24 lg:pb-48 lg:pt-40">
<div class="relative mx-auto max-w-7xl px-4 sm:static sm:px-6 lg:px-8">
<div class="sm:max-w-lg">
<h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">What is Magnetic-core memory?</h1>
<p class="mt-4 text-xl text-gray-500">Core memory uses
<a href="https://en.wikipedia.org/wiki/Toroid">toroids</a>
(rings) of a
<a href="https://en.wikipedia.org/wiki/Hard_magnetic_material">hard
magnetic material</a>
(usually a
<a href="https://en.wikipedia.org/wiki/Ferrite_(magnet)#Semi-hard_ferrites">semi-hard
ferrite</a>). Each core stores one
<a href="https://en.wikipedia.org/wiki/Bit">bit</a>
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
<a href="https://en.wikipedia.org/wiki/Electromagnetic_induction">induced</a>
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 &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>
</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 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>
</body>
</html>
</body>
</html>