404 / A small detour
This shelf
is empty.
That page may have moved. The showroom and project collection are still here.
Back to the showroom ↗
+
diff --git a/site/app.js b/site/app.js
new file mode 100644
index 0000000..0d75cb4
--- /dev/null
+++ b/site/app.js
@@ -0,0 +1,103 @@
+const grid = document.querySelector('#project-grid');
+const search = document.querySelector('#project-search');
+const filters = [...document.querySelectorAll('[data-filter]')];
+let projects = [];
+let activeFilter = 'all';
+
+function element(tag, className, text) {
+ const node = document.createElement(tag);
+ if (className) node.className = className;
+ if (text !== undefined) node.textContent = text;
+ return node;
+}
+function safeLink(text, url, className = '') {
+ const link = element('a', className, text);
+ const parsed = new URL(url);
+ if (parsed.protocol !== 'https:') throw new Error('Unsupported project link');
+ link.href = parsed.href;
+ link.target = '_blank';
+ link.rel = 'noopener noreferrer';
+ return link;
+}
+function projectArt(project) {
+ const art = element('div', `project-art art-${project.id}`);
+ if (project.image) {
+ const img = element('img');
+ img.src = project.image;
+ img.alt = project.imageAlt;
+ img.loading = 'lazy';
+ img.width = 660;
+ img.height = 400;
+ art.append(img);
+ } else if (project.id === 'studybooks') {
+ art.setAttribute('aria-hidden', 'true');
+ const books = element('div', 'book-art');
+ for (const title of ['Learn it.', 'Keep it.']) {
+ const sheet = element('div', 'book-sheet');
+ sheet.append(element('small', '', 'Course notes'), element('strong', '', title));
+ for (let i = 0; i < 4; i++) sheet.append(element('span'));
+ books.append(sheet);
+ }
+ art.append(books);
+ } else {
+ art.setAttribute('aria-hidden', 'true');
+ const network = element('div', 'network-art');
+ for (const size of [3, 4, 2]) {
+ const column = element('div', 'node-column');
+ for (let i = 0; i < size; i++) column.append(element('span', 'network-node'));
+ network.append(column);
+ }
+ art.append(network);
+ }
+ return art;
+}
+function card(project) {
+ const article = element('article', 'project-card');
+ const meta = element('div', 'card-meta');
+ meta.append(element('span', '', project.categoryLabel), element('span', 'card-status', project.status));
+ const creators = element('p', 'project-creators');
+ creators.append(document.createTextNode('By '));
+ project.creators.forEach((creator, index) => {
+ if (index) creators.append(document.createTextNode(', '));
+ creators.append(safeLink(creator.name, creator.url));
+ });
+ const bottom = element('div', 'card-bottom');
+ bottom.append(safeLink('Explore the project ↗', project.repository));
+ if (project.demo) bottom.append(safeLink(project.demoLabel || 'Try it ↗', project.demo));
+ else if (project.community) bottom.append(safeLink('Build with others ↗', project.community));
+ article.append(projectArt(project), meta, element('h3', '', project.title), element('p', 'project-description', project.description), creators, bottom, element('p', 'collaboration', project.collaboration));
+ return article;
+}
+function render() {
+ const query = search.value.trim().toLocaleLowerCase();
+ const visible = projects.filter(project => {
+ const haystack = [project.title, project.description, project.categoryLabel, ...project.tags, ...project.creators.map(c => c.name)].join(' ').toLocaleLowerCase();
+ return (activeFilter === 'all' || project.categories.includes(activeFilter)) && haystack.includes(query);
+ });
+ grid.replaceChildren(...visible.map(card));
+ document.querySelector('#project-count').textContent = `${visible.length} ${visible.length === 1 ? 'project' : 'projects'} to explore`;
+ document.querySelector('#empty-state').hidden = visible.length !== 0;
+ for (const button of filters) button.setAttribute('aria-pressed', String(button.dataset.filter === activeFilter));
+}
+async function loadProjects() {
+ document.querySelector('#load-error').hidden = true;
+ document.querySelector('#project-count').textContent = 'Opening the showroom…';
+ try {
+ const response = await fetch(new URL('projects.json', import.meta.url));
+ if (!response.ok) throw new Error(`Project data: ${response.status}`);
+ const data = await response.json();
+ if (!Array.isArray(data.projects)) throw new Error('Invalid project collection');
+ projects = data.projects;
+ render();
+ } catch {
+ grid.replaceChildren();
+ document.querySelector('#empty-state').hidden = true;
+ document.querySelector('#load-error').hidden = false;
+ document.querySelector('#project-count').textContent = 'Project catalogue unavailable';
+ }
+}
+for (const button of filters) button.addEventListener('click', () => { activeFilter = button.dataset.filter; render(); });
+search.addEventListener('input', render);
+document.querySelector('#reset-search').addEventListener('click', () => { search.value = ''; activeFilter = 'all'; render(); search.focus(); });
+document.querySelector('#retry-load').addEventListener('click', loadProjects);
+loadProjects();
diff --git a/site/assets/campus.png b/site/assets/campus.png
new file mode 100644
index 0000000..6cb8862
Binary files /dev/null and b/site/assets/campus.png differ
diff --git a/site/assets/history-avatar-first-redesign.png b/site/assets/history-avatar-first-redesign.png
new file mode 100644
index 0000000..4b04953
Binary files /dev/null and b/site/assets/history-avatar-first-redesign.png differ
diff --git a/site/assets/history-community-hub.png b/site/assets/history-community-hub.png
new file mode 100644
index 0000000..0bf3381
Binary files /dev/null and b/site/assets/history-community-hub.png differ
diff --git a/site/assets/history-organization-avatar.png b/site/assets/history-organization-avatar.png
new file mode 100644
index 0000000..3dd85c6
Binary files /dev/null and b/site/assets/history-organization-avatar.png differ
diff --git a/site/assets/history-public-profile.png b/site/assets/history-public-profile.png
new file mode 100644
index 0000000..2b4f0a3
Binary files /dev/null and b/site/assets/history-public-profile.png differ
diff --git a/site/assets/history-schedule-2024.jpg b/site/assets/history-schedule-2024.jpg
new file mode 100644
index 0000000..10ce1bc
Binary files /dev/null and b/site/assets/history-schedule-2024.jpg differ
diff --git a/site/assets/member-workspace.png b/site/assets/member-workspace.png
new file mode 100644
index 0000000..4873b5e
Binary files /dev/null and b/site/assets/member-workspace.png differ
diff --git a/site/assets/project-chexvision.png b/site/assets/project-chexvision.png
new file mode 100644
index 0000000..a7c6c51
Binary files /dev/null and b/site/assets/project-chexvision.png differ
diff --git a/site/assets/project-devablos.png b/site/assets/project-devablos.png
new file mode 100644
index 0000000..d4f9132
Binary files /dev/null and b/site/assets/project-devablos.png differ
diff --git a/site/assets/project-painfully-trivial.png b/site/assets/project-painfully-trivial.png
new file mode 100644
index 0000000..653e211
Binary files /dev/null and b/site/assets/project-painfully-trivial.png differ
diff --git a/site/assets/project-room.webp b/site/assets/project-room.webp
new file mode 100644
index 0000000..72c40a8
Binary files /dev/null and b/site/assets/project-room.webp differ
diff --git a/site/assets/showcase.png b/site/assets/showcase.png
new file mode 100644
index 0000000..b41402b
Binary files /dev/null and b/site/assets/showcase.png differ
diff --git a/site/assets/symbol.png b/site/assets/symbol.png
new file mode 100644
index 0000000..eec5327
Binary files /dev/null and b/site/assets/symbol.png differ
diff --git a/site/credits/index.html b/site/credits/index.html
new file mode 100644
index 0000000..34c4bd8
--- /dev/null
+++ b/site/credits/index.html
@@ -0,0 +1,10 @@
+
+The people and sources behind the work
Give good work
its credit.
The showroom connects projects. It does not take ownership of them. Every project keeps its original creators, repository, and licence.
+
Campus artwork
The public campus banner adapts the campus illustration from THD Room Finder. Its source photograph is Hauptcampus der Technischen Hochschule Deggendorf 2018 by Danube-Waidler, licensed CC BY-SA 4.0. The repainted illustration and public banner are shared under that same licence. The banner widens the composition, changes the light and palette, simplifies people into grey silhouettes, and adds THD AI lettering.
The member-workspace and showcase illustrations follow the same visual family, using the Room Finder art as visual references. These new illustrations are also shared under CC BY-SA 4.0. The original public banner remains unchanged. Detailed source notes and production briefs live in the brand record.
+
The open-portal symbol
The THD AI symbol is an open architectural portal with a warm sun at its centre: room for a person, an idea, and what comes next. It replaces the earlier boxed initials. The new symbol and earlier typographic badge are community identity artwork shared under CC BY 4.0. No official university marks are used.
+
Project images and creators
- THD Room Finder: Alexander Rudaev. The study-space illustration is taken from its original public repository; the project is GPL-3.0. Consult the project's artwork notes for asset-specific terms.
- CheXVision: Alexander Rudaev. Original project banner from the source repository; its licence is retained.
- Painfully Trivial: Alexander Rudaev, FaresM7, and TheSameerCode, as credited contributors. Original project banner from the source repository; its licence is retained.
- Devablos V2: Alexander Rudaev and Denisa Iulia. Original banner from the archived project; GPL-3.0.
- Course Studybooks and CheXVision Mini: Alexander Rudaev. The simple book and network motifs on this website are presentation graphics, rather than screenshots of either project.
Image source URLs are recorded in asset-sources.json. Historical visuals retain their original rights and are not relicensed by appearing in the archive.
+
Website
The original website code and documentation are MIT-licensed. This does not relicense the images or linked projects. The typefaces are Manrope and DM Sans, served by Google Fonts, with system sans-serif fallbacks. The site has no analytics, visitor accounts, or advertising.
For a credit correction, listing update, or removal request, open an issue or email Alexander.
Earlier chapters / Visual history
A little history.
Room for what comes next.
THD AI began as a 2023 cohort experiment. The direction has changed, but the work that came before it still belongs in the story. These are preserved originals and the illustrations that followed.
2023 / Original public profile
The first cohort profile imagined students reaching toward what they could make together. The original image is preserved unchanged.
2023 / Community hub
The early discussion hub paired collaborative learning with a painterly illustration.
2024 / A new semester
A campus scene from the winter-semester calendar announcement. The schedule itself remains a dated historical record.
2023 / First organization avatar
The organization’s original avatar, saved before the identity changed.
2026 / The first redesign
The initial THD AI typographic badge. Replaced by the open-portal symbol, and kept here as part of the process.
2026 / An open campus
The approved public banner. Its soft campus light, lavender haze, and grey silhouettes set the direction for the current identity.
2026 / Room for ideas
The member-workspace banner brings the same atmosphere indoors, around personal projects, collaboration, and coffee.
2026 / A shared showroom
A new scene for showing work, asking questions, and finding people who care about the same things.
The member-only chapter is preserved too.
The original internal illustration and member documents stay in the private member archive. The first member-profile redesign is saved there as well. They have not been copied into this public page.
Open the member archive on GitHub ↗The complete public archive includes the calendar-release variant and earlier iceberg asset. Browse the original files and versioned archive, or visit the visual-history discussion. A SHA-256 manifest records the saved public files. Artwork credits and licences.
+
diff --git a/site/index.html b/site/index.html
new file mode 100644
index 0000000..e1d337e
--- /dev/null
+++ b/site/index.html
@@ -0,0 +1,64 @@
+
+
+
+ 
THD AIShare your project ↗
THD AIShare your project ↗
THD AI
+
+ Share your project
+ 
