Giter Site home page Giter Site logo

astronomy-club-website's Issues

Update the font of page title

There is a font file present in the static/fonts directory. (Procrastinating Pixie).
This needs to be added to the page title.
Using @font-face add it to the css file
Currently the syntax is not working as expected

Content Addition

Astronomy Club description - Can include quotes from famous astronomers
Info about stargazing nights, outdoor sessions, informative session
Information about past events

Keep adding them to this thread

Social Media icons

The icons on the landing page are almost invisible.
Remove dribble , twitter and instagram logo and add a whatsapp and mail icons.
These should be added to the contact page and should be fairly visible.
Suggestion : change to a icon theme which has fb,whatsappa and mail logos

Screenshot from 2020-05-19 16-35-41

Unwanted Scroll in Embedded Form

The form is embedded in an iframe tag. The way it is styled is causing it to have its own scroll. As a result, the page ends up having 2 scrollbars while the user is over the form. This leads to discontinuous scrolling in the page, which is bad UI/UX. Below is what it looks like:

Issue_Visual

Can be solved by changing the styling on the iframe and enclosing div.

Section for Upcoming Astronomical events

A section on the homepage where visitors can look at the upcoming astronomical events.

There is a need to find an API which can interact with JS and which will update the DOM.
If no such API could be found, use webscraping to create a JSON file which will be used by JS to update DOM.

Idea for design- Use a calendar to mark the events . Design ideas are not limited to this

Page Editing

Use the wiki option on the repo to create a small tutorial on how to edit the 5 main pages of the website.

The tutorial should clearly show where the data and partial files located.

Navbar Active Page not working

Irrespective of the page that is currently active, the Navbar always shows HOME as active, as shown in this screenshot:

Navbar_Issue

It is currently at the About page, but the HOME link is highlighted in the navbar.

Contact Form

Need to create a contact form which will redirect any messages to the club email [email protected] . You can use any free third party service.

Update README.md

The whole readme is very messy and needs a lot of points to be deleted.
Things which can be done:

  1. Remove unnecessary steps
  2. Add tutorial links for hugo and the theme
  3. Add better markdown and images

Add mobile support

The images do not scale properly when changed to a mobile view.
Add CSS/Javascript support when the screen size changes.

The navbar doesn't work on small screens. You can use w3schools.com example to fix this

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.