GithubHelp home page GithubHelp logo

creativecommons / cc-resource-archive Goto Github PK

View Code? Open in Web Editor NEW
53.0 20.0 117.0 5.01 MB

Collection of resources on Creative Commons (CC) tools and other open topics

Home Page: https://resources.creativecommons.org/

License: MIT License

Dockerfile 100.00%
creative-commons jekyll

cc-resource-archive's Introduction

cc-resource-archive

Collection of resources on Creative Commons (CC) tools and other open topics

Overview

Welcome to the CC Resources Archive. The idea of this project is to have a simple, easy-to-update area for keeping track of all of the useful resources that people make about Creative Commons licenses and open content topics in general. The live site is at resources.creativecommons.org.

Code of conduct

CODE_OF_CONDUCT.md:

The Creative Commons team is committed to fostering a welcoming community. This project and all other Creative Commons open source projects are governed by our Code of Conduct. Please report unacceptable behavior to [email protected] per our reporting guidelines.

Contributing

See CONTRIBUTING.md.

How it works

The website is built using Jekyll, a simple templating system that's built into GitHub. All of the site pages are in the docs/ directory. This readme file and the resource template are in the main branch.

You don't need to install Jekyll on your machine in order to submit a resource to the archive, but the benefit of installing is that you'll be able to see exactly what your submission will look like on the live site and correct any bugs.

To submit a resource, make a copy of resourcetemplate.md and change the values for each field accordingly. The space below the front matter is freeform, for providing additional information or links. The resource template also includes explanations of each of the fields.

You can create a resource page in html, markdown, or textile, using the extensions .html, .md, or .textile. For consistency and understandability use entire title as the filename and permalink, i.e.:

Title: Creative Commons Kiwi permalink: /creative-commons-kiwi/ File: creative-commons-kiwi.textile

Title: Six licenses for sharing your work permalink: /six-licenses-for-sharing-your-work/ File: six-licenses-for-sharing-your-work.html

Category URLs

You can format the resources.creativecommons.org/all? URL to show any category or combination of categories you want. For example, videos available in English about licenses:

http://resources.creativecommons.org/all/?&topic=licenses&medium=video&language=en

You can use any category that's listed in one or more resources pages, not just the ones available in the menu on "all." For example, resources about music:

http://resources.creativecommons.org/all/?&topic=music

It will also be trivial to create an RSS feed for any category or combination of categories - for example, to create a feed of all resources available in Spanish for embedding in an affiliate site. If you need one, submit an issue through GitHub.

The index page

The index page pulls up to 16 featured items. Each featured page has a "featured" variable. The number is the order in which they should appear.

Menu categories

The list of topics, media, and languages on the homepage is dictated by the three respective .yml files in the _data/ folder. For each category, we provide a capitalized name and a lowercase string with no punctuation. For example:

  • name: Licenses string: licenses

  • name: Public Domain string: publicdomain

  • name: Open Educational Resources string: oer

The reason for setting it up this way is that the "string" value is what's used in the URLs and CSS classes. It's also what you use in the resource page itself to identify the category. So these should be relatively short, but still sensical.

Local Development

Local development can be previewed by installing Jekyll or by using Docker. We think the latter experience is easier to setup with more consistent behavior.

Docker Compose setup

  1. Install Docker Engine
  2. In your terminal, change the directory to where you have cloned this repository (or a fork of it)
  3. Run the container:
    docker compose up
    • This should result in the container being built if it's the first time
    • The docker container may be slow ⏳😣 When it is ready you should see:
      jekyll-cc-resource-archive  |     Server address: http://0.0.0.0:4000
      jekyll-cc-resource-archive  |   Server running... press ctrl-c to stop.
      
    • Once running successfully, you can access the site in your browser at localhost:4000
  4. Stop the container: To stop the app from running, simply open another instance of the terminal and type
    docker compose down
    or you can simply revisit the existing terminal which is running the container and type CTRL + C

Formatting with Prettier

  • Format specific HTML file using prettier:
    docker compose run --rm node prettier --write docs/index.html
  • Format all HTML using prettier:
    find docs -name '*.html' -exec docker compose run --rm node prettier --write {} +
  • Prettier · Opinionated Code Formatter

License

Code

LICENSE: the code within this repository is licensed under the Expat/MIT license.

Content/Text

