GithubHelp home page GithubHelp logo

oscakampala / oscakampala.github.io Goto Github PK

View Code? Open in Web Editor NEW
10.0 4.0 22.0 87.3 MB

Website code for the open source kampala community

Home Page: https://oscakampala.org

JavaScript 83.75% Dockerfile 0.70% CSS 6.36% MDX 9.18%
open-source kampala oscafest

oscakampala.github.io's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

oscakampala.github.io's Issues

Navbar logo disappears on window resize

The OSCA logo in the navbar disappears when resizing the window at a certain viewport size and then suddenly reappears at a smaller viewport size (see GIF below).

navbar-logo-disappears-osca-kampala

Increase size of youtube embed

Currently the website has a youtube embed of the event that happened last year. We could make it this better by covering a wider span as we have alot of white unused space
Refer to this for inspiration on how we could pull off this
Screenshot from 2023-02-02 17-46-06

This is what we currently have at the website
Screenshot from 2023-02-02 17-49-11

Improve README doc

I have noticed the README still has simple boilerplate text; i would love to update it with better engaging text

Create visibility for projects at OSCA Kampala

OSCA-Kampala-Chapter github organisation has various tools and projects on going... create visibility for these projects.

  • Design a layout a grid layout for to display the projects
  • Add a data structure to store all projects ( we could look at reading from github api to render them dynamically)

Workflows Error

Checks keep failing unnecessarily when a Pull Request is made & merged. This however isn't related to issues with the Pull Request but an issue you can read more about here. It is causing the Workflows to fail and end with Error: Process completed with exit code 1. Here's a few possible ways to Fix It.
Annotation 2022-08-15 125310

Fix typo

<div className='containe md:mx-auto flex-col justify-evenly text-white text-sm absolute w-full p-5 text-center top-[300px] bg- backdrop-blur-sm bg-black/30 rounded-tl-lg rounded-tr-lg rounded-br-lg rounded-bl-lg'>

As you can see above, the first class name was supposed to be container but we have containe

Footer coverage

The footer seems to be convering less than full-width of the page. this is as seem from the home page
Screenshot from 2023-01-06 12-23-49

Wouldnt it be better taking full page width??

@SyfaCollins could this be how it was intended in the design?

Typo in Navbar Links

The experience Navbar item has a typo. It is written as "EXPERINCE" instead of "EXPERIENCE"

Screenshot from 2022-08-27 21-30-00

Design Website UI/UX

The design team at Open Source Community Africa has already fully designed a style guide that you can as well reference here. You may as well make use of the chapter's design assets/resources. The goal here is to re-design the User Interface/User Experience(UI/UX) for all the necessary initial OSCA Kampala Website pages, while keeping Simplicity, Usability and Aesthetics in mind.

The output of all this will be used and easily followed by other contributors while working on the original/initial development of the website's layouts in reference to these UI/UX designs.

Ideally, the recommended tool to support easy collaboration is Figma, as other designers may as well easily contribute to these same designs with more creative ideas once the Figma Board link is shared. The official OSCA Kampala Figma Board may be referenced here. In cases where you're more comfortable using other Design tools for example Adobe XD, you may export your designs and import them into Figma. An example of how to do this for Adobe XD can be referenced here. Similarly for other tools, you may try to find out how to do the same with your tool of choice. Your ultimate goal should be to export your designs to the same Figma Board/resource.

Fix Navigation links

Social links at mobile view drawer seem not to have destination links for linkedin, github and twitter
Screenshot from 2023-01-31 01-06-15

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.