Git Product home page Git Product logo

feuerundflamme.xyz's People

Contributors

brennovich avatar msch-fhs avatar rbxwall avatar

Watchers

 avatar  avatar

feuerundflamme.xyz's Issues

Tile structure for home page

Image

Checklist

  • Provide tiles content
  • Basic structure
  • Styles
  • Documentation
    • How to include tiles
    • How the content is structured
  • Support for photo tiles (clickable with more info to follow on you click)
  • Have the fixed tiles with proper content
  • Footer with email like in the old website

Fix

  • Make heading bigger to match design (flexible size)
  • Non-italic call out font in the tile
  • Fix colors

Website revision

Header Bündnis Feuer & flamme

  • fitting width of the tiles
  • Stroke Bündnis: 3 px (content page still 2px?) (or relative stroke thickness for mobile and web view density?)
  • M: I would try the Bündnis Feuer und Flamme Header only as outlines, and maybe it can be fixed in its position like in Rebecca’s draft?

Tiles:

  • add tile Colors:
    - green yellow: rgb 176, 252, 92
    - Vivid Tangerine: Rgb 255, 140, 141
  • M: tiles should be a bit smaller and a bit more dense, so that you get an overview a bit more - with smaller gaps in between the tiles and more columns (e.g. 4-5 on my I-pad)
  • How to produce a dynamic tile?
  • change font (to arial?) and make smalles text on tiles still bold (arial black)?
  • Tile font
    • Bigger: make smaller
    • Smaller: make bold
  • what about putting images as tiles?
  • Less gap, more tiles per row

Content Pages

  • Fade out background color?
  • Introducing brakes between emojis and Titel? (
    doesn’t work?)
  • And can we put images on the event sites?

Mixed

  • keep the moving flame somewhere? <3
  • Add floating banner?
  • Linking things? (e.g. More info in: kontakt page)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.