Git Product home page Git Product logo

hackgt-org-website's Introduction

hackgt-org-website

Stateless, Dateless, Flawless

Configure Jekyll

gem --version || sudo gem install ruby
bundle --version || sudo gem install bundler
sudo apt-get install imagemagick libmagickwand-dev
sudo gem install rmagick -v '2.16.0'
bundle install
jekyll serve

or if you don't want to install these deps globally:

bundle install --path vendor/bundle
bundle exec jekyll serve

A Dockerfile is included for convenience.

Instructions for Updating Website

Adding/Removing/Editing member of HackGT

Edit /_data/members.csv and your changes should be reflected

TBD - Way to specifiy path to image

Creating a Blog Post

Any new blog post can be added by creating a new file in the _posts/ directory. This can be done in two ways, either on your desktop or right here on Github!

Browser

Assuming you are reading this in the browser, click Create new file button right above all the files and commit history. When specifying the path, type in _posts/NAME_OF_YOUR_POST. Naming convention is MANDATORY for correct display on the website and is as follows: YYYY-MM-DD-NAME_OF_POST.md. For example, if you are adding a post titled "Hello HackGT" on July 10, 2017, you would name your file 2017-07-10-hello-hackgt.md. Before adding your content, you will need to add the following header to your file.

---
title: TITLE_OF_POST
layout: posts
categories: blog posts
description: A short description of your post.
---

Please note the three dashes at the beginning and end. After this, you are now ready to write/paste/create your content. To style and format your content correctly, you can use markdown or HTML, and remember you can preview your work! When you are finished adding the content, scroll to the bottom of the page. Create a commit title and description that clearly explains what you are adding (i.e. "Added blog post about HackG5"), and change the branch name to USERNAME-blog-TITLE, and click the "commit new file" button. This will create a new branch with your new file, and the last thing to be done is to create a pull request. This should take you to a new screen, make sure everything is in order, and then click the create pull request button to submit your changes. Then, our Biodomes service will create a test deployment to preview your changes on a copy of the live site from a unique URL. After you've verified everything looks good, let a member of tech team know you have submitted something new, and he/she will confirm your changes, and approve and merge your pull request. Once this is done you should be able to see your post live on our site!

Desktop

Desktop editing is only recommended if you are proficient with Git. Repeat the above instructions, but do the creation locally, and then push your changes.

hackgt-org-website's People

Contributors

1ntegr8 avatar bunsenmcdubbs avatar chsahit avatar ehsanmasdar avatar illegalprime avatar jacobj10 avatar joel99 avatar kexin-zhang avatar mjkaufer avatar petschekr avatar rahulrajus avatar stephanie-a avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

hackgt-org-website's Issues

Throwback

IMPORTANT

  • Pictures from past events
  • Event metrics / data viz (work with metrics)

Extra

  • Testimonies from hackers

Update README

README should have instructions for adding/updating blog posts, events, home page blurbs, etc.

Create Sections for and Update Team Photos

3 months overdue, but the hackgt team has changed and we need new photos. New designs are eventually in the works, but for now create sections for each subteam (tech, design, ops, marketing, codirectors?) and place everyone's regular photo. The relevant file is at _pages/about.html and the corresponding assets path. Assets found on the gdrive (more instructions in slack channel).

For section headers, we're pending design, but likely just white header text and a white section divider. Make sure this is responsive.

Wants an empty `github` file in order to generate.

I get this error:

Configuration file: /home/michael/cde/hackgt-org-website/_config.yml
Configuration file: /home/michael/cde/hackgt-org-website/_config.yml
github
jekyll 3.3.1 | Error:  No such file or directory @ rb_sysopen - github

When I do a touch github though it starts working. What is this file?

About Page

IMPORTANT

  • Display all team members

EXTRA

  • Group by team
  • Personalized section for each team

VoiceGT

IMPORTANT

  • Link to public meeting minutes
  • Tech blog is created, but needs to be properly formatted and beautified

EXTRA

  • In progress page needs to be created (what we have in the work, event planning etc

Community page

Page featuring other organizations we work with as well as hackathons + other opportunities for the community.

New about page

Include all members' pictures in the about page. This is pending input/a mockup from design.

Change upcoming events tile

Events tile redline coming in hot, so make them show up on the proper pages (Events/Home), in the proper location on desktop/mobile. Also included: New formatting for homepage (pending redline)

Community Page

IMPORTANT

  • Working archive of hacker of the week
  • Hacker Map (see google doc)
    For now these things just need to very basic and don't have to have a lot of information.

EXTRA

  • Extreme metrics and stuff in hacker map

Speed up page load times

The page should load quickly (or at least appear to load quickly). My local dev environment (chromebook -> macbook) took 4.5 seconds for a full load... that's too long. Aim for <1 second load times.

A good start (and maybe all we need) would be reducing the size of the page. Cityscape.png should probably be an SVG. The current file is 2+ megabytes!!!

does not work with `bundle install --path vendor/bundle`

If we install the dependencies locally, with bundle install --path vendor/bundle and then run bundle exec jekyll serve, we get an error:

            Source: /home/michael/cde/hackgt-org-website
       Destination: /home/michael/cde/hackgt-org-website/_site
 Incremental build: disabled. Enable with --incremental
      Generating... 
             ERROR: YOUR SITE COULD NOT BE BUILT:
                    ------------------------------------
                    Invalid date '<%= Time.now.strftime('%Y-%m-%d %H:%M:%S %z') %>': Document 'vendor/bundle/ruby/2.4.0/gems/jekyll-3.3.1/lib/site_template/_posts/0000-00-00-welcome-to-jekyll.markdown.erb' does not have a valid date in the YAML front matter.

Cutoff when resizing table in About page

Resizing the window to various widths doesn't play well with the grid/table layout used in the /about page. (See screenshot - window at 1000px width)

I'd recommend using flexbox it is widely supported and there are some good resources.

Let me know if you have any questions! I'd love to help out on this.

About page at 1000px width

Menu/navbar issues

  • Contact is off center on mobile
    image
  • Make the big HackGT thing at the top smaller on mobile
  • When you're on a page, that page link in the navbar should have the gradient thing on it.

General Site improvements - Intermediate Issues

Throwing the updates together into a single issue. Designs and checklist on this folder: https://drive.google.com/drive/folders/1Nl7942ku5YKBM1xXtmCJCksvq_eti_Lp
For convenience, a checklist of issues to hit: (mobile friendliness required on all of these)

  • Menu/Navbar (Supported on mobile)
  • Update Event tiles / provide placeholder on events page when none upcoming
  • Headshots
  • Social media icon refresh

Any additional issues will be provided on this issue when designs are ready.

About page small adjustments

  • Have more margins/padding on the paragraphs at the top
  • Descriptions are cut off on mobile
  • Add checkboxes to issue message

Event page adjustments

  • Invert the colors into a dark theme for the top half. So, just make the background that dark navy color, and all the text white
  • lots of white space between the animated arrow and the bottom of the page, can we make body text larger, and move the arrow so it sits closer to bottom of screen like Home page?

Blog page

We need more blog posts for this first, but once that happens, we should add the blog page back in! First, the styling needs to be fixed to match the rest of website.

Mobile menu does not have a link back to the homepage

Mobile/collapsed menu does not have a link to the homepage (normal logo link is hidden).

This might be part of a bigger UI review as well - do users know that the logo in the normal page is a link to the homepage?

screen shot 2017-05-15 at 1 29 45 pm

footer issues

footer isn't always at the bottom of the page

example:
image

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.