hydpy/hydpyconf2019

Website for PyConf Hyderabad 2019

HydPy Website

Website of HydPy - Hyderabad Python User Group

Dev Setup

The site uses jekyll a simple and popular static website generator which can be hosted via github pages. You can quickly start developing by pushing your code to the gh-pages branch of your repo. Then go to the Settings tab of your GitHub account, scroll down to the GitHub Pages section and choose gh-pages as source. But this will need you to push the code to gh-pages everytime you wish to test out a change.

We recommend doing development in offline. For that you need ruby to be installed in your local since jekyll is a ruby gem. Follow these steps for installation in local.

1. Install Ruby as per this installation guide. For Linux, Mac OSX it's preferable to use RVM and for Windows you can use RubyInstaller
2. Run gem install bundler jekyll. This install bundler and jekyll.
3. Run bundle install
4. Run bundle exec jekyll serve to start the server
5. Site is up and running! Go to localhost:4000

Adding Content

Event post

Create a Event post by creating a file called yyyy-mm-dd-name-of-post-like-this.markdown in the /_posts/ directory with the following template:

---
layout: post          #important: don't change this
title: "Name of post like this"
venue: "Location of event"
location: "google maps url link"
location-embedded: "google maps embedded url link"
date: yyyy-mm-dd hh:mm:ss
presenter: Name
meetup: "meetup link"
categories:
- python                #important: leave this here
- category1
- category2
- ...
img: post01.jpg       #place image (850x450) with this name in /assets/img/blog/
thumb: thumb01.jpg    #place thumbnail (70x70) with this name in /assets/img/blog/thumbs/
---
This text will appear in the excerpt "Event preview" on the Events page that lists all the posts.
<!--more-->
This text will not be shown in the excerpt because it is after the excerpt separator.

FAQ Question entry

Create a Question entry (that is listed in the Frequently Asked section on the Home page) in this directory by creating a file called yyyy-mm-dd-do-i-have-a-question.markdown in the /_faqs/ directory with the following template:

---
layout: question
title:  "Do I have a question?"
---

Can I use this theme for my website?
Of course you can!

hydpyconf2019's Issues

Add 404 page

Add a 404 - Page not found page for the website.
Reference: https://jekyllrb.com/tutorials/custom-404-page/

Fix baseurl to work on both local environment and publish

Reference file: _config.yml

Add push notifications service to web app

Add push service once the service worker is implemented.
Reference: https://developers.google.com/web/ilt/pwa/introduction-to-push-notifications
https://firebase.google.com/docs/cloud-messaging/js/client
Few details under #34

Add Keynote Speakers section

We will be going to announce our first Keynote Speaker soon. Speaker section needs to be uncommented in _layouts/default.html and made ready for Keynote speaker announcement.

Update FAQ page with ticketing info

Add FAQs related to tickets

Add manning and Python weekly learning as sponsors

Integrate Netlify service

Integrate Netlify service for commit preview urls.

Display talk/workshop description in info modal

Currently the info modal will show the speaker bio when clicked on the speaker link. We want to show the Talk/Workshop description instead. Only for keynote speakers show their bio.

Can't navigate to main page through navigation after clicking footer links

Go to a separate page other than the homepage / index and try to navigate using the menu items

https://pyconf.hydpy.org/2019/volunteer.html

Nav items do not work because it's trying to scroll to content area instead of redirecting back to homepage

Publish selected talks on the website along with Abstract

Remove redundant info from workshop and talk data

audience_type and category is not required. Remove them from their respective data files.

Show Sponsor details modal on clicking on a sponsor logo

Display a modal showing Sponsor Name, details and link on clicking over sponsor logo in sponsors section

Show Workshop details modal on clicking Workshop title and Speaker details on clicking on speaker name

When you click the name of a speaker in workshop a modal showing Speaker name, links and the Workshop detail shows up. We want to display speaker details on clicking on speaker name and a separate modal having the Workshop name and description on clicking the workshop title.

Fix viewport size

create flyer for keynote announcement

