Code Monkey home page Code Monkey logo

swiss's Introduction

Swiss Jekyll Theme

Gem Version

Swiss is a bold Jekyll theme inspired by Swiss design and the works of Massimo Vignelli. This theme lends itself well to sites heavy on written content.

Features:

  • Mobile-first design ensures this theme performs fastest on mobile while scaling elegantly to desktop-size screens.
  • Designed for blogs and sites heavy on written content, with bold typography styles, homepage summaries, and previous/next snippets.
  • Supports a wide range of HTML elements and markdown.
  • Flexible styles that can be reused for customization without adding additional CSS.
  • Dynamically generated navigation links. See docs for adding pages with specific post category for-loops.

Installation

Add this line to your Jekyll site's Gemfile:

gem "github-pages", group: :jekyll_plugins

And add this line to your Jekyll site:

remote_theme: broccolini/swiss

And then execute:

$ bundle

Usage

This theme comes in eight different color variations. The default is set to the black theme, to change to a different theme edit the config under theme_color: black to one of the following colors:

theme_color: black theme_color: red
black red
theme_color: white theme_color: gray
white gray
theme_color: blue theme_color: magenta
blue magenta
theme_color: orange theme_color: yellow
orange yellow

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/broccolini/swiss. 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, and _sass tracked with Git will be released.

License

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

swiss's People

Contributors

benbalter avatar broccolini avatar jhbiggs avatar kalbir avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

swiss's Issues

Stop the war!

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

icon-github.html not found

I am getting this error when I try to install:

Liquid Exception: Could not locate the included file 'icon-github.html' in any of ["/Users/phocks/Sites/quoke/_includes", "/usr/local/lib/ruby/gems/2.4.0/gems/jekyll-swiss-0.4.0/_includes"]. Ensure it exists in one of those directories and, if it is a symlink, does not point outside your site source. in about.md

I've tried bundle method and manual gem install method.

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop war in Ukraine!!!

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Please, help to Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need of your actions!

Stop war in Ukraine!!!

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.  
Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at:  https://war.ukraine.ua/   
We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.  
Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at:  https://war.ukraine.ua/   
We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Close GitHub for Russia!

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.
Please, prevent these actions and don’t stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/ 3
We urge you to close GitHub for russia and its developers! We value your support and we are in need for your actions!

Close GitHub for russia and their developers!

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Default syntax highlighting not working

Thanks for a beautiful template!

I was wondering if there is a simple way to get the default code snippet highlighting to work with Swiss? According to the docs, Rouge is the default highlighter in Jekyll 3+ and should just work out of the box. For example:

{% highlight ruby %}
def foo
  puts 'foo'
end
{% endhighlight %}

Default rendering:
screen shot 2017-06-16 at 5 36 16 pm

Swiss rendering:
screen shot 2017-06-16 at 5 41 25 pm

I tried removing/editing the CSS below from the _components.scss file but (expectedly) all it did was to change the color from red to black and remove the indent/blockquote.

// Styling markdown output

// Code formatting
pre {
    border-left: $spacer-1 solid $color-border;
    margin: $spacer-3 0;
    padding-left: 16px;
    width: (9 / 12 * 100%); // matches col-9
    overflow-x: auto;
}

code {
    color: $color-code;
    font-size: $body-font-size;
    padding: 1px 4px;
}

I also tried using Highlight.js, Pygments, redcarpet, etc. but couldn't get anything to work. Any thoughts on how to "override" the template CSS for <pre> and <code> tags to use the Rouge syntax highlighter instead?

Thank you!

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Plugin remote error

in _config.yml file:
remote_theme: broccolini/swiss

(base) ➜  ga_blog git:(master) ✗ bundle exec jekyll serve
fatal: ambiguous argument 'HEAD': unknown revision or path not in the working tree.
Use '--' to separate paths from revisions, like this:
'git <command> [<revision>...] -- [<file>...]'
  Liquid Exception: No repo name found. Specify using PAGES_REPO_NWO environment variables, 'repository' in yo
ur configuration, or set up an 'origin' git remote pointing to your github.com repository. in /_layouts/defaul
t.html
             ERROR: YOUR SITE COULD NOT BE BUILT:
                    ------------------------------------
                    No repo name found. Specify using PAGES_REPO_NWO environment variables, 'repository' in yo
