Skip to content

Commit

Permalink
finished background page
Browse files Browse the repository at this point in the history
  • Loading branch information
@wonheep
wonheep committed Jun 6, 2018
1 parent 462e850 commit 2d55cfe
Show file tree
Hide file tree
Showing 4 changed files with 79 additions and 9 deletions.
1 change: 1 addition & 0 deletions TripleDataProcessor/src/main/webapp/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 6,7 @@
<meta name="viewport" content="width=device-width">

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700" rel="stylesheet">

<link rel="stylesheet" href="/TripleDataProcessor/css/about.css" type="text/css"/>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
Expand Down
33 changes: 24 additions & 9 deletions TripleDataProcessor/src/main/webapp/background.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 5,11 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700" rel="stylesheet">
<link rel="stylesheet" href="/TripleDataProcessor/css/background.css" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700" rel="stylesheet">

<link rel="stylesheet" href="/TripleDataProcessor/css/background.css" type="text/css"/>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

</head>

Expand All @@ -16,20 19,32 @@

<h1> Background </h1>

<h2> Introduction </h2>
<p> Semantic web--an extension of the World Wide Web--was the original vision of having a structured open web. The semantic web provides a common framework that allows datasets to be shared and reused across different applications. The format used is RDF (Resource Description Framework). Starting ~6 years ago machine users outnumbered human users (e.g. web crawlers), but the data can’t be exploited to its full potential because the open web is not formatted properly.
</p>
<h2> </br>Introduction </h2>
<p> Semantic web is an extension of the World Wide Web and was the original vision of having a structured open web. The semantic web provides a common framework that allows datasets to be shared and reused across different applications. The format used is RDF (Resource Description Framework). Starting ~6 years ago machine users outnumbered human users (e.g. web crawlers), but the data can’t be exploited to its full potential because the open web is not formatted properly. </br></br></p>

<h2> Motivation </h2>
<p> UC Davis is involved in a pilot program with Cornell University and Harvard College to be the first academic libraries in the world to change their library catalog to a linked-data universe by the end of the year. </p>
<p> UC Davis is involved in a pilot program with Cornell University and Harvard College to be the first academic libraries in the world to change their library catalog to a linked-data universe by the end of the year. </br></br></p>

<h2> Product Summary </h2>
<p> The web application is a proof of concept that shows how information from different linked-data sources are related to one another. We visualize this relationship using a D3.js graph. Users can use this web application to see the relationships between data found in the UC Davis Library catalog with other data found in external databases that have a SPARQL endpoints (ex: Wikipedia, Library of Congress, Online Computer Library Center). </p>
<p> The semantic web visualization application is a proof of concept project that shows how information from different linked-data sources are related to one another. We visualize this relationship using a D3.js graph. Users can use this web application to see the relationships between data found in the UC Davis Library catalog with other data found in external databases that have a SPARQL endpoint (ex: Wikipedia, Library of Congress, Online Computer Library Center).</br></br> </p>
</br></br>

<div id = "container2">

<h2> User Guide </h2>
<div id="box1">
<p> User Guide </p>
<a href = "/TripleDataProcessor/documents/Semantic Web User Guide.pdf" target="_blank"><i class="fa fa-book" style="font-size:50px;color:#333;"></i></a>
</div>

<div id="box2">
<p> GitHub Project</p>
<a href = "https://github.com/saileshpatnala/swq_viz" target="_blank"><i class="fa fa-github-alt" style="font-size:50px;color:#6e5494;"></i></a>
</div>

</div>

<h2> GitHub Repo </h2>
</div>


</body>
</html>
1 change: 1 addition & 0 deletions TripleDataProcessor/src/main/webapp/contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 6,7 @@
<meta name="viewport" content="width=device-width">

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700" rel="stylesheet">

<link rel="stylesheet" href="/TripleDataProcessor/css/contact.css" type="text/css"/>

</head>
Expand Down
53 changes: 53 additions & 0 deletions TripleDataProcessor/src/main/webapp/css/background.css
View file
Original file line number Diff line number Diff line change
@@ -1,3 1,56 @@
* {
font-family: 'Montserrat';
}

#main {
display:flex;
flex-direction: column;
justify-content: center;
align-self: center;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

h1 {
color: #012756;
text-align: center;
}

h2 {
color: #012756;
}

#container2 {
display: flex;
flex-direction: row;
justify-content: center;
}

#container2 div {
padding-right: 100px;
display: flex;
align-items: center;
justify-content: center
}

#box1 p{
font-size: x-large;
color: #012756;
font-weight: 700;
padding-right: 15px;
}

#box2 p{
font-size: x-large;
color: #012756;
font-weight: 700;
padding-right: 15px;
}

#disclaimer {
font-style: italic;
text-align: center;
bottom: 0;
}

0 comments on commit 2d55cfe

Please sign in to comment.