Giter VIP home page Giter VIP logo

lektor-foundation's Introduction

hi. i'm joy!

lektor-foundation's People

Contributors

joyhchen avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

lektor-foundation's Issues

Grid - rows and columns

A grid block/field would allow you to add row flow blocks. A row flow block would allow you add up to a maximum of 12 column blocks. To display a grid, you must display all the rows. To display a row, it would be necessary to set a count variable to 0 and iterate through the columns to increment count. Setting a variable, say "set_me" to (12 divided by the count) would allow you to add a class called "large-{{set_me}} columns" to each column.

The grid might look something like this

-- Row
---- Column
---- Column
[2 columns, set_me = 6, each column would have a class of "large-6 columns"]

-- Row
---- Column
---- Column
---- Column
[3 columns, set_me = 4, each column would have a class of "large-4 columns"]

Navigation bar

  • Fully automatic navigation so that subpages are automatically displayed. See https://www.getlektor.com/docs/templates/navigation/
  • Figure out why top-bar-right isn't working
  • Style dropdowns
  • Right now the nav bar switches to vertical when on mobile devices which is generally considered more user-friendly, but maybe add the option of displaying a hamburger menu instead.
  • Figure out why dropdowns aren't showing (currently testing)
  • if blog, remove dropdowns as we don't want every blog post to be listed in the navbar

Page styling + templates

  • Portfolio - loop through attachments as thumbnails of projects and add button to link to subpage describing project
  • Blog - make blog prettier and possibly remove pagination (when not needed)
  • Single (page) - style headings + page content - find way to implement attachments in page

Pagination classes

Add pagination classes to blog pagination. Change the templates/macros/blog.html file

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.