CC BY 4.0 license button

All the content within this repository is licensed under a Creative Commons Attribution 4.0 International License unless otherwise specified.

cc-resource-archive's People

Contributors

adidevs avatar artemis6161 avatar balrajdhakad avatar biki-das avatar c-nikhilkarthik avatar das123s avatar fzehra1512 avatar itsyuxuan avatar javali-m avatar jennysimen avatar justaskulkarni avatar keerthivardhan1 avatar kgodey avatar kushchoudhary98 avatar lakshay-pruthi avatar murdock9803 avatar nikhil95969 avatar nown1ne avatar possumbilities avatar praveen-rikhari avatar rishabhrajjoshi avatar senbo1 avatar thecelestial25 avatar timidrobot avatar vivitt avatar wisekiran avatar xaid-vfx avatar yogeyyy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cc-resource-archive's Issues

[Bug] clicking on whole header opens https://creativecommons.org/

Description

The whole header div is enclosed inside the anchor tag due to which the whole header act as link but technically only the logo should act as link.

Also according to UX, clicking the logo should redirect the home page but here it is opening the CreativeCommons.org

Screenshots

before image
image

image

  1. first remove logo from style.css and add img tag to html
  2. put anchor tag across the image

after changing the code

image

Environment

  • Device: (eg. iPhone Xs; laptop)
  • OS: (eg. iOS 13.5; Fedora 32)
  • Browser: (eg. Safari; Firefox)
  • Version: (eg. 13; 73)
  • Other info: (eg. display resolution, ease-of-access settings)

Resolution

  • I would be interested in resolving this bug.
  • removing whole header as link making only the logo as link
  • redirecting it to the home page and not to https://creativecommons.org/

[Feature] view port meta tag is not present, Implementing Design System ,Improving UI

Problem

Design System is not implemented
All the links , content of the page are shown at once . (At very beginning )
links are not styled
No media queries in the CSS
this problem leads to bad user experience

Description

Implementing the Design System for the website.
Designing the responsive nav bar and styling the elements in it.
improving the UI by using modern CSS.
technology used
styling : - CSS3
logic :- modern JavaScript
and by using attributes like aria controls , aria expanded ,. . . . .

Present UI

create-navbar

This is a rough sample. I can do Even more Better

By making it fixed and background blur and transparent , transitions , little animations . . .
sample2

Implementation

  • I would be interested in implementing this feature.

Add license for this project.

Currently there seems to be no license for this project. The code contribution guidelines mention that contribution should be made only to the projects with license. This project is also listed on GSoC19 page. Kindly add license to this project.

Implement a dark mode for the website

Problem

Currently, the website doesn't have a dark-mode implementation

Description

Implementing a dark mode for a website can be a great way to improve the user experience and accessibility for users who prefer a darker colour scheme or have light sensitivity.
Here are a few things to keep in mind while implementing it:

  • Ensure readability: In dark mode, the text should still be easily readable, with a high contrast ratio between text and background. The dark mode should not negatively impact the user's ability to read and understand the content on the website.
  • Choose appropriate colours: Dark mode colour schemes should be carefully chosen to maintain a consistent look and feel with the light mode. The dark mode should not look like an afterthought, but rather a deliberate design choice that complements the overall design of the website. Dark colours should be chosen with care, avoiding colours that may be difficult for users with certain visual impairments, such as red-green colour blindness.
  • Provide a toggle switch: Not all users may prefer dark mode, so it's important to provide a toggle switch to allow users to switch between light and dark mode as per their preference.

Alternatives

Additional context

Implementation

  • I would be interested in implementing this feature.

[Feature] Include links to tutorials and references for the technology dependencies required to set up the project locally

Problem

It's very confusing and time taking process of setting up the project locally and hosting it on a local host.

Description

Based on my understanding of the problem and the user's perspective, I suggest the addition of a set by step procedure of local hosting of the website. By this feature, we eliminate confusion. This could increase clarity, improve usability, or a better overall user experience. I personally spent an hour trying to understand how to set up the project locally. It could enhance user engagement and motivates them to work on things that truly matters rather than just being on setting up.

Alternatives

An alternative solution can be docker , but based on my understanding
Setting up GitHub Pages using Jekyll can be better than using Docker for a few reasons:

