Skip to content

Commit

Permalink
Homepage added
Browse files Browse the repository at this point in the history
  • Loading branch information
@JaseMK
JaseMK committed May 25, 2023
1 parent 6740398 commit ea1f427
Show file tree
Hide file tree
Showing 4 changed files with 114 additions and 21 deletions.
2 changes: 1 addition & 1 deletion website/biographies.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@
<?php include ('topbar.php'); ?>

<!-- Begin Page Content -->
<div class="container-fluid">
<div class="container-fluid"

<!-- Page Heading -->
<h1 class="h3 mb-2 text-gray-800">Biographies</h1>
Expand Down
94 changes: 89 additions & 5 deletions website/index.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -61,11 +61,95 @@
<div class="container-fluid">

<!-- Page Heading -->
<h1 class="h3 mb-2 text-gray-800">Meetups</h1>
<p class="mb-4">Holding page...</p>
<p>

</p>
<h1 class="h3 mb-2 text-gray-800">POLIFONIA - MEETUPS</h1>
<p class="mb-4">This pilot focuses on supporting music historians and teachers by providing a
tool that enables the exploration and visualisation of encounters between people in the
musical world in Europe from c.1800 to c.1945</p>

<hr />
<h5 class="h5 mb-2 text-gray-800">Guide to usage</h5>
<div class="row">
<div class="col-lg-6">
<div class="card border-left-primary shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary" id="detailView">Browse biographies</h6>
</div>
<div class="card-body" id="meetupDetails">
<div class="row">
<div class="col-5">
<p>Select <em>Biographies</em> from the menu on the left to browse the full list of
musical biographies stored within MEETUPS. The <em>filter</em> option in the top tight can be
used to narrow your selection.</p>
</div>
<div class="col-7">
<img src="img/screen_biographies.png" class="img-fluid">
</div>
</div>

</div>
</div>
</div>
<div class="col-lg-6">
<div class="card border-left-danger shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary" id="detailView">View meetups within single biographies</h6>
</div>
<div class="card-body" id="meetupDetails">
<div class="row">
<div class="col-5">
<p>Selecting an individual biography will display further details on the biography. A full
list of meetups extracted from the biography are available to explore, along with summaries of the
most frequent participants, places and themes that occur within the meetups.</p>
</div>
<div class="col-7">
<img src="img/screen_meetupdetail.png" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="card border-left-warning shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary" id="detailView">Explore all meetups via a search interface</h6>
</div>
<div class="card-body" id="meetupDetails">
<div class="row">
<div class="col-5">
<p>Selecting <em>Explore</em> from the menu on the left offers a search interface
for exploring the full database of meetups. If you are interested in meetups that occurred
in a particular place or involved a particular participant, the search fields provided offer this functionality.</p>
</div>
<div class="col-7">
<img src="img/screen_exploretabular.png" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card border-left-success shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary" id="detailView">View in tabular or map form</h6>
</div>
<div class="card-body" id="meetupDetails">
<div class="row">
<div class="col-5">
<p>As well as exploring your search results in tabular form, the <em>Map</em> tab at the top of the page
can be used to give an alternative visualisation of your search results. The map offers familiar pan and zoom
controls. Clicking on individual map points will give an overview of the meetup that has been recorded at that location.</p>
</div>
<div class="col-7">
<img src="img/screen_exploremap.png" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</div>




Expand Down
6 changes: 3 additions & 3 deletions website/sidebar.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,9 +15,9 @@

<!-- Nav Item - Dashboard -->
<li class="nav-item">
<a class="nav-link" href="index-original.html">
<i class="fas fa-fw fa-tachometer-alt"></i>
<span>Dashboard</span></a>
<a class="nav-link" href="/">
<i class="fas fa-home"></i></i>
<span>Home</span></a>
</li>

<!-- Divider -->
Expand Down
33 changes: 21 additions & 12 deletions website/topbar.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,16 @@
<nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">

<!-- Sidebar Toggle (Topbar) -->

<form class="form-inline">
<button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
<i class="fa fa-bars"></i>
</button>
</form>
<!-- Topbar Search -->
<!--
<form
class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
<div class="input-group">
Expand All @@ -21,11 +24,14 @@ class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100
</div>
</div>
</form>
-->

<!-- Topbar Navbar -->

<ul class="navbar-nav ml-auto">
<!-- Nav Item - Search Dropdown (Visible Only XS) -->
<li class="nav-item dropdown no-arrow d-sm-none">
<a class="nav-link dropdown-toggle" href="#" id="searchDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Expand Down Expand Up @@ -61,7 +67,7 @@ class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100
<div class="dropdown-list dropdown-menu dropdown-menu-right shadow animated--grow-in"
aria-labelledby="alertsDropdown">
<h6 class="dropdown-header">
Alerts Center
Alerts
</h6>
<a class="dropdown-item d-flex align-items-center" href="#">
<div class="mr-3">
Expand All @@ -70,45 +76,48 @@ class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100
</div>
</div>
<div>
<div class="small text-gray-500">December 12, 2019</div>
<span class="font-weight-bold">A new monthly report is ready to download!</span>
<div class="small text-gray-500">May 24, 2023</div>
<span class="font-weight-bold">A new version of the MEETUPS knowledge graph has been published</span>
</div>
</a>
<a class="dropdown-item d-flex align-items-center" href="#">
<div class="mr-3">
<div class="icon-circle bg-success">
<i class="fas fa-donate text-white"></i>
<i class="fas fa-exclamation-triangle text-white"></i>
</div>
</div>
<div>
<div class="small text-gray-500">December 7, 2019</div>
$290.29 has been deposited into your account!
<div class="small text-gray-500">May 17, 2023</div>
Major updates to search features
</div>
</a>
<a class="dropdown-item d-flex align-items-center" href="#">
<div class="mr-3">
<div class="icon-circle bg-warning">
<div class="icon-circle bg-success">
<i class="fas fa-exclamation-triangle text-white"></i>
</div>
</div>
<div>
<div class="small text-gray-500">December 2, 2019</div>
Spending Alert: We've noticed unusually high spending for your account.
<div class="small text-gray-500">April 22, 2023</div>
v0.3.0 now live with updated mapping functions
</div>
</a>
<a class="dropdown-item text-center small text-gray-500" href="#">Show All Alerts</a>
</div>
</li>
<!-- Nav Item - Messages -->
<!--
<li class="nav-item dropdown no-arrow mx-1">
<a class="nav-link dropdown-toggle" href="#" id="messagesDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-envelope fa-fw"></i>
<!-- Counter - Messages -->
<span class="badge badge-danger badge-counter">7</span>
</a>
-->
<!-- Dropdown - Messages -->
<!--
<div class="dropdown-list dropdown-menu dropdown-menu-right shadow animated--grow-in"
aria-labelledby="messagesDropdown">
<h6 class="dropdown-header">
Expand Down Expand Up @@ -165,14 +174,14 @@ class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100
<a class="dropdown-item text-center small text-gray-500" href="#">Read More Messages</a>
</div>
</li>
-->
<div class="topbar-divider d-none d-sm-block"></div>
<!-- Nav Item - User Information -->
<li class="nav-item dropdown no-arrow">
<a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="mr-2 d-none d-lg-inline text-gray-600 small">Douglas McGee</span>
<span class="mr-2 d-none d-lg-inline text-gray-600 small">Jason Carvalho</span>
<img class="img-profile rounded-circle"
src="img/undraw_profile.svg">
</a>
Expand Down

0 comments on commit ea1f427

Please sign in to comment.