Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • GNOME HIG CSS Library GNOME HIG CSS Library
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Graph
    • Compare
  • Issues 28
    • Issues 28
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 4
    • Merge requests 4
  • Deployments
    • Deployments
    • Releases
  • Wiki
    • Wiki
  • Activity
  • Graph
  • Create a new issue
  • Commits
  • Issue Boards
Collapse sidebar
  • Teams
  • EngagementEngagement
  • Websites
  • GNOME HIG CSS LibraryGNOME HIG CSS Library
  • Issues
  • #1
Closed
Open
Issue created May 12, 2020 by Clarissa Lima Borges@clarissalimabMaintainer

Main GNOME Website

General information
Website URL https://www.gnome.org/
Maintainer(s) Engagement team and Neil McGovern (@nmcgovern)
Host Red Hat
Platform WordPress (updated automatically to the latest release) and some raw PHP code
Theme Bootstrap v3.3.6

WordPress plugins

all-in-one-seo-pack
civicrm
civicrm-contribution-page-widget
custom-content-width
disable-json-api
easy-heads-up-bar
files
google-sitemap-generator
jetpack
popup-maker
redirection
stream
stripe
wordpress-importer
wp-hashcash
wp-mail-smtp

Link for the repository which holds the PHP pages and the theme

Content

Target audience

  • GNOME users
  • People who want to get GNOME
  • Contributors
  • Sponsors

Website goals

Concentrate information about GNOME and its projects: how to get GNOME, what are the main advantages of GNOME, what's new about the latest version, what are the GNOME programs (currently, it doesn't exist, but it's a very nice to have in the main website, I believe), what are the technologies that GNOME uses, how to support GNOME (donating, becoming a Friend of GNOME or contributing to GNOME) and to read about the community.

The main website is also the place where we can find information about the GNOME Foundation, including how it works the current board of directors, the list of staff who assist the organization and the GNOME project, how the GNOME Foundation governance works, legal and trademarks information, reports from the GNOME Foundation, the list of members and how to become a Foundation member and contact information.

Besides all of those contents, the website provides links to the other GNOME websites and social media and it's also the first place to read about the latest GNOME news.

Replicable visual elements

  • All pages
  • Main page
  • News
  • GNOME 3
  • Technologies
  • Get involved
  • Main Foundation page
  • Foundation Staff
  • Foundation Governance
  • Foundation Legal and Trademarks
  • Foundation Reports
  • Foundation Membership
  • Apply to Foundation Membership
  • Foundation Contact
  • About Us
  • Donate
  • Friend of GNOME
  • Get GNOME

All pages

Component Screenshot
Header image
Footer image

Main page

Component Screenshot
GNOME presentation image
Support GNOME (donating/ becoming a Friend of GNOME or contributing to GNOME) image
Recent news section image

News

Component Screenshot
News list image
Connect with GNOME image
News (single view) image

GNOME 3

Component Screenshot
GNOME presentation (big screenshot on top, title and description on bottom) image
Feature/ advantage presentation section (image on the left, title and description on the right) image
Feature/ advantage presentation section (image on the right, title and description on the left) image
Text inviting to Get GNOME image

Technologies

Component Screenshot
Big image, title and description about GNOME's technologies image
Sections containing more details about each one of the GNOME's technologies image

Get Involved

Component Screenshot
Title, image illustrating GNOME's community and a description image
Section containing each area that you can contribute to and details about them image

Main Foundation page

Component Screenshot
Header (extending the main header) image
Description about the Foundation on the left and an image on the right image
Description about how the Foundation works on the right and an image on the left image
Logos of the supporting organizations image
Board of directors section with a description on the left and images of each one of the board of directors and their respective names image

Foundation Staff

Component Screenshot
Description of the GNOME staff image
Sections with the roles, descriptions and photos of each staff members image

Foundation Governance

Component Screenshot
Description about GNOME's governance and an image of a seal of transparency image
Sections with title and description about each body of the GNOME Foundation image

Foundation Legal and Trademarks

Component Screenshot
Description about the page image
Sections with title and paragraphs (there are lists, images and links inside them) image

Foundation Reports

Component Screenshot
Description about the reports image
Sections with titles (years or title of the type of report) and a list with links of the reports or a description (paragraph) image

Foundation Membership

Component Screenshot
Description about the Foundation membership, a paragraph with more details about it and a button to apply to become a Foundation Member image
List of the Foundation members image

Apply to Foundation Membership

Component Screenshot
Title of the page image
Application Form image

Foundation Contact

Component Screenshot
Description of the page image
Sections with title and descriptions about contact information image

About Us

Component Screenshot
Big image illustrating GNOME community, a description about the community as a title and more details in a paragraph image
Sections talking about the GNOME community image

Donate

Component Screenshot
Title of the page image
Description of why donating to GNOME image
Buttons showing alternatives to donate to GNOME (becoming a Friend of GNOME or Making a Donation) image
Details about becoming a Friend of GNOME image
List of what donations are used for image
Group of collapsed buttons that show more details of each topic image

Friend of GNOME

Component Screenshot
Title of the page image
Side menu image
Title, description, image about why becoming a Friend of GNOME image

Get GNOME

Component Screenshot
Title of the page image
Section with a few distributions that can be used with GNOME image
Get GNOME code section image

The website design itself is very simple, it contains simple buttons and it's basically made of text and images displayed in their respective positions, that's why currently there are just a few different replicable elements. Most of the pages have a title and/ or description in their beginning, we could design a component that contemplates this pattern (for example, GTK new design has a component for each page that contains the title of the page, the description of the page and an image).

image

Edited May 25, 2020 by Clarissa Lima Borges
To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information
Assignee
Assign to
Time tracking