Simplicity: GitHub Pages and Jekyll are relatively straightforward to set up and use. Jekyll is a static site generator that allows you to create a website from plain text files, and GitHub Pages is a hosting service that allows you to publish your Jekyll site to the web. Docker, on the other hand, is a more complex tool that requires additional knowledge and configuration.

Cost: GitHub Pages is free, while Docker requires you to set up and maintain your own server infrastructure, which can be expensive.

Maintenance: With GitHub Pages and Jekyll, you don't have to worry about maintaining server infrastructure, as GitHub takes care of that for you. With Docker, you would need to ensure that your server infrastructure is up to date and secure.

Version control: GitHub Pages is tightly integrated with Git, so you can easily version control your website and collaborate with others. Docker, on the other hand, doesn't have the same level of integration with Git.

Implementation

  • I would be interested in implementing this feature.

[Feature] changing font to CC's universal fonts

Problem

the font used for the heading and paragraph is sans-serif
but the font family used in https://opensource.creativecommons.org/ and all other Creative Commons websites are "Roboto Condensed" for the header and "Source Sans Pro" for the paragraph

Description

we can change the font, and also we can remove unnecessary underline under hyperlinks
also, align the topic and list the items in one line by adding a margin-left in the h2 heading
if we want, we can also increase the font size a little bit

Before Image
image

After Image
image

Implementation

  • I would be interested in implementing this feature.
  • changing the font family
  • removing the underline under the hyperlink

[Feature] Local Setup Guide

Problem

As of now there is no setup guidance to run the project in the local environment

Description

We should have proper guidance for local setup of the project

Implementation

  • I would be interested in implementing this feature.

Improve the JavaScript syntax in the listing.html page

Description

Improving the JavaScript syntax to a more readable one

Alternatives

I actually modified all the three functions to use a much modern javascript syntax

here is the old code for getting url params ie getUrlVals()

function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

here is the new implementation of the getUrlVals() using modern syntax

function getUrlVars() {
	const vars = {};
	const queryString = window.location.search.substring(1);
	const params = new URLSearchParams(queryString);
	for (const [key, value] of params) {
		vars[key] = value
	}
	return vars
}

Additional context

I think the modern syntax enhances a much smoother experience.
I've updated two more functions ie func updateQueryString() & removeQueryString()

Implementation

here:

  • I would be interested in implementing this feature.

[Bug] Fix errors on individual resource page

Description

When we go to an individual resource page then it shows an error.

Reproduction

  1. Add the required content on the page

Expectation

Screenshots

Bug.mp4

Environment

Additional context

Resolution

  • I would be interested in resolving this bug.

[Bug] `</p>` is missing in all.html file.

Description

The closing </p> tag is missing in all.html file.

Reproduction

  1. Go to all.html file.
  2. Scroll down
  3. See error </p> tag is missing inside the last div at line 60.

Expectation

I expected the closing </p> tag to be present inside the last division of the all.html file.

Screenshots

Here's the problem
Screenshot (15)

Resolution

  • I would be interested in resolving this bug.

Add tags to the resources and add a section to filter resources by tags

Problem

Currently, there is no tag to differentiate the resources as articles, blogs, news, workshop, webinar, tutorial or FAQs.

Description

  • We can add tags to the resources and also add a section on the left side to filter the resources based on the tags chosen by the user.
  • By default, all the resources will be shown
  • A panel with tags and checkboxes can be added on the left side from where tags can be chosen.
  • This will help in filtering resources according to need and hence improve the UX for finding and accessing resources
  • Add the tags at the bottom of the thumbnail of the resources for more clarity

Implementation

  • I would be interested in implementing this feature.

Restructure the "resourcenavbar"

Description

The resourcenavbar currently has a very basic look. Upgrade the look & feel of it.

Reproduction

This can be done in either of 2 ways:

  • 1st way:
    • Redisgn it in the form of a drop-down menu
    • We can have a horizontal menubar with 3 options: Topic, medium and Print
    • When we click on each of them we get the list items below
  • 2nd way:
    • Add a background behind the headings: Topic, Medium and Print
    • Have a separate div with a proper border for each of them
    • Inside each div, we will have the list items .

Expectation

This will improve the look and feel of the website

Screenshots

1

Environment

Additional context

Resolution

  • I would be interested in resolving this bug.

[Bug] links are broken and improve files structure

Description

