Uploaded image for project: 'Moodle Community Sites'
  1. Moodle Community Sites
  2. MDLSITE-6091

Responsive CSS + link updates for moodle.org homepage

    XMLWordPrintable

    Details

    • Type: Task
    • Status: Development in progress
    • Priority: Minor
    • Resolution: Unresolved
    • Component/s: moodle.org
    • Labels:
      None

      Description

      Hey David,

       

      Some updates for the moodle.org homepage.

       

      The 6 tiles ("The Moodle Project", "Setting up") etc, don't work well responsively.

      Here is some CSS which should fix this.

      Couldn't find the existing CSS for this anywhere in the git repo. 

       

      @media (max-width:768px) { .pagelayout-frontpage .using-moodle .card { max-width:50%; flex:0 0 50%; }}
      @media (max-width:500px) { .pagelayout-frontpage .using-moodle .card { max-width:100%; flex:0 0 100%; }}

       

      Change 6 tiles to have grey background

      CSS to add:

      .pagelayout-frontpage .using-moodle .row .card .card-body

      { background-color:#eee; }

       

       

      Remove white margin under slider

      I've committed this change to the git repository:

      https://git.in.moodle.com/sites/moodle-theme_moodleorg/blob/master/scss/common/frontpage.scss

      Please update the following CSS from 30px to 0px

      .pagelayout-frontpage .hero-unit

      { margin-bottom:0px; }

       

      Remove white strip above page footer

      I've committed this change to the git repo.

      https://git.in.moodle.com/sites/moodle-theme_moodleorg/blob/master/templates/layout_frontpage.mustache

      Remove the following code, unless it needs to stay for some reason?

      <div class="container-fluid">
      <div role="main"><span id="maincontent"></span><br></div>
      </div>

       

      Could we also have the following links updated.

        

      "Moodle HQ" link, under "The Moodle Project" section
      Old URL: https://moodle.com/hq/

      New URL: https://moodle.com/about/

       

      Moodle Partner logo + "The Moodle Project is supported by over 90 certified Moodle Partners globally" text link, near the bottom of the page

      Old URL: http://moodle.com/partners

      New URL: https://moodle.com/partners/

      (ie. change to https and add trailing forward slash)

       

      MoodleCloud link in site footer

      Old URL: https://moodle.com/cloud/

      New URL: https://moodle.com/moodlecloud/

       

      Thanks

      Seb

        Attachments

          Activity

            People

            Assignee:
            mudrd8mz David Mudrák (@mudrd8mz)
            Reporter:
            sebastiansimpson Sebastian Simpson
            Participants:
            Component watchers:
            Helen Foster
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Dates

              Created:
              Updated: