All Projects β†’ samarsault β†’ Texture

samarsault / Texture

Licence: mit
A configurable jekyll theme for simply beautiful blogs.

Projects that are alternatives of or similar to Texture

Bootstrap 4 Github Pages
A Bootstrap 4 template project for Github Pages and Jekyll
Stars: ✭ 96 (-48.11%)
Mutual labels:  jekyll, scss
Gaohaoyang.github.io
blog & blog theme🀘
Stars: ✭ 1,699 (+818.38%)
Mutual labels:  jekyll, scss
Cyber.dhs.gov
A site for CISA directives
Stars: ✭ 98 (-47.03%)
Mutual labels:  jekyll, scss
Znlbwo.github.io
Stars: ✭ 65 (-64.86%)
Mutual labels:  jekyll, scss
Nl Covid19 Notification App Website
Project website
Stars: ✭ 183 (-1.08%)
Mutual labels:  jekyll, scss
Minimalism
Minimalism is a Jekyll theme for minimalist!
Stars: ✭ 74 (-60%)
Mutual labels:  jekyll, scss
So Simple Theme
A simple Jekyll theme for words and pictures.
Stars: ✭ 1,701 (+819.46%)
Mutual labels:  jekyll, scss
Jekyll Bootstrap4
Bootstrap 4 with Jekyll minimalistic example site
Stars: ✭ 43 (-76.76%)
Mutual labels:  jekyll, scss
Git Wiki Theme
A revolutionary full-featured wiki for github pages and jekyll. You don't need to compile it!
Stars: ✭ 139 (-24.86%)
Mutual labels:  jekyll, scss
Generator Jekyll Starter Kit
πŸš€ Jekyll Progressive Web App Generator.
Stars: ✭ 139 (-24.86%)
Mutual labels:  jekyll, scss
Jekyll Yamt
YAMT is a minimal Jekyll theme focused on simplicity and ease-of-use.
Stars: ✭ 55 (-70.27%)
Mutual labels:  jekyll, scss
Hitchens
An inarguably well-designed Jekyll theme.
Stars: ✭ 162 (-12.43%)
Mutual labels:  jekyll, scss
Jekyll Assets
🎨 Asset pipelines for Jekyll.
Stars: ✭ 1,083 (+485.41%)
Mutual labels:  jekyll, scss
Garth
πŸ₯ A really basic theme for Jekyll
Stars: ✭ 85 (-54.05%)
Mutual labels:  jekyll, scss
Minimal Mistakes
πŸ“ Jekyll theme for building a personal site, blog, project documentation, or portfolio.
Stars: ✭ 8,967 (+4747.03%)
Mutual labels:  jekyll, scss
Frasco
Quick starter for Jekyll including full setup for Sass, PostCSS, Autoprefixer, stylelint, Webpack, ESLint, imagemin, Browsersync, etc.
Stars: ✭ 123 (-33.51%)
Mutual labels:  jekyll, scss
Jalpc
🍎Jalpc -- A flexible Jekyll theme, 3 steps to build your website.
Stars: ✭ 859 (+364.32%)
Mutual labels:  jekyll, scss
Chalk
Chalk is a high quality, completely customizable, performant and 100% free Jekyll blog theme.
Stars: ✭ 987 (+433.51%)
Mutual labels:  jekyll, scss
Uswds Site
USWDS website and documentation
Stars: ✭ 135 (-27.03%)
Mutual labels:  jekyll, scss
Jekyll Text Theme
πŸ’Ž 🐳 A super customizable Jekyll theme for personal site, team site, blog, project, documentation, etc.
Stars: ✭ 2,150 (+1062.16%)
Mutual labels:  jekyll, scss

texture

A configurable jekyll theme for simply beautiful blogs.

Demo: thelehhman.com/texture

texture theme preview

Installation on Github Pages

Add this line to your site's _config.yml:

remote_theme: thelehhman/texture

NOTE: If you are forking this repo, remove base_url: /texture in the _config.yml which is required to load the required website assets

Installation

Add this line to your Jekyll site's Gemfile:

gem "texture"

And add this line to your Jekyll site's _config.yml:

theme: texture

And then execute:

$ bundle

Or install it yourself as:

$ gem install texture

Usage

The "texture" key in _config.yml is used to customize the theme data.

texture:
  title: Adam Denisov
  tagline: Developer. Designer
  date_format: "%b %-d, %Y"

  social_links:
    twitter: thelehhman
    github:  thelehhman
    linkedIn: in/thelehhman # format: locale/username

Styling

Multiple header styles are supported using the "style" property under texture in _config.yml.

texture:
  style: [yellow|red|black|blue|green|purple]

For example, the blue style looks like this:

texture theme blue

Texture Picker

You can toggle the texture picker to show/experiment various textures on your site using the showPicker variable. Remember to make it false for production.

texture:
  showPicker: [false|true] # show the texture selector(development purposes)

Comments (Disqus)

Comments on posts can be enabled by specifying your disqus_shortname under texture in _config.yml. For example,

texture:
  disqus_shortname: games

Google Analytics

It can be enabled by specifying your analytics id under texture in _config.yml

texture:
  analytics_id: '< YOUR ID >'

Excerpts

Excerpts can be enabled by adding the following line to your _config.yml

show_excerpts: true

Toggle Navbar

texture:
  showNav: true

Navigation

After setting showNav to true navigation can be built by adding the following to your _config.yml

texture:
  navigation:
    - title: My Work
      url: "/my-work"
    - title: Resume
      url: "/resume"

Layouts

  • Home
  • Page
  • Post

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/thelehhman/texture. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.

Development

To set up your environment to develop this theme, run bundle install.

Your theme is setup just like a normal Jekyll site! To test your theme, run bundle exec jekyll serve and open your browser at http://localhost:4000. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.

When your theme is released, only the files in _layouts, _includes, _sass and assets tracked with Git will be bundled. To add a custom directory to your theme-gem, please edit the regexp in texture.gemspec accordingly.

Donation

If this project help you reduce time to develop, you can give me a cup of coffee :)

paypal

License

The theme is available as open source under the terms of the MIT License.

More Themes

plainwhite

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].