Compare commits
2 commits
main
...
exercise_1
Author | SHA1 | Date | |
---|---|---|---|
13a181acf6 | |||
925be02db5 |
1
.vscode/extensions.json
vendored
1
.vscode/extensions.json
vendored
|
@ -9,6 +9,7 @@
|
||||||
"mblode.pretty-formatter",
|
"mblode.pretty-formatter",
|
||||||
"mikestead.dotenv",
|
"mikestead.dotenv",
|
||||||
"ms-vscode.live-server",
|
"ms-vscode.live-server",
|
||||||
|
"ritwickdey.LiveServer",
|
||||||
"stylelint.vscode-stylelint",
|
"stylelint.vscode-stylelint",
|
||||||
],
|
],
|
||||||
"unwantedRecommendations": []
|
"unwantedRecommendations": []
|
||||||
|
|
5
.vscode/settings.json
vendored
5
.vscode/settings.json
vendored
|
@ -6,13 +6,12 @@
|
||||||
},
|
},
|
||||||
"[html]": {
|
"[html]": {
|
||||||
"editor.defaultFormatter": "vscode.html-language-features"
|
"editor.defaultFormatter": "vscode.html-language-features"
|
||||||
|
|
||||||
},
|
},
|
||||||
"[css]": {
|
"[css]": {
|
||||||
"editor.defaultFormatter": "vscode.css-language-features"
|
"editor.defaultFormatter": "vscode.css-language-features"
|
||||||
},
|
},
|
||||||
"[jsonc]": {
|
"[jsonc]": {
|
||||||
"editor.defaultFormatter": "mblode.pretty-formatter"
|
"editor.defaultFormatter": "vscode.json-language-features"
|
||||||
},
|
},
|
||||||
"[nix]": {
|
"[nix]": {
|
||||||
"editor.defaultFormatter": "kamadorueda.alejandra",
|
"editor.defaultFormatter": "kamadorueda.alejandra",
|
||||||
|
@ -24,4 +23,4 @@
|
||||||
"nix.serverPath": "nil",
|
"nix.serverPath": "nil",
|
||||||
"nix.enableLanguageServer": true,
|
"nix.enableLanguageServer": true,
|
||||||
"alejandra.program": "alejandra"
|
"alejandra.program": "alejandra"
|
||||||
}
|
}
|
87
countries.html
Normal file
87
countries.html
Normal file
|
@ -0,0 +1,87 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Countries of the World</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<meta name="description" content="HTML & CSS Course exercise.">
|
||||||
|
<meta name="author" content="Sebastian Wendel" />
|
||||||
|
<meta name="created" content="2024-04-09T11:14:22.450262740" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<h1>Countries of the World</h1>
|
||||||
|
<ul>
|
||||||
|
<li>Germay</li>
|
||||||
|
<li>Russia</li>
|
||||||
|
<li>Vietnam</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<hr>
|
||||||
|
<a href="deutschland.html">
|
||||||
|
<h2>Deutschland</h2>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="deutschland.html">
|
||||||
|
<img src="https://images.unsplash.com/photo-1601589334680-fb14d7d574f2" title="Deutschland"
|
||||||
|
alt="traditionelle deutsche Altstadthäuser">
|
||||||
|
</a>
|
||||||
|
<a href="deutschland.html">
|
||||||
|
<p>Deutschland (Vollform des Staatennamens seit 1949: Bundesrepublik Deutschland) ist ein Bundesstaat in
|
||||||
|
Mitteleuropa.[6] Es hat 16 Bundesländer und ist als freiheitlich-demokratischer und sozialer Rechtsstaat
|
||||||
|
verfasst. Die 1949 gegründete Bundesrepublik Deutschland stellt die jüngste Ausprägung des 1871 erstmals
|
||||||
|
begründeten deutschen Nationalstaats dar. Im Rahmen der Wiedervereinigung Deutschlands wurde Berlin 1990
|
||||||
|
Bundeshauptstadt und 1991 zum Parlaments- und Regierungssitz bestimmt.
|
||||||
|
|
||||||
|
Das Land grenzt an neun Nachbarstaaten und liegt in der gemäßigten Klimazone zwischen Nord- und Ostsee
|
||||||
|
im
|
||||||
|
Norden sowie Bodensee und Alpen im Süden.</p>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<a href="russland.html">
|
||||||
|
<h2>Russland</h2>
|
||||||
|
</a>
|
||||||
|
<a href="russland.html">
|
||||||
|
<img src="https://images.unsplash.com/photo-1512495039889-52a3b799c9bc" title="Russland"
|
||||||
|
alt=" Der Kremmen in Moskow bei Nacht">
|
||||||
|
</a>
|
||||||
|
<a href="russland.html">
|
||||||
|
<p>Russland, amtlich Russische Föderation (russisch Российская, Rossijskaja Federazija‚ Russländische
|
||||||
|
Föderation[A 2]), ist ein Bundesstaat in Osteuropa und Nordasien, mit der Exklave Kaliningrad in
|
||||||
|
Mitteleuropa. Der Fläche nach ist Russland mit etwa 17 Millionen Quadratkilometern der größte Staat
|
||||||
|
der Welt und umfasst etwa ein Neuntel der Landmasse der Erde. Mit 144,5 Millionen Einwohnern (2019)
|
||||||
|
steht es an neunter Stelle der bevölkerungsreichsten Staaten und ist zugleich einer der am dünnsten
|
||||||
|
besiedelten.
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<hr>
|
||||||
|
<a href="vietnam.html">
|
||||||
|
<h2>Vietnam</h2>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="vietnam.html">
|
||||||
|
<img src="https://images.unsplash.com/photo-1556225496-ff493e20d9a0" title="Vietnam"
|
||||||
|
alt="Ruderboot auf einem Fluss in Vietnam">
|
||||||
|
</a>
|
||||||
|
<a href="vietnam.html">
|
||||||
|
<p>Vietnam, vietnamesisch Việt Nam, Bedeutung „Viet des Südens“, amtlich Sozialistische Republik Vietnam,
|
||||||
|
vietnamesisch Cộng hòa Xã hội chủ nghĩa Việt Nam, Chữ Nôm 共和社會主義越南 ist ein langgestreckter
|
||||||
|
Küstenstaat in Südostasien. Er grenzt an China, Laos, Kambodscha, den Golf von Thailand und das
|
||||||
|
Südchinesische Meer. Die Hauptstadt von Vietnam ist Hanoi, größte Stadt nach Einwohnern ist
|
||||||
|
Ho-Chi-Minh-Stadt (Saigon); weitere bedeutende Metropolen des Landes sind Hải Phòng, Cần Thơ und Đà
|
||||||
|
Nẵng. Die Mehrheit der Bevölkerung sind Vietnamesen. </p>
|
||||||
|
</a>
|
||||||
|
</section>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
90
css/srx.css
90
css/srx.css
|
@ -1,90 +0,0 @@
|
||||||
: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');
|
|
||||||
}
|
|
||||||
|
|
||||||
.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;
|
|
||||||
}
|
|
38
deutschland.html
Normal file
38
deutschland.html
Normal file
|
@ -0,0 +1,38 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Deutschland</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<meta name="description" content="HTML & CSS Course exercise.">
|
||||||
|
<meta name="author" content="Sebastian Wendel" />
|
||||||
|
<meta name="created" content="2024-04-09T11:14:22.450262740" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<h1>Deutschland</h1>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>Information</h2>
|
||||||
|
<p>Deutschland (Vollform des Staatennamens seit 1949: Bundesrepublik Deutschland) ist ein Bundesstaat in
|
||||||
|
Mitteleuropa.[6] Es hat 16 Bundesländer und ist als freiheitlich-demokratischer und sozialer Rechtsstaat
|
||||||
|
verfasst. Die 1949 gegründete Bundesrepublik Deutschland stellt die jüngste Ausprägung des 1871 erstmals
|
||||||
|
begründeten deutschen Nationalstaats dar.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>History</h2>
|
||||||
|
<p>Im Rahmen der Wiedervereinigung Deutschlands wurde Berlin 1990 Bundeshauptstadt und 1991 zum Parlaments- und
|
||||||
|
Regierungssitz bestimmt. Das Land grenzt an neun Nachbarstaaten und liegt in der gemäßigten Klimazone
|
||||||
|
zwischen Nord- und Ostsee im Norden sowie Bodensee und Alpen im Süden.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<img src="https://images.unsplash.com/photo-1601589334680-fb14d7d574f2?q=80&w=3961&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
||||||
|
title="Deutschland" alt="traditionelle deutsche Altstadthäuser">
|
||||||
|
|
||||||
|
<a href="countries.html">zurück zur Hauptseite</a>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
|
@ -25,6 +25,7 @@
|
||||||
|
|
||||||
# formater
|
# formater
|
||||||
alejandra
|
alejandra
|
||||||
|
nixfmt
|
||||||
nodePackages_latest.prettier
|
nodePackages_latest.prettier
|
||||||
|
|
||||||
# lsp
|
# lsp
|
||||||
|
|
Binary file not shown.
Binary file not shown.
Before Width: | Height: | Size: 227 KiB |
Binary file not shown.
Before Width: | Height: | Size: 281 KiB |
77
index.html
77
index.html
|
@ -1,77 +0,0 @@
|
||||||
<!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>
|
|
||||||
|
|
||||||
<main>
|
|
||||||
<article class="article">
|
|
||||||
|
|
||||||
<h1 class="article__headline">
|
|
||||||
What is Magnetic-core <span class="p-uppercase">memory?</span>
|
|
||||||
</h1>
|
|
||||||
|
|
||||||
<hr class="p-separator" />
|
|
||||||
|
|
||||||
<p class="p-text-style">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 "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.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<figure class="figure">
|
|
||||||
<img class="" src="./img/IMG_20240205_00.webp"
|
|
||||||
alt="A Core memory Module showing the detailed structure of ferrite cores and copper wires.">
|
|
||||||
</figure>
|
|
||||||
|
|
||||||
<footer class="footer">
|
|
||||||
<p>
|
|
||||||
<small class="footer_small">
|
|
||||||
Source: <a href="https://en.wikipedia.org/wiki/Magnetic-core_memory">Wikipedia:
|
|
||||||
Magnetic-Core-Memory</a>
|
|
||||||
</small>
|
|
||||||
</p>
|
|
||||||
</footer>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
</main>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
File diff suppressed because one or more lines are too long
37
russland.html
Normal file
37
russland.html
Normal file
|
@ -0,0 +1,37 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Russland</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<meta name="description" content="HTML & CSS Course exercise.">
|
||||||
|
<meta name="author" content="Sebastian Wendel" />
|
||||||
|
<meta name="created" content="2024-04-09T11:14:22.450262740" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<h1>Russland</h1>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>Information</h2>
|
||||||
|
<p>Russland (russisch Россияⓘ/? Rossija [rɐˈsʲijə]), amtlich Russische Föderation (russisch Российская
|
||||||
|
Федерацияⓘ/? Rossijskaja Federazija ‚Russländische Föderation‘[A 2]), ist ein Bundesstaat in Osteuropa
|
||||||
|
und Nordasien, mit der Exklave Kaliningrad in Mitteleuropa. Der Fläche nach ist Russland mit etwa 17
|
||||||
|
Millionen Quadratkilometern der größte Staat der Welt und umfasst etwa ein Neuntel der Landmasse der Erde.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>History</h2>
|
||||||
|
<p>Mit 144,5 Millionen Einwohnern (2019) steht es an neunter Stelle der bevölkerungsreichsten Staaten und ist
|
||||||
|
zugleich einer der am dünnsten besiedelten.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<img src="https://images.unsplash.com/photo-1512495039889-52a3b799c9bc?q=80&w=3987&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
||||||
|
title="Russland" alt="Der Kremmen in Moskow bei Nacht">
|
||||||
|
|
||||||
|
<a href="countries.html">zurück zur Hauptseite</a>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
41
vietnam.html
Normal file
41
vietnam.html
Normal file
|
@ -0,0 +1,41 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Vietnam</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<meta name="description" content="HTML & CSS Course exercise.">
|
||||||
|
<meta name="author" content="Sebastian Wendel" />
|
||||||
|
<meta name="created" content="2024-04-09T11:14:22.450262740" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<h1>Vietnam</h1>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>Information</h2>
|
||||||
|
<p>Vietnam ([vi̯ɛtˈna[ː]m], vietnamesisch Việt Nam [in Hanoi viɜʔt̚˧ˀ˨ʔ naːm˧˧], Bedeutung „Viet des
|
||||||
|
Südens“,
|
||||||
|
amtlich Sozialistische Republik Vietnam, vietnamesisch Cộng hòa Xã hội chủ nghĩa Việt Nam, Chữ Nôm
|
||||||
|
共和社會主義越南
|
||||||
|
[in Hanoi kɜwŋ͡m˧ˀ˨ʔ hwaː˨˩ s̪aː˦ˀ˥ hoj˧ˀ˨ʔ ṯɕu˧˩ ŋiɜ˦ˀ˥ viɜʔt̚˧ˀ˨ʔ naːm˧˧]) ist ein langgestreckter
|
||||||
|
Küstenstaat in Südostasien.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>History</h2>
|
||||||
|
<p>Er grenzt an China, Laos, Kambodscha, den Golf von Thailand und das
|
||||||
|
Südchinesische Meer. Die Hauptstadt von Vietnam ist Hanoi, größte Stadt nach Einwohnern ist
|
||||||
|
Ho-Chi-Minh-Stadt (Saigon); weitere bedeutende Metropolen des Landes sind Hải Phòng, Cần Thơ und Đà
|
||||||
|
Nẵng. Die Mehrheit der Bevölkerung sind Vietnamesen. </p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<img src="https://images.unsplash.com/photo-1556225496-ff493e20d9a0?q=80&w=4140&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
||||||
|
title="Vietnam" alt="Ruderboot auf einem Fluss in Vietnam">
|
||||||
|
|
||||||
|
<a href="countries.html">zurück zur Hauptseite</a>
|
||||||
|
</body>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
Loading…
Reference in a new issue