The web site of cinhardt

About this website

In an attempt to learn html, javascript, and CSS during a boring summer, two university students (Cindy and Lauryn) decided to make a website and fiddle around with everything they knew and could learn about in regards to web design. They styled every page differently because CSS is cool and there are so many themes two people could think of, let alone one. Seeing how they're doing now, HTML is still a work in progress, there isn't much javascript around here, and CSS is always growing. Furthermore, Cindy and Lauryn made web pages for individual biographies and documentation of their experiences as teaching assistants for computer science labs at their university. See the links above for more info.

Thanks for visiting!

Cindy & Lauryn

How the girls met

Our first meeting

We are cool

We are even cooler

We are cute ♥

Freshmen are typically friendly people when they come to college, searching for peers to connect and study with. People share pain in math classes, and that was no exception in the class that Cindy and Lauryn had together. They exchanged greetings one day while both sitting in the front row and spoke from time to time in office hours. (Lauryn introduced herself twice.) They worked together on a math project involving a dead clown following a freak accident. The quarter afterward, Cindy hopped in on a math class that Lauryn was in and stayed with her. They suffered just the same, and then continued to have classes together the next academic year as well as lunches. Since then, they've been through thick and thin and text each other almost every day about random subjects.

Knowledge Is Power

Here's a brief (sort of chronological) list of all the things we managed to learn in CSS, HTML, and javascript. Most of them should be around this website somewhere!

CSS

@font-face (using font from other sources)
font (family, weight, size, variant, style, stacking)
text-decoration (underline, uppercase, capitalize, etc.)
text-indent
text-shadow (for actual shadow or glow)
letter-spacing and word-spacing
line-height
background (image, repeat, attachment, size, color, url)
color (expressed in common color name, hex code, or rgba for use of opacity)
height and width
max-width, min-width, max-height, min-height
position (absolute, relative, fixed)
border (radius, image (Cindy is working on this))
margins and padding
opacity
units of length (px, %, em)
display (block, inline, inline-block, none, etc.)
overflow
z-index
list style type (Look more into this)
cursors
:hover for cool stuff to happen upon hovering over content
use of :after and :before to add content like images or text
access stuff using :nth-of-type(#), :first-child, and :last-child

HTML

head, body, and style
divs and classes
headings
links to other pages and to top of the page
images
center
bold, italicize, underline, and strike through text
types of lists (ordered, unordered, etc.)
navigation bar (horizontal, dropdown)
linking cascading stylesheets
breaks between text
style
tooltips (short message that appears when you hover over something... work on this)
favicons (that icon next to the title of the webpage on the tab)
embedding audio players
using built-in audio players
tables
figcaption (caption under figures)

Javascript

cursor trailing glitter
button that opens a section when clicked and closes it when clicked again (Cindy's looking for this)
text box alert
content slider

Welcome to cinhardt!

This website is currently under construction.