easterpeanut / legobox Goto Github PK
View Code? Open in Web Editor NEWA box of bricks to set up a Middleman site.
License: MIT License
A box of bricks to set up a Middleman site.
License: MIT License
To shorten this:
<svg class="icon left icon-<%= icon_left %>"><use xlink:href="#icon-<%= icon_left %>"></use></svg>
to:
<%= partial("bricks/icon/icon", locals: { icon: icon_left,
class: "left" }) %>
Add these meta tags in the head.
Do we want this?
See if we want to add this.
Possible sub bricks:
Also a 'lower footer'
copyright / year / privacy policy / terms of service / sitemap
Add a maps brick.
Options should include:
Google maps or alternative?
..and let the build config take care of it and place it in the root.
Contains:
Possible options:
Instead of :class => "button primary ghost"
I'd like to do :class => [:button, :primary, :ghost]
Contains:
Because 'sass' is replaced by 'sassc' (middleman/middleman@36326e4) got some issues with sprockets: middleman/middleman-sprockets#132. Temporary solution is to still install 'sass'.
Originally posted by @EasterPeanut in #53 (comment)
Rather not include sass, so whenever this is fixed in middleman, remove 'sass'
Photoswipe?
Make sure every project has them in it. Just plain content pages.
Use glob @import "../bricks/**/*";
in site.css.scss to prevent having to add every partial scss to it.
Edit: also //= require "../bricks/**/*"
for site.js
Options:
Wait for this to happen: dear-github/dear-github#113
A stretching image header (height and width, depending on the img ratio) with the following options:
narrow
or full-width
variants (default full-width)Related to #20 :
So the nav gets the background of this hero.
Search throughout site. Needs a form and plugin search
slick?
uses hero as content
options:
Also possible to include:
Videos, animations, photographs, illustrations?
Some nice trends for this year: https://webflow.com/blog/20-web-design-trends-for-2019
Also make sure the icon in the button can be passed to the hero: button_icon_left
and button_icon_right
being optional
Collapse animation: something material design-like.
Loop over all available pages to render the navigation items.
Make a (sub)brick out of the logo. (momentarily in the header)
Investigate Taiga.
Edit: just use CSS grid.
See what parts can be added last.
Investigate dns-prefetch / preload / preconnect
As brick? Or not needed?
Contains:
Contains:
Use bricks from the form and maybe set this up with netlify.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.