-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Split projects to grid with projects and Timeline, Make projects as a…
… new component, and change Projects in header
- Loading branch information
1 parent
8349085
commit 2e95bab
Showing
5 changed files
with
289 additions
and
171 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,135 +1,46 @@ | ||
| <script> | ||
| import Meta from "$lib/Meta.svelte"; | ||
| import Box from '$lib/Box.svelte'; | ||
| import ProjectBoxes from './ProjectBoxes.svelte'; | ||
| </script> | ||
|
|
||
| <Meta title="Projekty"/> | ||
|
|
||
| <h2>Projekty</h2> | ||
| <div class="projects"> | ||
| <div class="timeline-line"></div> | ||
| <Box left> | ||
| <h3><span class="year">2024</span> <a href="/projects/atari-klub-citov">Atari klub Cítov</a></h3> | ||
| <p> | ||
| Počítačový klub Cítov fungoval od roku 1986 do revoluce v roce 1989. Tento projekt shromažďuje materiály spojené s činností tohoto klubu stejně jako s činností jeho členů po rozpadu klubu. | ||
| </p> | ||
| </Box> | ||
| <Box right> | ||
| <h3><span class="year">2024</span> <a href="/projects/videostop">Videostop</a></h3> | ||
| <p> | ||
| Zábavný soutěžní program <em>Videostop</em> byl původně vysílán mezi lety 1985 a 2000 a testoval soutěžící v jejich znalostech filmové a televizní tvorby. Ve <em>Videostopu</em> se soutěžící pro odpovídání na otázku předháněli v tom, kdo dříve zmáčkne tlačítko, body byli počítané a vykreslované za pomocí počítače a hra na konci byla jednoduchá (avšak napínavá) videohra. Fascinace interaktivností <em>Videostopu</em> byla ve své době do velké míry reflektovaná i v rámci Slovenské a České herní kultury. Původní program od Ing. Zdeňka Vodáka získal a zpřístupnil Herní archiv v roce 2024. Součástí fondu, jenž zahrnuje samotné kazetové pásky s <em>Hrou Videostop</em> je také rozhovor se Zdeňkem Vodákem. | ||
| </p> | ||
| </Box> | ||
| <Box left> | ||
| <h3><span class="year">2023</span> <a href="/interviews/">Orálněhistorické rozhovory</a></h3> | ||
| <p> | ||
| Přibíráme mezi archivační techniky i metodu orálněhistorických rozhovorů. Vznikají dle metodiky Národního filmového archivu a naši členové prošli půlročním kurzem. Cílem je zaznamenat od dotazovaného i širší kontext jeho života a směřovat ho jen lehce, aby se ukázala i přirozenost jeho projevu. Hotové rozhovory ještě vyžadují přepis a redakci, ale poté jsou umístěny k <a href="/interviews/">veřejnému prohlížení</a>. | ||
| </p> | ||
| </Box> | ||
| <Box right> | ||
| <h3><span class="year">2023</span> Digitalizace fotografií</h3> | ||
| <p> | ||
| V rámci archivce dobové dokumentace vzniká sekce pro digitalizaci audiovizuálních médií. Záznamy herních akcí, interakce s hrami, nebo prostředí, kde jsou vyvíjeny, považujeme za opomíjenou, ale podstatnou součást paratextů. Prvotní motivací bylo získání většího množství <a href="/gallery/emil-fafek/">tématických fotografií z pozůstalosti Emila Fafka</a>. | ||
| </p> | ||
| </Box> | ||
| <Box left> | ||
| <h3><span class="year">2022</span> Zálohování datových nosičů</h3> | ||
| <p> | ||
| Nalezli jsme řešení na světové úrovni pro digitalizaci starých datových nosičů, jejihž obsah podléhá zkáze (tzv. <em>bitrot</em>). Zajistili jsme techniku pro práci s disketami, kazetami, a optickými médii. Navázali jsme spolupráci s širší komunitou a aktivně zálohujeme unikátní hry a programy českého a slovenkého původu. Na <a href="http://www.bytefest.cz/novinky/2023/10/17/bytefest-2023i#:~:text=D%C3%A1le%20zde%20bude%20z%C3%A1lohovac%C3%AD%20stanice%20od%20Hern%C3%ADho%20archivu">ByteFestu v roce 2023</a> jsme naši digitalizační stanici poprvé představili na veřejné akci. | ||
| </p> | ||
| </Box> | ||
| <Box right> | ||
| <h3><span class="year">2021</span> <a href="https://inventory.herniarchiv.cz/">Inventarizace sbírky</a></h3> | ||
| <p> | ||
| Započat projekt systématického zadávání předmětů v naší sbírce do vlastního digitálního systému. Do systému inventáře se zadávají metadata o předmětu a jeho původu. Ke kažému předmětu je přiřazena fotografie, dále vytištěn štítek a uložena jeho pozice pro možnosti dohledání. Od roku 2024 je značná část inventáře vedena veřejně a <a href="https://inventory.herniarchiv.cz/">můžete do něj nahlédnout</a>. | ||
| </p> | ||
| </Box> | ||
| <Box left> | ||
| <h3><span class="year">2021</span> Sbírka Českých a Slovenských her</h3> | ||
| <p> | ||
| Snaha ustanovit veřejně přístupnou sbírku fyzických kopií lokálních her, která není v soukromém vlastnictví. Byla již využita pro fotomateriály v rámci digitální výstavy <a href="https://scd.sk/hry/">"8-bit"</a> od Slovenského centra dizajnu. | ||
| </p> | ||
| </Box> | ||
|
|
||
| <Box right> | ||
| <h3><span class="year">2020</span> Česko-Slovenská spolupráce</h3> | ||
| <p> | ||
| Snaha o rozšíření záběru na Slovenskou Republiku byla posílená úzkou spoluprácí s Univerzitou sv. Cyrila a Metoda v Trnavě, přesněji její <a href="https://fmk.sk/tedi/">Fakultou masmediálnej komunikácie</a>. Společně chceme budovat kvalitní zdroje ohledně herní historie pro využití ve výuce a výzkumu. | ||
| </p> | ||
| </Box> | ||
|
|
||
| <Box left> | ||
| <h3><span class="year">2020</span> Museé Bolo</h3> | ||
| <p> | ||
| Navázání vztahů v rámci Evropy a využití získaného know-how v prvním mezinárodním projektu který je pod naším spoluvedením. Spolupráce na organizaci a digitalizaci sbírek Švýcarského muzea informačních technologií <a href="https://www.museebolo.ch/?lang=en">Museé Bolo</a>. | ||
| </p> | ||
| </Box> | ||
|
|
||
| <Box right> | ||
| <h3><span class="year">2020</span> Integrované čipy od Tesly</h3> | ||
| <p> | ||
| Zajištění technických informací okolo první Československé komerční hry - Televízního tenisu. Unikátní návrh herního hardwaru od Tesly Piěšťany byl <a href="http://www.seanriddle.com/tesla/">nasnímán mikroskopem</a> a probíhají snahy o převedení do simulátoru. | ||
| </p> | ||
| </Box> | ||
|
|
||
| <Box left> | ||
| <h3><span class="year">2019</span> <a href="https://www.vice.com/en_us/article/qv7x4p/ouya-is-shutting-down-and-fans-are-preserving-games-before-they-disappear">Projekt Ouya</a></h3> | ||
| <p> | ||
| Digitální obchod herní konzole Ouya byl ke konci roku ukončen. Naši členové rozběhli komunitní snahu o reverzní inženýrství serverů, které se díky mnoha nadšeným lidem podařilo a celá platforma tak unikla předčasné smrti. | ||
| </p> | ||
| </Box> | ||
|
|
||
| <Box right> | ||
| <h3><span class="year">2019</span> <a href="https://www.gameinformer.com/2019/12/05/video-game-history-foundation-keeping-history-alive">Projekt Game Informer</a></h3> | ||
| <p> | ||
| Výjezd našeho předsedy jako dobrovolníka v rámci aktivit Americké <a href="https://gamehistory.org/">Video Game History Foundation</a>. Bezprecedentní snaha masově digitalizovat herní materiály z archivů redakce herního časopisu Game Informer. | ||
| </p> | ||
| </Box> | ||
|
|
||
| <Box left> | ||
| <h3><span class="year">2018</span> <a href="https://retrip.cz">ReTrip</a></h3> | ||
| <p> | ||
| První akce spoluorganizovaná naším spolkem, která dala prostor Českým vývojářům promluvit o jejich zkušenostech. Oslava lokální herní historie za sebou má dva úspěšné ročníky. | ||
| </p> | ||
| </Box> | ||
|
|
||
| <Box right> | ||
| <h3><span class="year">2017</span> <a href="https://casopisy.herniarchiv.cz/">Sbírka herních tiskovin</a></h3> | ||
| <p> | ||
| Archiv tištěných materiálů, které jsou skvělým primárním zdrojem. Později jsme se zaměřili na její kompletaci jako náš první velký cíl. V současnosti se jedná pravděpodobně o nejobsáhlejší sbírku u nás. | ||
| </p> | ||
| </Box> | ||
|
|
||
| <Box left> | ||
| <h3><span class="year">2016</span> <a href="https://www.nm.cz/">Národní Muzeum</a></h3> | ||
| <p> | ||
| Zapůjčili jsme výbavu do výstavy "Retro". Spolupráci stále udržujeme a naši členové se podílí na herním obsahu v dalších expozicích. | ||
| </p> | ||
| </Box> | ||
|
|
||
| <Box right> | ||
| <h3><span class="year">2015</span> <a href="https://retroherna.org">RetroHerna</a></h3> | ||
| <p> | ||
| Spolek, který zajišťuje Herní archiv, začal svojí aktivitu skrze interaktivní muzeum RetroHerna. Více informací najdete na <a href="https://retroherna.org">webu projektu</a>. | ||
| </p> | ||
| </Box> | ||
| </div> | ||
| <!--<h2>PROJEKTY</h2> | ||
| <p>Zde naleznete všechny krátkodobé archivářské projekty a osobní fondy, které jsme sami zpracovávali, nebo na jejichž zpracování jsme se podíleli. Tyto projekty jsou zaměřeny na úzce vymezená témata z naší nebo světové videoherní historie, která se snažíme za pomocí námi dostupných technologií a historiografických metod co nejhlouběji prozkoumat, zmapovat a zachránit co možná nejvíce materiálů co se těchto fenoménu týkají.</p>--> | ||
| <!-- <h2>PROJEKTY <a href="timeline" style="float: right">ČASOVÁ OSA</a></h2> --> | ||
| <ul> | ||
| <li>Projekty | ||
| <li><a href="timeline">Časová osa</a> | ||
| </ul> | ||
| <ProjectBoxes all={true}/> | ||
|
|
||
| <style> | ||
| .projects { | ||
| position: relative; | ||
| ul { | ||
| padding-left: 0px; | ||
| list-style: none; | ||
| display: flex; | ||
| flex-wrap: wrap; | ||
| text-align: left; | ||
| margin-bottom: 29.8px; | ||
| } | ||
| li { | ||
| padding: 0 27px 0 27px; | ||
| border-left: 3px solid var(--color-secondary); | ||
| text-transform: uppercase; | ||
| font-size: 36px; | ||
| font-weight: bold; | ||
| } | ||
| li > a { | ||
| /* font-weight: normal; */ | ||
| color: var(--color-black); | ||
| /* text-decoration: none; */ | ||
| text-decoration-color: var(--color-secondary); | ||
| text-decoration-thickness: 3px; | ||
| } | ||
| .timeline-line { | ||
| position: absolute; | ||
| left: calc(50% - 1px); | ||
| height: 100%; | ||
| border-right: 2px solid var(--color-secondary); | ||
| } | ||
| @media only screen and (max-width: 700px) { | ||
| .timeline-line { | ||
| left: calc(4px); | ||
| } | ||
| } | ||
| li:first-child { | ||
| padding: 0 27px 0 0; | ||
| border-left: none; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,83 @@ | ||
| <script lang="ts"> | ||
| import ThinBox from '$src/lib/ThinBox.svelte'; | ||
| import Loc from "$src/lib/Loc.svelte"; | ||
| interface Props { | ||
| all: boolean; | ||
| } | ||
| let { all }: Props = $props(); | ||
| </script> | ||
|
|
||
| <div class="project-boxes"> | ||
| <ThinBox href="/projects/atari-klub-citov/" img="/photos/projects/citov.jpg" show_arrow={false}> | ||
| <h3> | ||
| <a href="/projects/atari-klub-citov/"> | ||
| <Loc | ||
| cs="Atari klub Cítov" | ||
| en="Atari club Citov" | ||
| /> | ||
| </a> | ||
| </h3> | ||
| <p><Loc | ||
| cs="Počítačový klub Cítov fungoval od roku 1986 do revoluce v roce 1989. Tento projekt shromažďuje materiály spojené s činností tohoto klubu stejně jako s činností jeho členů po rozpadu klubu." | ||
| en="Computer club Citov operated from 1986 until the revolution in 1989. This project collects materials related to the activities of the club as well as the activities of its members after the club's disbandment." | ||
| /></p> | ||
| </ThinBox> | ||
|
|
||
| <ThinBox href="/projects/videostop/" title="Videostop" img="/photos/projects/videostop.jpg" show_arrow={false}> | ||
| <p><Loc | ||
| cs="Videostop byl populární soutěžní pořad vysílaný mezi lety 1985 a 2000 na ČST. V rámci projektu byly shromážděny materiály týkající se hry, která figurovala na konci každého dílu pořadu." | ||
| en="Videostop was a popular game show broadcast between 1985 and 2000 on Czechoslovak Television. This project gathered materials related to the game that appeared at the end of each episode of the show." | ||
| /></p> | ||
| </ThinBox> | ||
|
|
||
| <ThinBox href="/gallery/emil-fafek/" img="/photos/projects/fafek.jpg" show_arrow={false}> | ||
| <h3> | ||
| <a href="/gallery/emil-fafek/"> | ||
| <Loc | ||
| cs="Fond Emila Fafka" | ||
| en="Emil Fafek Collection" | ||
| /> | ||
| </a> | ||
| </h3> | ||
| <p><Loc | ||
| cs="Emil Fafek byl českým reportážním fotografem, který pracoval mezi lety 1945 a 1990 pro Mladou frontu. Fond obsahuje jeho fotografie z 80. let zaměřené na tehdejší československou počítačovou kulturu." | ||
| en="Emil Fafek was a Czech photojournalist who worked for Mladá fronta between 1945 and 1990. The collection contains his photographs from the 1980s focusing on the Czechoslovak computer culture of that time." | ||
| /></p> | ||
| </ThinBox> | ||
|
|
||
| {#if all} | ||
|
|
||
| <ThinBox href="https://www.vice.com/en/article/ouya-is-shutting-down-and-fans-are-preserving-games-before-they-disappear/" title="Ouya" img="/photos/projects/ouya.jpg" show_arrow={false}> | ||
| <p> | ||
| <Loc | ||
| cs="Ouya byla neúspěšná herní konzole vyráběná mezi lety 2013 až 2015. Projekt proběhl před uzavřením online storefrontu Ouyi v roce 2019 a byl snahou archivovat digitální knihovnu této platformy." | ||
| en="Ouya was an unsuccessful gaming console manufactured between 2013 and 2015. This project was conducted before the closure of Ouya's online storefront in 2019 and was an effort to archive the digital library of this platform." | ||
| /> | ||
| </p> | ||
| </ThinBox> | ||
| {/if} | ||
| </div> | ||
|
|
||
| <style> | ||
| .project-boxes { | ||
| display: flex; | ||
| flex-wrap: wrap; | ||
| gap: 64px; | ||
| } | ||
| @media only screen and (max-width: 800px) { | ||
| .project-boxes { | ||
| flex-direction: column; | ||
| gap: 32px; | ||
| } | ||
| .project-boxes :global(img) { | ||
| display: block; | ||
| margin: auto; | ||
| margin-bottom: 12px; | ||
| width: 600px; | ||
| } | ||
| } | ||
| </style> |
Oops, something went wrong.