plantamedium-lab/typography

Trainee project: typography - characteristics and properties

Trainee project: typography

• Author: Lukas
• Info: wiki (soon)
• Language: german
• URL: https://plantamedium-lab.github.io/typography/

Source as picture frame

[]

---

Based on: ZURB Foundation for Sites. It has a Gulp-powered build system with these features

• Handlebars HTML templates with Panini
• Sass compilation and prefixing
• JavaScript concatenation
• Built-in BrowserSync server
• For production builds:
  • CSS compression
  • JavaScript compression
  • Image compression

Installation

To use this template, your computer needs:

• NodeJS (0.12 or greater)
• Git

Setup

git clone [email protected]:plantamedium-lab/typography.git
cd typography
npm install
bower install

Run this project

npm start

Finished site will be created in a folder called /dist, viewable at this URL:

http://localhost:8000

typography's Issues

HTML Optimisation

Removing some of the common markup smells

File: src/pages/index.html

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">

<img class="float-center align-image"src="assets/img/Grundstrich.svg" width="50%"height="auto">

Image and text in popup windows don't change

Popup window shows only the correct headline, the image and texts below stays the same.
Also the highlight color in the overview and in the window is different. The color should match "magenta".