Coder Social home page Coder Social logo

artemsheludko / galada Goto Github PK

View Code? Open in Web Editor NEW
143.0 6.0 133.0 1.82 MB

Galada is an easy and simple blog theme for Jekyll.

Home Page: https://artemsheludko.github.io/galada/

License: MIT License

HTML 29.59% Ruby 0.53% JavaScript 9.57% SCSS 60.31%
jekyll-theme jekyll github-pages minimal clear responsive mobile-first flexible sass html5

galada's Introduction

Galada - Easy & Simple Theme for Personal Blog

Galada is an easy and simple theme for Jekyll. Dark colors, give it a special exquisite look. A careful approach to design and features make it an ideal solution for a personal blog.


Table of Contents


Features

  • 100% responsive and clean theme

  • Optimized for mobile devices

  • Minimal design

  • Valid HTML5 code

  • Post sharing

  • Subscription form

  • Supports Disqus Comments

  • Instagram Feed

  • Ionicons Icons

  • Google Fonts


Demo

Check the theme in action Demo

Main page preview

The post page would look like this:

Post page preview


Deployment

To run the theme locally, navigate to the theme directory and run bundle install to install the dependencies, then run jekyll serve or bundle exec jekyll serve to start the Jekyll server.

I would recommend checking the Deployment Methods page on Jekyll website.


Posts

To create a new post, you can create a new markdown file inside the _posts directory by following the recommended file structure.

  ---
  layout: post
  title: Premiere on Broadway
  date: 2018-08-23 16:04:00 +0300
  image: 03.jpg
  tags: [Rest]
  ---

You can set the tags and the post image.

Add post images to /img/ directory.

For tags, try to not add space between two words, for example, Ruby on Rails, could be something like (ruby-on-rails, Ruby_on_Rails, or Ruby-on-Rails).


Disqus Comments

Galada Theme comes with Disqus comments enabled.

Open _config.yml file, and change the mr-brown value on line 26 with your Disqus account shortname.

  Comment Section (Disqus)
  disqus-identifier: mr-brown \# Add your shortname for Disqus Comment. For example mr-brown

That’s all you need to setup Disqus from the theme side. If you get any issue regarding that comments are unable to load. First, make sure you have registered your website with Disqus (Step 1).

And also check Disqus troubleshooting guide if you still have issues.


Instagram

The Instagram feed is working using Instafeed.js to show the photos.

First, you will need to get your account userId and accessToken from the following URLs:

Second, open the js/common.js file and replace the userId and accessToken values.

        var instagramFeed = new Instafeed({
          get: 'user',
          limit: 6,
          resolution: 'standard_resolution',
          userId: '8987997106',
          accessToken: '8987997106.924f677.8555ecbd52584f41b9b22ec1a16dafb9',
          template: ''
        });

Third, open the _config.yml file and replace the instafeed: false on instafeed: true value.

        \# Instagram Feed
        instafeed: false \# To enable the instafeed, use the value true. To turn off use the value false.

Google Analytics

To integrate Google Analytics, open _config.yml, and add your Google Analytics identifier.

\# Google Analytics
google-analytics: \# Add your identifier. For example UA-99631805-1

Update favicon

You can find the current favicon (favicon.ico) inside the theme root directory, just replace it with your new favicon.


Credits

I have used the following scripts, fonts or other files as listed.


License

Mit License


Support

If you like the themes that I create you can become my sponsor on Patreon.

Thank you for your support ❤️

galada's People

Contributors

artemsheludko avatar dependabot[bot] 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

galada's Issues

Add particle.js to the header of home page

Hey, I'm trying to add the particle.js background to the header and remove the first post thumbnail... But I'm not sure how to do it.. Some help will be appreciated...

SAAS gem deprecation

Post-install message from sass:

Ruby Sass is deprecated and will be unmaintained as of 26 March 2019.

* If you use Sass as a command-line tool, we recommend using Dart Sass, the new
  primary implementation: https://sass-lang.com/install

* If you use Sass as a plug-in for a Ruby web framework, we recommend using the
  sassc gem: https://github.com/sass/sassc-ruby#readme

* For more details, please refer to the Sass blog:
  http://sass.logdown.com/posts/7081811

Also see https://sass-lang.com/ruby-sass

Adding Logo Image

Could you assist me to replace the Logo image instead for a logo text?

is it possible to make another tab that includes some other posts?

Hi,

First of all, thank you for this web, I really like it. May I ask you how to make another tab that includes some other posts? For example, right now we have a home tab that includes many posts. But I want to make another table, let's call it "life", that includes some other posts. I am a beginner in jekyll and had a hard time to figure it out. Can you please give me some helps?

Thank you.

I wanna change header menu layout..

The top header is center layout, I want change to align right. so I try much times, but I fail. can you help me.

And sorry! my english is so bad.

Custom page Layout creation

Could you help me in creating a similar layout as the index page in a new page where I can show all my projects just like blog posts?

Gem?

This theme looks quite nice, but I think it'd be nicer if people could use it as a gem instead of forking your repository.

The sizes of two posts are different

Hello! I'm a novice of lekyll, and have a problem which I have no idea how to solve.
NO2A83FQ0~SU`P1X 56}O%C
as you see, the size of the left post is smaller , I don't know what's wrong.
Could you please help me?
And I'm sorry for my poor English.

Tags Page not Accesible externally

Hi, I'm having an issue where the tags page is inaccessible from the outside.
When I try to access it, I get redirected to the internal address of the server.

I looked for the version that I'm currently using, but can't find it anywhere.

We're hosting it on our own server with Jekyll.

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.