gitwtfhub

wtf is b14-a01-devconf-2026?

programminghero1/b14-a01-devconf-2026 — explained in plain English

Analysis updated 2026-05-18

48Audience · generalComplexity · 1/5Setup · easy

TL;DR

A student course assignment brief describing an HTML and CSS only landing page project for a fake conference, DevConf 2026, including grading rules and GitHub Pages troubleshooting tips.

Mindmap

mindmap
  root((DevConf-2026-assignment))
    What it does
      Assignment instructions
      Page section requirements
      Grading criteria
    Tech stack
      HTML5
      CSS3
      GitHub Pages
    Use cases
      Practice building a landing page
      Learn Flexbox and box model
      Follow a Figma design brief
    Audience
      Students
      Beginners

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Follow the assignment as a guided project to practice HTML and CSS layout.

REASON 2

Use the Figma design reference to build a matching navbar, hero, and pricing section.

REASON 3

Practice writing unique speaker and pricing card content instead of repeated text.

REASON 4

Debug common GitHub Pages issues using the troubleshooting section.

What's in the stack?

HTML5CSS3GitHub Pages

How it stacks up

programminghero1/b14-a01-devconf-2026619dev/guanlanachrefelouafi/grasssystemthreejs
Stars484848
LanguageTypeScriptJavaScript
Setup difficultyeasymoderateeasy
Complexity1/53/52/5
Audiencegeneraldeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 1h+

This is a student assignment brief, not runnable software, completing it means writing your own HTML and CSS files and publishing them via GitHub Pages.

No license information is stated in the README.

Wtf does this do

This repository is a coding assignment brief for a student course, not a working application. It describes a webpage project students must build for a fictional event called DevConf 2026, using only HTML and CSS, with no JavaScript and no CSS frameworks. The assignment lays out exactly what sections the page must contain: a navigation bar with a logo, centered menu items, and a register button, a full width hero banner with a bold heading and a call to action button, a speakers section showing a grid of at least four speaker cards with photos, names, titles, and topic labels, a pricing section with three plans where the middle plan is visually highlighted, and a footer with a logo, social links, and a copyright line. Students may follow an included Figma design for layout and spacing. One small part of the assignment specifically allows and encourages using an AI tool such as Claude or ChatGPT: students replace a placeholder section with their own original idea that still fits the conference theme, and they must submit the prompts they used to build it. Every other section must be written by hand, and using AI there is discouraged and may lose marks. Other rules include making at least five separate GitHub commits instead of one big commit, avoiding placeholder Lorem Ipsum text, and writing unique text for each repeated card instead of copying the same sentence everywhere. An optional, ungraded part of the assignment asks students to record a short video explaining basic HTML and CSS concepts in their own words, such as the difference between a div and a span, the CSS box model, classes versus ids, Flexbox alignment properties, and CSS positioning values, mainly as practice since a similar video becomes mandatory in a later assignment. The README ends with a troubleshooting list for common GitHub Pages problems, such as needing a file named exactly index.html, case sensitive file paths on Linux based hosting, image paths in CSS being relative to the stylesheet rather than the HTML file, and browser caching hiding recent changes.

Yoink these prompts

Prompt 1
Help me build the DevConf 2026 navbar section with a left logo, centered menu, and a Register Now button using only HTML and CSS.
Prompt 2
Suggest an original idea for the AI placeholder section that fits a tech conference theme, such as a FAQ or hackathon details block.
Prompt 3
Explain the difference between position relative, absolute, and fixed in CSS with simple examples.
Prompt 4
Why is my GitHub Pages site showing a 404 error, and how do I fix file naming and path casing issues?

Frequently asked questions

wtf is b14-a01-devconf-2026?

A student course assignment brief describing an HTML and CSS only landing page project for a fake conference, DevConf 2026, including grading rules and GitHub Pages troubleshooting tips.

What license does b14-a01-devconf-2026 use?

No license information is stated in the README.

How hard is b14-a01-devconf-2026 to set up?

Setup difficulty is rated easy, with roughly 1h+ to a first successful run.

Who is b14-a01-devconf-2026 for?

Mainly general.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.