GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → VJAI → fibonacci

VJAI / fibonacci

Licence: MIT License
A simplistic read-friendly blog template built with golden ratio

Programming Languages

SCSS
7915 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Labels

csshtmltypographyfibonaccigolden-ratioblog-template

Projects that are alternatives of or similar to fibonacci

tailwindcss-fluid-type
A plugin that makes the use of Fluid Type a breeze.
Stars: ✭ 91 (+203.33%)
Mutual labels:  typography
alreq
Documenting gaps and requirements for support of Arabic and Persian on the Web and in eBooks.
Stars: ✭ 51 (+70%)
Mutual labels:  typography
baseline
New method for creating leading on the web
Stars: ✭ 31 (+3.33%)
Mutual labels:  typography
font
Font toolbox
Stars: ✭ 14 (-53.33%)
Mutual labels:  typography
SplitType
Javascript utility that splits text into lines, words, characters for animation
Stars: ✭ 103 (+243.33%)
Mutual labels:  typography
typefaces
Collection of Google fonts as typeface data for usage with three.js, react-three-fiber, and other tools.
Stars: ✭ 53 (+76.67%)
Mutual labels:  typography
typeface-minecraft
Minecraft typeface and colors
Stars: ✭ 20 (-33.33%)
Mutual labels:  typography
hugo-initio
Hugo Theme port of Initio bootstrap template by GetTemplate
Stars: ✭ 58 (+93.33%)
Mutual labels:  blog-template
Epilogue
2 axes/Variable/18 styles/Sans
Stars: ✭ 104 (+246.67%)
Mutual labels:  typography
gatsby-netlifycms-starter-template
All the technologies used are free and open-source. You are free to use this template for a personal hobby blog, a commercial news agency or professional journalist website etc. Don't forget to star the repo if you like this template.
Stars: ✭ 33 (+10%)
Mutual labels:  blog-template
Tategaki
Translate Telegra.ph to vertical writing.
Stars: ✭ 80 (+166.67%)
Mutual labels:  typography
ui-ux
The learning guide contains the Basics, Intermediate and Advance resources for User Interface and User Experience Design
Stars: ✭ 187 (+523.33%)
Mutual labels:  typography
Commissioner
Commissioner is a variable and static sans typeface.
Stars: ✭ 147 (+390%)
Mutual labels:  typography
alchemy
Generate any a-by-( b + c ) finite rectangle SVG containing potentially Infinitely many a-by-( 2 * b ) finite rectangles animated along a number line of ( ( c - b ) / a )^n scale symmetry.
Stars: ✭ 29 (-3.33%)
Mutual labels:  golden-ratio
jekyll-typogrify
A Jekyll plugin that improves the typography of your Liquid templates.
Stars: ✭ 26 (-13.33%)
Mutual labels:  typography
acf-typography
A Typography Add-on for the Advanced Custom Fields Plugin
Stars: ✭ 14 (-53.33%)
Mutual labels:  typography
Tehreer-Cocoa
Standalone text engine for iOS
Stars: ✭ 31 (+3.33%)
Mutual labels:  typography
modern-fluid-typography-editor
Modern fluid typography editor
Stars: ✭ 222 (+640%)
Mutual labels:  typography
blogspot-themes
Blogspot (Blogger) Themes Library
Stars: ✭ 32 (+6.67%)
Mutual labels:  blog-template
tipograph
A little javascript library and command line tool that makes your written content more typographically correct.
Stars: ✭ 52 (+73.33%)
Mutual labels:  typography
View All Similar Projects ➔

Screen Shot

A simplistic read-friendly blog template built with golden ratio.

Demo

https://vjai.github.io/fibonacci/index.html

Supported Browsers

  • Chrome
  • Safari
  • Firefox

Download

Available in npm as "fibonacci-blog-template". You can also fork the repo or download the source-code from Git.

Development

Use the below command to run the project. It'll kickstart a small server running in port 4200. Also, everytime you update the SCSS file, it'll automatically compile them into "fibonacci.css" file.

npm start

Use the below command to only compile the SCSS files.

npm run build

Customization

You can customize the theme by re-defining the variables in _variables.scss file under "scss" folder.

Important SCSS variables.

  • $brand-color
  • $body-font-family
  • $heading-font-family

Icons

We've used bootstrap icons. The icon sprite file "bootstrap-icons.svg" is dropped in the "assets" folder.

License

MIT

Questions & Feedback

Please send email to vijay.prideparrot AT gmail.com.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].