Skip to content

Add taganliu page #37

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Add taganliu page #37

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
12d9cf7
Add taganliu page
Oct 19, 2025
7019360
Change project idea
Oct 27, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
92 changes: 92 additions & 0 deletions members/taganliu/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/page.css">
<link rel="stylesheet" href="taganliu-page-styles.css" />
<!-- <link rel="stylesheet" href="../../page.css"> -->
<script src="/img.js"></script>
<title>NI-CCC</title>
</head>

<body>
<header>
<a href="/">
<h1>Creative Coding and Computational Art Course</h1>
</a>
<div>
<img src="/logo/logo_nic.png" alt="Logo NI-CCC">
</div>
</header>
<section id="main">
<!-- DO NOT CHANGE STUFF ABOVE IF YOU DONT KNOW WHAT YOU ARE DOING -->
<!-- here is place for your stuff, see examples bellow -->

<h1>Liudmila Taganashkina</h1>
<p>
Ahoj! Jmenuji se <b>Liudmila</b> a jsem studentkou <b>Fakulty informačních technologií ČVUT</b>,
oboru <b>Webové inženýrství</b>.
Předtím jsem absolvovala bakalářské a magisterské studium na
<b>mechanicko-matematické fakultě</b>, se zaměřením na <b>matematiku a počítačové vědy</b>.
</p>

<p>
V současnosti se zabývám problematikou <b>zvětšení rozlišení obrázků pomocí neuronových sítí</b>
, kde analyzuji a implementuji model <b>VDSR</b>
optimalizovaný pro webové aplikace. Zajímám se o <b>umělou inteligenci, počítačové vidění</b> a
jejich propojení s <b>interaktivní vizualizací</b> a <b>webovými technologiemi</b>.
</p>

<h2>Co mě baví a inspiruje</h2>
<div class="interests-grid">
<div class="interest-card">
<div class="interest-icon">🧠</div>
<h3>Umělá inteligence</h3>
<p>Experimentování s neuronovými sítěmi a jejich kreativní využití.</p>
</div>
<div class="interest-card">
<div class="interest-icon">🎨</div>
<h3>Vizuální umění</h3>
<p>Propojení technologií s estetikou, interaktivní vizualizace a digitální design.</p>
</div>
<div class="interest-card">
<div class="interest-icon">💻</div>
<h3>Webové technologie</h3>
<p>Moderní frontend, interaktivní rozhraní a datové vizualizace.</p>
</div>
<div class="interest-card">
<div class="interest-icon">📸</div>
<h3>Počítačové vidění</h3>
<p>Analýza obrazu, detekce pohybu, rozpoznávání gest.</p>
</div>
</div>

<h2>Nápad na projekt</h2>
<p>
<b>Motion Controller</b> - experimentální systém, který umožňuje
<b>ovládat počítač pomocí pohybů rukou</b> místo klávesnice.
</p>

<p>
Kamera detekuje klíčové body postavy - například <b>nos, zápěstí a boky</b> -
a podle jejich polohy rozpoznává směr pohybu: <b>doleva, doprava, nahoru nebo dolů</b>.
Tyto pohyby pak odpovídají virtuálnímu stisku příslušné klávesy.
</p>

<p>
Cílem projektu je <b>nahradit tradiční klávesnici přirozeným ovládáním tělem</b>
a experimentovat s <b>novými způsoby interakce mezi člověkem a počítačem</b>.
</p>

<h2>Kontakt</h2>
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
</section>

<script>
makeImgsClickable();
</script>
</body>

</html>
65 changes: 65 additions & 0 deletions members/taganliu/taganliu-page-styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
.interests-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1.2rem;
margin: 1.5rem 0;
}

.interest-card {
background: rgba(255, 255, 255, 0.04);
border: 1px solid #333;
border-radius: 10px;
padding: 1rem;
text-align: center;
transition: all 0.3s ease;
}

.interest-card:hover {
background: rgba(255, 255, 255, 0.08);
transform: translateY(-3px);
}

.interest-icon {
font-size: 2rem;
margin-bottom: 0.5rem;
opacity: 0.8;
}

.interest-card h3 {
margin: 0.4rem 0;
color: #fff;
font-weight: 500;
font-size: 1.05rem;
}

.interest-card p {
color: #aaa;
font-size: 0.9rem;
line-height: 1.3;
}

.image-row {
display: flex;
justify-content: center;
gap: 1rem;
flex-wrap: wrap;
margin-top: 1.5rem;
}

.image-row figure {
flex: 1;
max-width: 400px;
margin: 0;
}

.image-row img {
width: 100%;
border-radius: 8px;
}

.image-row figcaption {
font-size: 0.85em;
color: #aaa;
margin-top: 0.5em;
text-align: center;
}