Create a flyer for twitter post along with the content.

Fix overlapping buttons in Mobile view

Submit Talk and Get Tickets button are overlapping in mobile view.

Add Devsprint link

Add a button linking to the Devsprint page - https://github.com/HydPy/hydpyconf2019/wiki/PyConf-Hyderabad-2019-Devsprint

Update corrected logo

Current one has PyConf Hyderabad 2017 mentioned in it. Update it with the plain version.

Update Tickets table in website

create event of PyConf Hyderabad 2019 in popular event aggregators or event websites

Add analytics to the website

Let's discuss here, if we need to add analytics to the website.

Update CFP link on the website

The submit talk button shall point to - https://www.papercall.io/pyconf-hyderabad2019

Remove transparent header and make it constant as black

Reference above.

Add Code of Conduct

This is something that needs to be added at the very beginning. Copy this from last PyConf Hyderabad website and make necessary modifications.

Change in faq.md

https://github.com/HydPy/hydpyconf2019/blob/master/faq.md

Shows Frequently added questions

Needs to be corrected to Frequently asked questions

Remove menu movements when the modal opens

The menu and button in the header move left and right when the modal window opens and closes.

At these moments, the scrollbar disappears and disappears, and the header adapts to the new width of free space. But it seems that the menus and buttons are reacting to this with a delay. They first bounce to the side, and then smoothly move to their original place.

Move FAQ data to _data directory

We need to move all the FAQ data to _data directory and render the FAQ page using the data. For more information on how to implement that please check jekyll documentation https://jekyllrb.com/docs/datafiles/

Add favicon

Create and add a favicon for the current website.

Update banner images

Update the banner images with images from PyConf Hyderabad 2017.

Add 404 page

Add a 404 - Page not found page for the website.
Reference: https://jekyllrb.com/tutorials/custom-404-page/

Publish selected workshops on the website

Remove T-hub as the workshop Venue

Please get a PR ready for T-hub workshop venue removal and instead keep only one venue image for both Workshops and Conference.

Display dynamic speaker description on speaker detail modal

There is a default modal for speaker description, we need to reuse it for all other descriptions as well.

Minimize assets task with jekyll

Look for opportunities to minify the js and image assets

Add a More dropdown to Navbar

Add a More dropdown in the navbar having the following links to page

• Volunteer
• Code of Conduct
• FAQ

They are already present in footer. Links are same as that in the footer. Also make sure to update the mobile view properly.

Create schedule data

Currently the schedule data is not dynamic and coming from DOM, we need to keep data under _data/schedule.yml and pull it from there.

Reference: How to use data files in jekyll

Point twitter icon on footer to @pyconfhyd twitter handle

Currently, the twitter icon in footer points to twitter handle of HydPy, please route it to @pyconfhyd twitter handle

Update new logo of PyConf Hyderabad 2019

@bhansa Creating this issue for the new logo. Please update when ready.

Add link to CFP

Add a link to CFP page on homepage.

Improve SEO for Website

Add meta tags, og attributes etc.
Enable indexing for search engines, use robots.txt

Add Travel page

Similar to https://in.pycon.org/2018/travel.html

Implement PWA features

Implement PWA features to make the current website to have app-like features.

• Add web app manifest.
• Add a service worker.
• Make web app Installable

Add Gemfile to the project

Add Gemfile to the jekyll including plugins which are needed.

Update volunteer page

Add volunteer form and information

Change regular bird ticket sales start date to Nov 1

create flyer for sponsorship announcement

Comment out template code and add minimal assets

Let's comment the template code for time being and get it ready for making it live. We need to add some minimal assets like the moving images and update any footer text etc.

Update Venue

Update the Conference Venue in website

Add sass/scss compile task in jekyll

Need to add sass files into the jekyll default build.

Create All Speakers page

Create a page to list all speakers similar to https://pyconf.hydpy.org/2017/speakers/ . List the Keynote speakers and Talk speakers separately. We only need to list the speaker image and Name. The info modal is not required. Something similar to the _include/speakers-section.html can be created.