ur configuration, or set up an 'origin' git remote pointing to your github.com repository.

I don't understand this error. Help!!!

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.  
Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at:  https://war.ukraine.ua/   
We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Pagination

This theme doesn't seem to have pagination? I really like how the theme minimal-mistakes handles pagination. I wonder if it would be possible to implement that in Swiss?

Stop War in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop putin, Stop russia, Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Gem install not working

I'm chatting with the Jekyll folks about this issue but currently it doesn't seem to load the layouts, includes, and sass files when the theme is added as a gem.

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Add comments

It is possible to add comments under posts ? and also, it is possible to track the site with google analytics?
Thanks !

War in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!
photo_2022-03-10_16-36-22

Please stop russian aggresion war in Ukraine

Please stop russian war in my country

At the time when Ukraine is suffering from missile attacks and bombing, the people of the invading Russia can use Github for the purpose of developing apps and platforms that destabilize Ukrainian web resources.

We are asking you to join the boycott and stop helping the side of the aggressor. Information about the Ukrainian-Russian war can be found here: https://war.ukraine.ua/

Close Github for Russian users. Your support is needed and highly appreciated.

Stop war in Ukraine NOW

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Hyperlink design choices are too subtle

I'm using this theme for my own blog* and I feel like the hyperlinks blend with the text way too seamlessly in the black-theme. The text is black on white background, and the hyperlinks are black text with a dotted underline. It would be nice if the reader had a clearer signal that there were links (e.g. by being navy blue or something). I know it would detract from the look slightly, but it would be more functional for us bloggers.

*Credit yourself in the footer. This theme is beautiful, and I'm sure some people will want to see who designed it.

File to import not found or unreadable: theme-pink.scss.

I tried changing to theme_color: pink for fun and received errors on serve:

   Generating...
  Conversion error: Jekyll::Converters::Scss encountered an error while converting 'assets/style.scss':
                    File to import not found or unreadable: theme-pink.scss. Load path: C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/jekyll-swiss-0.4.0/_sass on line 5
jekyll 3.7.2 | Error:  File to import not found or unreadable: theme-pink.scss.
Load path: C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/jekyll-swiss-0.4.0/_sass on line 5

better default link style

http://webdata.systems/ has been tweaked a little to allow content on the home page. links in this content right now are not visually recognizable at all. maybe add default link styling that makes links visually discoverable without having to add custom styling?

Stop war in Ukraine!

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop the war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Close GitHub for Russia!

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources. Please, prevent these actions and don’t stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/
We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at: https://war.ukraine.ua/

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

missing file icon-github.html

i followed the instructions given on the site, but when running bundle exec jekyll serve got the following error message:

Liquid Exception: Could not locate the included file 'icon-github.html' in any of ["/Users/dret/Desktop/github/webdata/_includes", "/Users/dret/.rvm/gems/ruby-2.3.0/gems/jekyll-swiss-0.4.0/_includes"]. Ensure it exists in one of those directories and, if it is a symlink, does not point outside your site source. in about.md
jekyll 3.2.1 | Error:  Could not locate the included file 'icon-github.html' in any of ["/Users/dret/Desktop/github/webdata/_includes", "/Users/dret/.rvm/gems/ruby-2.3.0/gems/jekyll-swiss-0.4.0/_includes"]. Ensure it exists in one of those directories and, if it is a symlink, does not point outside your site source.

i am sure i can fix this relatively easily, but wanted to point out that maybe the installation instructions (or procedure) need some fixing.

Stop war in Ukraine

While Ukraine is under missile attacks GitHub could be used by Russians to develop apps and platforms aiming to destabilize Ukrainian web resources.  

Please, prevent these actions and don't stay on the same side with invaders! All information about war can be found at:  https://war.ukraine.ua/   

We urge you to close GitHub for Russia and its developers! We value your support and we are in need for your actions!

Adding image added to posts to home.html

Hi_ I'm still learning here, so I apologize for the annoying question. I'm trying to add an image added to a post show up with the post on the home page. I assume I need to add a variable or include the home.html to pull that image/url out but I'm lost on how to target it. Would you happen to know how to accomplish this (or point me in the right direction)? Any help would be greatly appreciated. Thanks!

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.