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;
} }

124
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.
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> This writing process also causes electricity to be
into nearby wires. If the new pulse being applied in the X-Y wires is <a href="https://en.wikipedia.org/wiki/Electromagnetic_induction">induced</a>
the same as the last applied to that core, the existing field will do into nearby wires. If the new pulse being applied in the X-Y wires is
nothing, and no induction will result. If the new pulse is in the the same as the last applied to that core, the existing field will do
opposite direction, a pulse will be generated. This is normally nothing, and no induction will result. If the new pulse is in the
picked up in a separate &quot;sense&quot; wire, allowing the system opposite direction, a pulse will be generated. This is normally
to know whether that core held a 1 or 0. As this readout process picked up in a separate &quot;sense&quot; wire, allowing the system
requires the core to be written, this process is known as <i>destructive to know whether that core held a 1 or 0. As this readout process
readout</i>, and requires additional circuitry to reset the core to requires the core to be written, this process is known as
its original value if the process flipped it. <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>
</div>
</body>
</html> </html>