refined about page to have links open in new tab

saileshpatnala · Jun 6, 2018 · 462e850 · 462e850
1 parent 3190be4
commit 462e850
Show file tree

Hide file tree

Showing 10 changed files with 30 additions and 12 deletions.
diff --git a/TripleDataProcessor/src/main/webapp/about.html b/TripleDataProcessor/src/main/webapp/about.html
@@ -6,7  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/about.css" type="text/css"/>
 	<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">
 </head>
@@ -20,7  20,7 @@ <h1> Team </br> </br></h1>
 			 <img id = "mithunpic" src="/TripleDataProcessor/images/mithun.jpeg" alt="Picture unavailable">
 			 <p style = "text-align: center;">Backend Developer</p>
 			 <div class = "icons">
-				 <a href = "https://www.linkedin.com/in/mithunvijayasekar/"> <i class="fa fa-linkedin-square" style="font-size:30px;color:#0077B5;"></i></a>
 				 <a href = "https://www.linkedin.com/in/mithunvijayasekar/" target="_blank"> <i class="fa fa-linkedin-square" style="font-size:30px;color:#0077B5;"></i></a>
 
 				 <a href="mailto:[email protected]?Subject=Semantic Web Application Question" target="_top"> <i class="fa fa-envelope" aria-hidden="true" style="font-size:30px;color:black;"></i></a>
 			</div>
@@ -32,7  32,7 @@ <h1> Team </br> </br></h1>
 			 <img id = "wonheepic" src="/TripleDataProcessor/images/wonhee.jpg" alt="Picture unavailable">
 			 <p>Frontend Developer & Data Engineer</p>
 			 <div class = "icons">
-				 <a href = "https://www.linkedin.com/in/wonheep/"> <i class="fa fa-linkedin-square" style="font-size:30px;color:#0077B5;"></i></a>
 				 <a href = "https://www.linkedin.com/in/wonheep/" target="_blank"> <i class="fa fa-linkedin-square" style="font-size:30px;color:#0077B5;"></i></a>
 
 				 <a href="mailto:[email protected]?Subject=Semantic Web Application Question" target="_top"> <i class="fa fa-envelope" aria-hidden="true" style="font-size:30px;color:black;"></i></a>
 			</div>
@@ -42,7  42,7 @@ <h1> Team </br> </br></h1>
 			 <img id = "nishantpic" src="/TripleDataProcessor/images/nishant.jpeg" alt="Picture unavailable">
 			 <p> Frontend Developer & SysAdmin</p>
 			 <div class = "icons">
-				 <a href = "https://www.linkedin.com/in/nishantchandrashekar/"> <i class="fa fa-linkedin-square" style="font-size:30px;color:#0077B5;"></i></a>
 				 <a href = "https://www.linkedin.com/in/nishantchandrashekar/" target="_blank"> <i class="fa fa-linkedin-square" style="font-size:30px;color:#0077B5;"></i></a>
 
 				 <a href="mailto:[email protected]?Subject=Semantic Web Application Question" target="_top"> <i class="fa fa-envelope" aria-hidden="true" style="font-size:30px;color:black;"></i></a>
 			</div>
@@ -52,7  52,7 @@ <h1> Team </br> </br></h1>
 			 <img id = "saipic" src="/TripleDataProcessor/images/sailesh.jpeg" alt="Picture unavailable">
 			 <p>Fullstack Developer</p>
 			 <div class = "icons">
-				 <a href = "https://www.linkedin.com/in/saileshpatnala/"> <i class="fa fa-linkedin-square" style="font-size:30px;color:#0077B5;"></i></a>
 				 <a href = "https://www.linkedin.com/in/saileshpatnala/" target="_blank"> <i class="fa fa-linkedin-square" style="font-size:30px;color:#0077B5;"></i></a>
 
 				 <a href="mailto:[email protected]?Subject=Semantic Web Application Question" target="_top"> <i class="fa fa-envelope" aria-hidden="true" style="font-size:30px;color:black;"></i></a>
 			</div>
@@ -65,7  65,7 @@ <h1> Client </br> </br></h1>
 		 <img id = "carlpic" src="/TripleDataProcessor/images/carl.jpg" alt="Picture unavailable">
 		 <p>Director of Data and Digital Scholarship Department </br>Data & Digital Scholarship-Shields Library</p>
 		 <div class = "icons">
-			 <a href = "https://www.library.ucdavis.edu/author/carl-stahmer/"> <i class="fa fa-address-book-o" style="font-size:30px;color:#0077B5;"></i></a>
 			 <a href = "https://www.library.ucdavis.edu/author/carl-stahmer/" target="_blank"> <i class="fa fa-address-book-o" style="font-size:30px;color:#0077B5;"></i></a>
 
 			 <a href="mailto:[email protected]?Subject=Semantic Web Application Question" target="_top"> <i class="fa fa-envelope" aria-hidden="true" style="font-size:30px;color:black;"></i></a>
 	</div>

diff --git a/TripleDataProcessor/src/main/webapp/background.css b/TripleDataProcessor/src/main/webapp/background.css
diff --git a/TripleDataProcessor/src/main/webapp/background.html b/TripleDataProcessor/src/main/webapp/background.html
@@ -6,15  6,30 @@
   <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/background.css" type="text/css"/>
   <link rel="stylesheet" href="/TripleDataProcessor/css/background.css" type="text/css"/>
 
 </head>
 
 <body>
 
-<div id ="main">
-  <p> temp </p>
-</div>
 	<div id = "main">
 
 		<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> 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>
 
 		<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>
 
 		<h2> User Guide </h2>
 
 		<h2> GitHub Repo </h2>
 	</div>
 
 </body>
 </html>
diff --git a/TripleDataProcessor/src/main/webapp/contact.html b/TripleDataProcessor/src/main/webapp/contact.html
@@ -6,7  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/contact.css" type="text/css"/>
   <link rel="stylesheet" href="/TripleDataProcessor/css/contact.css" type="text/css"/>
 
 </head>
 

diff --git a/...leDataProcessor/src/main/webapp/about.css → ...taProcessor/src/main/webapp/css/about.css b/...leDataProcessor/src/main/webapp/about.css → ...taProcessor/src/main/webapp/css/about.css
diff --git a/TripleDataProcessor/src/main/webapp/css/background.css b/TripleDataProcessor/src/main/webapp/css/background.css
@@ -0,0  1,3 @@
 * {
 	font-family: 'Montserrat';
 }
diff --git a/...DataProcessor/src/main/webapp/contact.css → ...Processor/src/main/webapp/css/contact.css b/...DataProcessor/src/main/webapp/contact.css → ...Processor/src/main/webapp/css/contact.css
diff --git a/...eDataProcessor/src/main/webapp/search.css → ...aProcessor/src/main/webapp/css/search.css b/...eDataProcessor/src/main/webapp/search.css → ...aProcessor/src/main/webapp/css/search.css
diff --git a/TripleDataProcessor/src/main/webapp/documents/Semantic Web User Guide.pdf b/TripleDataProcessor/src/main/webapp/documents/Semantic Web User Guide.pdf
diff --git a/TripleDataProcessor/src/main/webapp/search.html b/TripleDataProcessor/src/main/webapp/search.html
@@ -19,7  19,7 @@
   <!-- Optional theme -->
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
 
-  <link rel="stylesheet" href="/TripleDataProcessor/search.css" type="text/css"/>
   <link rel="stylesheet" href="/TripleDataProcessor/css/search.css" type="text/css"/>
 
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>