Following links are broken

cc

Reproduction

  1. visit one of the link mentioned above
    for eg:- https://resources.creativecommons.org/six-licenses-for-sharing-your-work/
  2. click on repository
  3. you will find error

Expectation

no 404 error should occur

Screenshots

new

Environment

  • Device: laptop
  • OS: windows 11
  • Browser: chrome

Additional context

Reasons for this errror:-
destination url might be updated
typo error in the url .....

Resolution

  • I would be interested in resolving this bug.

[Feature] Improving the individual resource pages

Problem

Currently, the resource pages don't have a good UI and UX. The improved resource page will facilitate easy download and preview of the resources in different languages.

Description

The individual resource page, like the one in the image doesn't show PDF preview before downloading, which is a useful feature in case a person can't download a resource due to storage limitations.

Screenshot (203)

Alternatives

I have considered a few solutions to improve the page's overall UI and UX.

  • Adding a PDF preview for the ease of access
  • Adding download button and repository button on the top
  • Adding a dropdown button to access the resource in different langugaes
  • Adding a toggle button to download the resource as a flat pager or folded pager

Implementation

  • I would be interested in implementing this feature.

Grammatical mistakes in Readme

Description

There are few grammatical mistakes in the Readme file

Reproduction

  1. Read the readme.md file
  2. See error.

Screenshots

image
and few other missing articles.

Resolution

  • I would be interested in resolving this bug.

Make the landing page responsive

Description

The landing page is not responsive and doesn't look good on all kinds of devices. This affects the accessibility of the website.

Reproduction

The task can be broken down into working on the responsiveness of 3 parts:

  • navbar
  • resourcenavbar
  • thumbnaillist
    This can be done in several ways like:
  • use of flexbox and grids
  • avoiding the use of fixed widths for all devices
  • Use flexible typography by using relative units like ems or rems to set font sizes. This approach ensures that the text scales proportionally with the device's screen size, making it easier to read on smaller screens.

Expectation

Improve the look and feel of a website, enhance the user experience across all devices

Screenshots

whole

Environment

Additional context

Resolution

  • I would be interested in resolving this bug.

Improve the UI/UX design of any Resource page

Problem

The Design of the Resouce page ( which can be navigated to by clicking any of the thunbnails ) is very basic .

Resolution

The above stated problem can be solved by adding more description of the resource , improving the frontend ( by grouping them up in a card/box ) , tweaking the color palette of the page and adding some basic animations using gsap , aos (animation-on-scroll) or using keyframes.

Implementation

  • I would be interested in implementing this feature.

[Feature] Add Gitpod support

Problem

Adding Gitpod support

Description

we can add Gitpod support for contributors and users to try and setup the repo fast , without taking time to locally setup if wanting to test some changes quickly and see the results

Implementation

  • I would be interested in implementing this feature.

Design better Thumbnail images

Description

Currently, the Thumbnail images are very basic and need a redesign

Reproduction

  1. Redesign the thumbnail images to improve the look and feel of the website

Expectation

Screenshots

thumbnail

Environment

Additional context

Resolution

  • I would be interested in resolving this bug.

[Feature] change the user interface of the home-page

Problem

the UI of the website is outdated and does not match the cc open-source website

Description

I have created some figma wireframes of the modifications which we can make and uniform the UIto the cc opensource UI
Please let me know if there are any suggestions or changes I can make.
If you approve the design, I can start working on their code.

Design-1

wrieframe-1

Design-2

wireframe-2

Implementation

  • I would be interested in implementing this feature.

[Bug] CSS style sheet needs some basic default styles to make the styles consistent

Description

The current stylesheet in the docs/style.css needs a small amount of default styles to ensure we don't include the browser default styles

it should start with something like:-

*.
::after.
:::before{
margin:0;
padding:0;
box-sizing: border-box;
}

Reproduction

the tyle.css need some resetting

Resolution

  • I would be interested in resolving this bug.

[Bug] Entire CC-resource-archive page is running on quirks mode

Description

Quite strangely the whole CC-resource-archive page is running on quirks mode as the Doctype Tag is missing from the Page, being in quirks mode can make the page not serving the modern HTML and CSS efficiently

Reproduction

open the CC-archive site and open the console

Screenshots

Home _ Creative Commons Resource Archive — Mozilla Firefox 2_24_2023 8_42_26 PM

