Lunds universitet - Style Guide

Data 

<div class="alert alert-info" role="alert">
    <p>This component isn't meant to be used on pages, it's used as storage for navigation data. It's context data can be
        referenced from other components.</p>
</div>
 
<div class="alert alert-info" role="alert">
  <p>This component isn't meant to be used on pages, it's used as storage for navigation data. It's context data can be
    referenced from other components.</p>
</div>
 
{
  "navbar-institution": {
    "items": [
      {
        "sm-lu-bibliotek": {
          "key": "sm-lu-bibliotek",
          "title": "Bibliotek",
          "link": "#"
        },
        "sm-lu-fakulteter": {
          "key": "sm-lu-fakulteter",
          "title": "Fakulteter",
          "link": "#",
          "children": {
            "lu-fakultet-campus-helsingborg": {
              "key": "lu-fakultet-campus-helsingborg",
              "title": "Campus Helsingborg",
              "link": "#"
            },
            "lu-fakultet-ekonomihogskolan": {
              "key": "lu-fakultet-ekonomihogskolan",
              "title": "Ekonomihögskolan",
              "link": "#"
            },
            "lu-fakultet-humaniora-och-teologi": {
              "key": "lu-fakultet-humaniora-och-teologi",
              "title": "Humaniora och teologi",
              "link": "#"
            },
            "lu-fakultet-juridiska-fakulteten": {
              "key": "lu-fakultet-juridiska-fakulteten",
              "title": "Juridiska fakulteten",
              "link": "#"
            },
            "lu-fakultet-konstnarliga-fakulteten-i-malmo": {
              "key": "lu-fakultet-konstnarliga-fakulteten-i-malmo",
              "title": "Konstnärliga fakulteten i Malmö",
              "link": "#"
            },
            "lu-fakultet-lth-lunds-tekniska-hogskola": {
              "key": "lu-fakultet-lth-lunds-tekniska-hogskola",
              "title": "LTH | Lunds tekniska högskola",
              "link": "#"
            },
            "lu-fakultet-medicinska-fakulteten": {
              "key": "lu-fakultet-medicinska-fakulteten",
              "title": "Medicinska fakulteten",
              "link": "#"
            },
            "lu-fakultet-naturvetenskapliga-fakulteten": {
              "key": "lu-fakultet-naturvetenskapliga-fakulteten",
              "title": "Naturvetenskapliga fakulteten",
              "link": "#"
            },
            "lu-fakultet-samhallsvetenskapliga-fakulteten": {
              "key": "lu-fakultet-samhallsvetenskapliga-fakulteten",
              "title": "Samhällsvetenskapliga fakulteten",
              "link": "#"
            }
          }
        },
        "info-for": {
          "key": "info-for",
          "title": "Info för",
          "link": "#"
        }
      },
      {
        "lyssna": {
          "key": "lyssna",
          "title": "Lyssna",
          "link": "#",
          "icon": "volume"
        },
        "english": {
          "key": "english",
          "title": "English",
          "link": "#",
          "icon": "globe"
        }
      }
    ]
  },
  "navbar": {
    "items": [
      {
        "sm-lu-student": {
          "key": "sm-lu-student",
          "title": "Student",
          "link": "#"
        },
        "sm-lu-medarbetare": {
          "key": "sm-lu-medarbetare",
          "title": "Medarbetare",
          "link": "#"
        },
        "sm-lu-alumn": {
          "key": "sm-lu-alumn",
          "title": "Alumn",
          "link": "#"
        }
      },
      {
        "sm-lu-bibliotek": {
          "key": "sm-lu-bibliotek",
          "title": "Bibliotek",
          "link": "#"
        },
        "sm-lu-fakulteter": {
          "key": "sm-lu-fakulteter",
          "title": "Fakulteter",
          "link": "#",
          "children": {
            "lu-fakultet-campus-helsingborg": {
              "key": "lu-fakultet-campus-helsingborg",
              "title": "Campus Helsingborg",
              "link": "#"
            },
            "lu-fakultet-ekonomihogskolan": {
              "key": "lu-fakultet-ekonomihogskolan",
              "title": "Ekonomihögskolan",
              "link": "#"
            },
            "lu-fakultet-humaniora-och-teologi": {
              "key": "lu-fakultet-humaniora-och-teologi",
              "title": "Humaniora och teologi",
              "link": "#"
            },
            "lu-fakultet-juridiska-fakulteten": {
              "key": "lu-fakultet-juridiska-fakulteten",
              "title": "Juridiska fakulteten",
              "link": "#"
            },
            "lu-fakultet-konstnarliga-fakulteten-i-malmo": {
              "key": "lu-fakultet-konstnarliga-fakulteten-i-malmo",
              "title": "Konstnärliga fakulteten i Malmö",
              "link": "#"
            },
            "lu-fakultet-lth-lunds-tekniska-hogskola": {
              "key": "lu-fakultet-lth-lunds-tekniska-hogskola",
              "title": "LTH | Lunds tekniska högskola",
              "link": "#"
            },
            "lu-fakultet-medicinska-fakulteten": {
              "key": "lu-fakultet-medicinska-fakulteten",
              "title": "Medicinska fakulteten",
              "link": "#"
            },
            "lu-fakultet-naturvetenskapliga-fakulteten": {
              "key": "lu-fakultet-naturvetenskapliga-fakulteten",
              "title": "Naturvetenskapliga fakulteten",
              "link": "#"
            },
            "lu-fakultet-samhallsvetenskapliga-fakulteten": {
              "key": "lu-fakultet-samhallsvetenskapliga-fakulteten",
              "title": "Samhällsvetenskapliga fakulteten",
              "link": "#"
            }
          }
        }
      }
    ]
  },
  "staff": [
    {
      "image": {
        "src": "/images/_content/face_1@1x.jpg",
        "src-2x": "/images/_content/face_1@2x.jpg",
        "alt": "Nicolette Buddingh"
      },
      "link": "#",
      "name": "Nicolette Buddingh",
      "title": "Doktorand",
      "email": "nicolette.buddingh@soclaw.lu.se",
      "phone": "+46 46 222 68 94"
    },
    {
      "image": {
        "src": "/images/_content/face_2@1x.jpg",
        "src-2x": "/images/_content/face_2@2x.jpg",
        "alt": "Shinshuu Sawada"
      },
      "link": "#",
      "name": "Shinshuu Sawada",
      "title": "Studierektor för FU, Professor",
      "email": "shinshuu.sawada@soclaw.lu.se",
      "phone": "+46 46 222 87 53"
    },
    {
      "image": {
        "src": "/images/_content/face_3@1x.jpg",
        "src-2x": "/images/_content/face_3@2x.jpg",
        "alt": "Lundy Fournier"
      },
      "link": "#",
      "name": "Lundy Fournier",
      "title": "Docent, prefekt, universitetslektor",
      "email": "lundy.fournier@lu.se",
      "phone": "+46 46 222 87 14"
    },
    {
      "image": {
        "src": "/images/_content/face_4@1x.jpg",
        "src-2x": "/images/_content/face_4@2x.jpg",
        "alt": "Văn Thành Thiết"
      },
      "link": "#",
      "name": "Văn Thành Thiết",
      "title": "Doktorand",
      "email": "van.thanh.thiet@lu.se",
      "phone": "+46 46 222 87 34"
    },
    {
      "image": {
        "src": "/images/_content/face_5@1x.jpg",
        "src-2x": "/images/_content/face_5@2x.jpg",
        "alt": "Summer Chadwick"
      },
      "link": "#",
      "name": "Summer Chadwick",
      "title": "Seniorprofessor",
      "email": "summer.chadwick@lu.se",
      "phone": "+46 46 222 87 26"
    },
    {
      "image": {
        "src": "/images/_content/face_6@1x.jpg",
        "src-2x": "/images/_content/face_6@2x.jpg",
        "alt": "Josef Bartoš"
      },
      "link": "#",
      "name": "Josef Bartoš",
      "title": "Doktorand",
      "email": "josef.bartos@lu.se",
      "phone": "+46 46 222 87 87"
    },
    {
      "image": {
        "src": "/images/_content/face_7@1x.jpg",
        "src-2x": "/images/_content/face_7@2x.jpg",
        "alt": "Silvija Klobučar"
      },
      "link": "#",
      "name": "Silvija Klobučar",
      "title": "Postdoktor",
      "email": "silvija.klobucar@lu.se",
      "phone": "+46 46 222 87 56"
    },
    {
      "image": {
        "src": "/images/_content/face_8@1x.jpg",
        "src-2x": "/images/_content/face_8@2x.jpg",
        "alt": "Khairi Abdul-Rahim Issa"
      },
      "link": "#",
      "name": "Khairi Abdul-Rahim Issa",
      "title": "Doktorand",
      "email": "khairi.abdul-rahim.issa@lu.se",
      "phone": "+46 46 222 87 37"
    },
    {
      "image": {
        "src": "/images/_content/face_9@1x.jpg",
        "src-2x": "/images/_content/face_9@2x.jpg",
        "alt": "Anjani Poels"
      },
      "link": "#",
      "name": "Anjani Poels",
      "title": "Webbredaktör",
      "email": "anjani.poels@lu.se",
      "phone": "+46 46 222 87 92"
    },
    {
      "image": {
        "src": "/images/_content/face_10@1x.jpg",
        "src-2x": "/images/_content/face_10@2x.jpg",
        "alt": "Maximilian Campos"
      },
      "link": "#",
      "name": "Maximilian Campos",
      "title": "Doktorand",
      "email": "maximilian.campos@lu.se",
      "phone": "+46 46 222 87 21"
    }
  ],
  "navbar-medarbetarweb": {
    "items": [
      {
        "sm-lu-ekonomiwebben": {
          "key": "sm-lu-ekonomiwebben",
          "title": "Ekonomiwebben",
          "link": "#"
        },
        "sm-lu-hrwebben": {
          "key": "sm-lu-hrwebben",
          "title": "HR-webben",
          "link": "#"
        },
        "sm-lu": {
          "key": "sm-lu",
          "title": "LU.se",
          "link": "#"
        }
      }
    ]
  }
}

This component isn’t meant to be used on pages, it’s used as storage for navigation data. It’s context data can be referenced from other components.