GithubHelp home page GithubHelp logo

abacbs2020's Introduction

Netlify Status

Jekflix Template

Jekflix Template Cover Image

See the demo here.

What is it?

A theme for Jekyll inspired by Netflix panel for who loves movies and series and would like to have a blog with this cool appearance.

Jekflix Screenshot Image

Features

SEO

  • Google Analytics
  • Meta tags
  • JSON-LD
  • Sitemap.xml
  • Social Media ready

Quick Install

In the case you're installing to existing Jekyll project, add this line to your project's Gemfile:

gem "jekflix"

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

theme: jekflix

And then run:

$ bundle

Or install it yourself as:

$ gem install jekflix

Theme Colors

Create the file /assets/css/styles.scss and add:

---
---

$themeColor: #ff0a16;
$primaryDark: #141414;
$accentDark: #ffffff;
$lightGray: #f2f2f2;
$texts: #333333;

@import "jekflix";

Modify the variables above to change your theme colors.

Site configuration

Below are some properties you can change in your project _config.yml, check the documentation for more details.

# Site Settings
name: Jekflix
title: Jekflix | A blog theme for Jekyll
description: Jekflix is a template for Jekyll inspired by Netflix and made by Thiago Rossener.
tags:
  - blog
  - template
  - jekyll
  - theme
  - netlify
email: [email protected]
disqus_username: disqus_username
show_hero: true
menu:
  - title: Home
    url: /
  - title: About
    url: /about
  - title: Contact
    url: /contact
  - title: Feed
    url: /feed.xml

# Social Media Settings
# Remove the item if you don't need it
github_username: github_username
facebook_username: facebook_username
twitter_username: twitter_username
instagram_username: instagram_username
linkedin_username: linkedin_username
medium_username: medium_username

# Posts Settings
show_time_bar: true
show_modal_on_exit: false
show_modal_on_finish_post: true
two_columns_layout: true

# Advanced Settings
baseurl: "" # the subpath of your site, e.g. /blog
url: "" # the base hostname & protocol for your site
google_analytics: "UA-XXXXXXXX-X"
language: "en"
categories_folder: category
sent_message_url: "/contact/message-sent/"

# Build settings
markdown: kramdown
highlighter: rouge
permalink: /:title/
collections:
  authors:
    output: true
paginate_path: "/page/:num/"
show_get_theme_btn: true
use_logo: false

# Content paginator
paginate_content:
  enabled: true
  debug: false
  collections:
    - posts
  auto: false
  separator: "--page-break--"
  permalink: "/:num/"
  seo_canonical: true
  properties:
    part:
      is_generated: true
    last:
      is_generated: true
    single:
      is_generated: true

# SASS
sass:
  style: compressed

# Plugins
plugins:
  - jekyll-paginate
  - jekyll-paginate-content

Setup

In the case you're cloning this repo, follow those instructions:

Customization

See the settings documentation to customize layout, titles, social media and more.

Theme

You can easily change the theme colors by changing the file src/yml/theme.yml, then running gulp build in your terminal.

GitHub pages

It's a known issue that you can't run Gulp when deploying the website into GitHub pages. So, you must change the theme colors and run gulp build locally, then push the changes into your repo, there is no other way.

To see how your website is going to look like when you deploy it, run bundle exec jekyll serve locally and access http://127.0.0.1:4000/.

Posts

Use the Front Matter properties to create posts.

Note: In the case you're cloning this repo, you can use the available script to generate posts automatically.

Release notes

v3.1.0

v3.0.2

  • Added assets folder

v3.0.1

  • Fixed post SVG icons

v3.0.0

  • Created theme gem
  • Enabled text translations
  • Added heading anchor links
  • Changed code highlight colors
  • Changed from Stylus to SASS

v2.0.1

  • Fixed bugs
  • Optimized to support disabled JS

v2.0.0

v1.0.1

  • Fixed bugs
  • Upgraded to Gulp 4

v1.0.0

  • Initial release

Questions?

File a GitHub issue please.

Donation

Did you like my work? Buy me a beer 😁🍺

paypal

Author

Thiago Rossener

License

Jekflix Template is available under the MIT license. See the LICENSE file for more info.

abacbs2020's People

Contributors

chashm-e-afreen avatar chkir avatar dependabot[bot] avatar diegofornalha avatar fasih avatar koadman avatar mastercoks avatar siclemx avatar strongsoda avatar thiagorossener avatar vimal-krishna avatar worming004 avatar xieguochao avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar

abacbs2020's Issues

Talk democracy? or maybe not?

Hi,
currently video talks are all shown together, without distinguishing
invited talks, session talks from async_talks, like a "talk democracy"

I know this will be clear from the links in the program.

But do we want to tag them somehow? It could be good to recognise them, e.g. for the question of timing, search, etc...

What do you think?

E.

Video concat corruption

Hi Aaron,

I have looked at one video but it seems the video is corrupted after the Aust. BioCommons advertisement. In the browser, the video only plays up to the end of the advertisement and then stops and cannot go further. If I download the video onto my desktop and play it using media player, the video is completely corrupted even the voice recording is still there. This is the video in question:

https://abacbs2020.abacbs.org/PACIFIC-A-lightweight-deep-learning-classifier-of-SARS-CoV-2-and-co-infecting-RNA-viruses/

Kind regards,

Igy

Notes about the website from Jen Taylor (chair of the Plants/Fungi session)

Regarding the website, it is looking really great. I found the conference program links seemed the simplest way to connect with the talks. Although noting that Stephanie Chen’s talk link is not yet linked up.

Otherwise – might be just my browser but I found the left hand topic menu didn’t scroll to the bottom and so I couldn’t seem to get to the plants/fungi section. I found the talks by selecting any other topic, e.g. Genomics and then scrolling down the bottom in the main window, all topics are listed at the bottom.

Quite easy once you get used to it, and for the top listed topics, the left hand menu will work well. I think perhaps most will do what I did and go to the conference program links.

Still missing 3 talks – is there a deadline folks are working to.

Thanks

Jen

Some items to add / improve on the website

We need a program with navigation for day 1 (session A / B ), day 2 ....

Searching window in the site: what can be used for searching? Names? Talk titles?

Is the order of the talks in the front page random? Could it be made random?

In the page of each talk:

Affiliation starts from (0), perhaps should start from (1)

Is it possible to add the keywords? or the topic? as a link, to jump to those pages.

What is the “see also” based on? keywords? Topic? Are these randomly selected? Could we make them based on “keywords”?

Specify Remo table number = abstract number (but not the floor…). In Remo, we will probably have
odd numbers on day 1, even numbers on day 2, day 3 networking tables. Each day there will tables for the invited speakers of the day, sponsor tables, and extra networking tables.
On the third day we could have just networking tables, or a 2-person table for each one, as there won't be enough tables for everybody on the same day.

Thanks

Links to Remo events

I was wondering whether the REMO link could be renamed:

For the first day:
Asynchronous talk session in Remo --> Networking session (invited speakers of the day, odd-numbered abstracts, sponsors)

For the second day:
Asynchronous talk session in Remo --> Networking session (invited speakers of the day, even-numbered abstracts, sponsors)

For the third day:
Asynchronous talk session in Remo --> Networking session (invited speakers of the day, topic tables, sponsors)

It would be good if all attendees can participate, and that there is a table also for selected talks.

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.