Environment

  • Device: (eg. iPhone Xs; laptop)
  • OS: (eg. iOS 13.5; Fedora 32)
  • Browser: (eg. Safari; Firefox)
  • Version: (eg. 13; 73)
  • Other info: (eg. display resolution, ease-of-access settings)

Additional context

Resolution

  • I would be interested in resolving this bug.

[Improvement] Top navigation bar of the website does not match the visual aesthetics of https://creativecommons.org/

Problem

The top navigation bar simply contains the logo of CC in green color. https://creativecommons.org/ on the other hand has a top navigation bar with an orange linear gradient with the logo in white.

Description

To change the color of the CC logo to white and and a linear gradient that resembles the current CC aesthetics using the internal Design System (Vocabulary).

Implementation

  • I would be interested in implementing this feature.

Add a search bar above the thumbnail list

Problem

Currently, we have to go through all the resources to spot a particular resource we want. There is no way we can directly search for the resource we want using the title. Hence, it takes a lot of time to search for and access the resource we want

Description

  • Add a search bar above the thumbnail list to search for resources using the resource title.
  • This will help in searching for resources faster and hence improve the UX for finding and accessing resources

Alternatives

Additional context

Implementation

  • I would be interested in implementing this feature.

Improve accessibility for users with disabilities

Description

Currently, the website lacks accessibility for users with disabilities

Reproduction

  1. Use descriptive and meaningful page titles: Page titles should accurately reflect the content of the page and be descriptive enough for users to understand the purpose of the page.
  2. Provide alternative text for images: Alternative text (alt text) is a description of an image that is read by screen readers. It should be concise and accurately describe the content and function of the image.
  3. Use headings to structure content: Headings should be used to organize content and provide a logical structure for users to navigate through the page.
  4. Provide captions and transcripts for multimedia content: Videos and audio content should have captions and transcripts available for users who are deaf or hard of hearing.
  5. Improve accessibility and usability for people who rely on assistive technology, such as screen readers or are colourblind or have any other disability

Expectation

Screenshots

Environment

Additional context

Resolution

  • I would be interested in resolving this bug.

[Bug] Use checkbox for the resourcenavtopicknown

Description

The resourcenavtopicknown currently uses list items. We can replace that with checkboxes to make the UI look better.

Reproduction

  1. The resourcenavtopicknown uses list items

Expectation

Replace list items of the resourcenavtopicknown with checkboxes for a better look

Screenshots

checkbox

Environment

Additional context

Resolution

  • I would be interested in resolving this bug.

Add a Footer to the page

Problem

Currently, the bottom of the page looks a bit odd.

Description

Adding a footer there will improve the look and feel of the page and it will also match the current CC aesthetics

Alternatives

Additional context

Implementation

  • I would be interested in implementing this feature.

[Bug] broken links on the resources website

Description

There are several links that are broken on resources.creativecommons.org

Reproduction

You can see some of the broken links by viewing the following pages "Get CC Savvy (https://resources.creativecommons.org/get-cc-savvy/)," "Creative Commons Kiwi (https://resources.creativecommons.org/creative-commons-kiwi/)," "CC Licenses Poster (https://resources.creativecommons.org/cc-licenses-poster/ -- the linked page still exists but a readable image is no longer there)," or "Creative Commons licenses for nonprofits (https://resources.creativecommons.org/creative-commons-licenses-for-nonprofit-organizations/)." This is not an exhaustive list of all the broken links on resources.creativecommons.org.

Expectation

Delete the pages with broken links, or provide working links.

Resolution

  • I would be interested in resolving this bug.

[Feature] Reduce the download button size

Problem

Description

  • Reducing the size or redesigning the button can help.
  • we can place the described content either in the description box or may be remove it(as there is repetition )

Additional context

Not sure but the download button rather than downloading content just redirects to different websites or broken links.
Is this how these buttons are supposed to work?

Implementation

  • I would be interested in implementing this feature.

Redesign the Thumbnails

Description

The Thumbnails currently have a basic look and can be redesigned to improve the look and feel

Reproduction

  • Add box shadow
  • Add hover effect like expand when we hover on them
  • Add some more padding between the thumbnails
  • Remove the underline from the headings and make them look more prominent

Expectation

Make the thumbnails look more attractive and aesthetic

