Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Upgrade to Bootstrap v5.0 #15

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Upgrade to Bootstrap v5.0 #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions _includes/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<footer id="contact" markdown="1">
<p class="pull-right" style="margin-left: 18px;"><img width="30" src="/images/phone.svg" alt="WeReport"></p>
<footer id="contact" class="py-4 mt-4 border-top" markdown="1">
<p class="float-end ms-3"><img width="30" src="/images/phone.svg" alt="WeReport"></p>
<p>The Punya project is currently developed at <a href="http://dig.csail.mit.edu/">Decentralized Information Group</a> at MIT CSAIL.</p>
<p>If you have any comments or questions, feel free to email us at <a href="mailto:[email protected]">[email protected]</a>.</p>
<p><a href="https://accessibility.mit.edu/" target="_blank">Accessibility</a></p>
Expand Down
13 changes: 7 additions & 6 deletions _includes/head.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,13 +8,14 @@
{%- endif -%}
<title>{{ page.title }}</title>

<link href="/static/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="/static/bootstrap.icon-large.min.css" rel="stylesheet" type="text/css">
<link href="/static/style.css" rel="stylesheet" type="text/css">
<!-- Compiled and minified Bootstrap v5.0.0 CSS bundles -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0"
crossorigin="anonymous">

{%- if page.responsive -%}
<link href="/static/bootstrap-responsive.css" rel="stylesheet">
{%- endif -%}
<!-- Custom CSS -->
<link rel="stylesheet" href="/static/style.css">