Screenshots

div

Environment

Additional context

Resolution

  • I would be interested in resolving this bug.

[Feature] Add Explore CC button and expanding menu on the Navigation Bar

Description

Adds a button to allow the visitor to navigate to other CC websites

Alternatives

An alternative could be implementing a suitable footer to the website but adding the Explore CC button will improve the UX of the website.

Additional context

It should work in a similar manner as on the CC opensource site.

Implementation

  • I would be interested in implementing this feature.

[Feature] Opening of creativecommons.org website in new tab on clicking Creative Commons Resource Archive logo

Problem

Clicking on the Creative commons Resource Archive logo on the localhost opens the CreativeCommons.org website in the same tab, which may cause users to lose their work progress or navigate away from their localhost unintentionally

Description

To solve this problem, the proposed feature is to open the CreativeCommons.org website in a new tab when the user clicks on the logo.

By opening the website in a new tab, users can continue working on their localhost without losing their progress or navigating away from the page unintentionally. This feature would improve the user experience and help prevent frustration or errors caused by the current behavior of the logo link. Additionally, adding a tooltip or some form of text indicating that the logo links to CreativeCommons.org could help prevent users from inadvertently clicking on it and experiencing the issue in the first place.

Alternatives

Additional context

MwSXzvaWws.mp4

Implementation

  • I would be interested in implementing this feature.

[Feature] Adding a Footer to the website

Problem/Feature description

There's a very cool footer on the open source website https://opensource.creativecommons.org/ which can be implemented in this archive's website also with some things common from the open source website but not all (Example: The donate button, contact section, social media links, etc). I can present a design for the footer if we can move forward with this issue.

Implementation

  • I would be interested in implementing this feature.

@possumbilities Please look into this feature and give your valuable input.

Feedback and ratings

Problem

Currently, there is no way users can provide feedback or rate resources

Description

Add a feature to allow users to provide feedback and rate resources. This helps users to find the best resources and also provides valuable insights for website administrators.

Alternatives

Additional context

Implementation

  • I would be interested in implementing this feature.

Improve the CONTRIBUTING.md file

Description

The CONTRIBUTING.md file currently doesn't have detailed step-by-step instructions for setting up the project on various OS:

  • Windows
  • Linux
  • MacOS

Reproduction

  1. Add proper detailed instructions for setting up the project locally on various OS
  2. Add details for the following steps: fork the project, set up the project on your local system, create a branch, commit changes and finally create a Pull Request

Expectation

Having a detailed CONTRIBUTING.md will help new contributors easily get started with contributing to the project.

Screenshots

Environment

  • Windows
  • Linux
  • MacOS

Additional context

Resolution

  • I would be interested in resolving this bug.

Liquid Warning Generated upon running the project locally.

Description

Liquid Warning generated upon running the project locally due to the use of incorrect syntax.

Reproduction

Navigate to the root directory and enter jekyll serve in the terminal.

Expectation

Resolve the issue by using the correct syntax.

Screenshots

CC GSoC

Environment

  • Device: Laptop
  • OS: Windows 10
  • Browser: Google Chrome

Resolution

  • I would be interested in resolving this bug.

[Feature] The creative commons logo should remain sticky on scrolling

Problem

This issue is regarding feature enhancement, the logo does not remain sticky on scrolling the site

Description

With the help of the feature of sticky scrolling, this feature can be implemented

Alternatives

Additional context

Implementation

  • I would be interested in implementing this feature.

CSS Style sheet needs to incorporate css variables

Problem

The CSS Style sheet lacks css global variables.

Description

The CSS style sheet does not contain any global variables (which would reduce the work load if any changes are to be made in the future).
This would also be crucial if a dark mode is added to the website, as changing/toggling the stylings would be fairly simple .
This will also help in improving the responsiveness of the website as all necessary attributes can be stored using these variables and can be changed or added any point of time.

Implementation

  • I would be interested in implementing this feature.

Restucture the thumbnail list

Description

The thumbnail list currently has a very basic look

Reproduction

Improve the look and feel of the thumbnaillist in either of the 2 ways:

  • Carousel
  • Pagination

Expectation

Instead of having a "See all" option we will redesign this part either as a carousel or use pagination to display the thumbnails

Screenshots

2

Resolution

  • I would be interested in resolving this bug.

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.