<!-- Open Graph Protocol Tags (https://ogp.me) -->
<meta content="{{ site.title }}" property="og:site_name">
Expand Down
61 changes: 33 additions & 28 deletions _includes/header.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,34 +1,39 @@
<nav>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" style="color: white;" href="#overview">Punya</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="#overview">Overview</a></li>
<!--<li><a href="#use-cases">Use Case</a></li>
<li><a href="#publications">Publications</a></li>
<li><a href="#platform">Platform</a></li> -->
<li><a href="#quickstart">Quick Start</a></li>
<li><a href="tutorials/">Tutorials</a></li>
<li><a href="challenge/">ISWC'21 Challenge</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="#overview">Punya</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="#overview">Overview</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#use-cases">Use cases</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#quickstart">Quick Start</a>
</li>
<li class="nav-item">
<a class="nav-link" href="tutorials/">Tutorials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="challenge/">ISWC'21 Challenge</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</nav>

{%- if layout.header -%}
<header>
<div class="hero-unit">
<h1>Punya</h1>
<p class="abbr"><span>Pu</span>nya is <span>n</span>ot <span>y</span>our <span>a</span>verage app</p>
<div class="px-4 py-4 text-center border-bottom bg-punya text-white">
<h1 class="display-4 fw-bold">Punya</h1>
<div class="col-lg-6 mx-auto">
<p class="lead"><span>Pu</span>nya is <span>n</span>ot <span>y</span>our <span>a</span>verage app</p>
</div>
</header>
</div>
{%- endif -%}
81 changes: 42 additions & 39 deletions _layouts/challenge.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,53 +3,56 @@
{%- include head.html -%}

<body>
<nav>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" style="color: white;" href="/">Punya</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="#overview">Overview</a></li>
<li><a href="#task">Task Description</a></li>
<li><a href="#timeline">Important Dates</a></li>
<li><a href="#resources">Resources</a></li>
<li><a href="#evaluation">Evaluation</a></li>
<li><a href="#organizers">Organizers</a></li>
</ul>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="/">Punya</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="#overview">Overview</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#task">Task Description</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#timeline">Important Dates</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#resources">Resources</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#evaluation">Evaluation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#organizers">Organizers</a>
</li>
</ul>
</div>
</div>
</nav>

<header>
<div class="hero-unit">
<h2>Operationalizing Linked Data in Mobile Apps Using MIT App Inventor's Punya</h2>
<p class="abbr"><a style="color: white;" href="https://iswc2021.semanticweb.org" target="_blank">ISWC
2021</a> Semantic Web Challenge</p>
</div>
</header>

<main>
<div class="container">
{{ content }}
<div class="px-4 py-4 text-center border-bottom bg-punya text-white">
<h2 class="display-5 fw-normal">Operationalizing Linked Data in Mobile Apps Using MIT App Inventor's Punya</h1>
<div class="col-lg-6 mx-auto">
<p class="lead">
<a style="color: white;" href="https://iswc2021.semanticweb.org" target="_blank">ISWC 2021</a> Semantic Web Challenge</p>
</p>
</div>
</main>
</div>

<div class="container">
{%- include footer.html -%}
{{ content }}

{%- include footer.html -%}
</div>

<script type="text/javascript" src="/static/jquery-latest.pack.js"></script>
<script src="/static/bootstrap.min.js"></script>
<script src="/static/bootstrap-tooltip.js"></script>
<script src="/static/bootstrap-popover.js"></script>
<!-- Compiled and minified Bootstrap v5.0.0 JavaScript plugins -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8"
crossorigin="anonymous"></script>
</body>

</html>
16 changes: 7 additions & 9 deletions _layouts/default.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,18 +4,16 @@

<body>
{%- include header.html -%}
<main>
<div class="container">
{{ content }}
</div>
</main>
<div class="container">
{{ content }}

{%- include footer.html -%}
</div>
<script type="text/javascript" src="/static/jquery-latest.pack.js"></script>
<script src="/static/bootstrap.min.js"></script>
<script src="/static/bootstrap-tooltip.js"></script>
<script src="/static/bootstrap-popover.js"></script>

<!-- Compiled and minified Bootstrap v5.0.0 JavaScript plugins -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8"
crossorigin="anonymous"></script>
</body>

</html>
36 changes: 20 additions & 16 deletions challenge/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,9 @@ description: ISWC 2021 Semantic Web Challenge

<!-- Overview -->

<section class="challenge-section" id="overview" markdown="1">
<section class="pt-5" id="overview" markdown="1">

# Overview
## Overview

<div class="row">
<div class="span12" markdown="1">
Expand All @@ -26,9 +26,9 @@ Mobile apps have become ubiquitous. However, many of them do not fully leverage

<!-- Task Description -->

<section class="challenge-section" id="task" markdown="1">
<section class="pt-5" id="task" markdown="1">

# Task Description
## Task Description

<div class="row">
<div class="span12" markdown="1">
Expand Down Expand Up @@ -66,9 +66,9 @@ If the app developers have extended Punya features for their app, they must make

<!-- Important Dates -->

<section class="challenge-section" id="timeline" markdown="1">
<section class="pt-5" id="timeline" markdown="1">

# Important Dates
## Important Dates

<div class="row">
<div class="span12" markdown="1">
Expand Down Expand Up @@ -109,9 +109,9 @@ The challenge timeline is composed of the following tasks. We will require all p

<!-- Resources: Software & Tutorials -->

<section class="challenge-section" id="resources" markdown="1">
<section class="pt-5" id="resources" markdown="1">

# Punya resources
## Punya resources

<div class="row">
<div class="span12" markdown="1">
Expand All @@ -122,7 +122,7 @@ The Punya open-source code repository is available at [https://github.com/mit-di

We also have extensive documentation on the Punya components at [https://punya.mit.edu](https://punya.mit.edu){:target="_blank"}.

### Learning materials
#### Learning materials

Several of the challenge organizers ran a successful tutorial titled __“Building Mobile Semantic Web Apps with Punya”__ at _ISWC 2020_, and the tutorial material is available at [https://punya2020.appinventor.mit.edu](https://punya2020.appinventor.mit.edu){:target="_blank"}.

Expand All @@ -137,7 +137,7 @@ basics of using the ``LinkedDataForm`` to construct and edit RDF graphs and read
Additionaly, challenge participants can refer to the [Punya tutorials](/tutorials){:target="_blank"} section.
Further information on how Punya can be used in several prototypical applications is available on the [Punya use cases](https://punya.mit.edu/#use-cases){:target="_blank"} section.

### MIT App Inventor community
#### MIT App Inventor community

Because Punya is built on _MIT App Inventor_, partecipants can tap into a large community of app developers worldwide (1,967 active community members in the 30 days ending April 1, 2021, and almost 900,000 yearly active users): [https://community.appinventor.mit.edu](https://community.appinventor.mit.edu){:target="_blank"}.

Expand All @@ -148,9 +148,9 @@ Because Punya is built on _MIT App Inventor_, partecipants can tap into a large

<!-- Evaluation -->

<section class="challenge-section" id="evaluation" markdown="1">
<section class="pt-5" id="evaluation" markdown="1">

# Evaluation
## Evaluation

<div class="row">
<div class="span12" markdown="1">
Expand All @@ -166,7 +166,7 @@ We have invited senior leaders, scientists, researchers, and highly reputed mana
* [Michele Ruta](http://sisinflab.poliba.it/ruta){:target="_blank"}, Professor of Information Systems - Polytechnic University of Bari, Italy
* [Juan Sequeda](https://juansequeda.com){:target="_blank"}, Principal Scientist - data.world, Austin, TX, USA

### Review criteria
#### Review criteria

Submitted apps will be evaluated according to the following criteria:

Expand All @@ -185,15 +185,19 @@ Submitted apps will be evaluated according to the following criteria:

<!-- Prizes -->

# Prizes
<section class="pt-5" id="prizes" markdown="1">

## Prizes

Up to US$ 1000 will be split among the top projects as assessed by the judges and determined by the organizers.

</section>

<!-- Organizers -->

<section class="challenge-section" id="organizers" markdown="1">
<section class="pt-5" id="organizers" markdown="1">

# Challenge Organizers
## Challenge Organizers

<div class="row">
<div class="span12" markdown="1">
Expand Down
Loading