Browse Source

Added Bootstrap styling to all pages

main
Simon Bowie 3 years ago
parent
commit
324a48ff75
7 changed files with 115 additions and 41 deletions
  1. +7
    -1
      site/public/abstracts.php
  2. +13
    -5
      site/public/compare.php
  3. +17
    -0
      site/public/id_search.php
  4. +47
    -33
      site/public/index.html
  5. +7
    -1
      site/public/random.php
  6. +17
    -0
      site/public/search.php
  7. +7
    -1
      site/public/titles.php

+ 7
- 1
site/public/abstracts.php View File

@@ -16,9 +16,15 @@ $random_abstracts = ten_random_abstracts();
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</head>
<body>

<div class="container-fluid">
<?php

foreach ($random_abstracts as $record_array):
@@ -38,6 +44,6 @@ foreach ($random_abstracts as $record_array):
<?php
endforeach;
?>
</div>
</body>
</html>

+ 13
- 5
site/public/compare.php View File

@@ -12,7 +12,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script>
function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';
@@ -20,12 +24,16 @@
</script>
</head>
<body>
<div class="box">
<iframe src="./random.php" frameborder="0" scrolling="no" onload="resizeIframe(this)" align="left"> </iframe>
</div>
<div class="container-fluid">
<div class="row">
<div class="col text-center">
<iframe src="./random.php" frameborder="0" scrolling="no" onload="resizeIframe(this)"> </iframe>
</div>

<div class="box">
<iframe src="./random.php" frameborder="0" scrolling="no" onload="resizeIframe(this)" align="right"></iframe>
<div class="col text-center">
<iframe src="./random.php" frameborder="0" scrolling="no" onload="resizeIframe(this)"></iframe>
</div>
</div>
</div>
</body>
</html>

+ 17
- 0
site/public/id_search.php View File

@@ -12,6 +12,19 @@ include '../ops_api.php'

?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</head>
<body>

<div class="container">

<?php

$search_results = solr_search_id($_GET["id"]);
@@ -123,3 +136,7 @@ include '../ops_api.php'
<?php
endforeach;
?>

</div>
</body>
</html>

+ 47
- 33
site/public/index.html View File

@@ -12,49 +12,63 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</head>
<body>

<div class="centre">
<form action="search.php" method="POST">
<input type="text" name="search" placeholder="search for a patent record">
<input type="submit" value="search">
</form>
</div>
<div class="container-fluid p-5 my-5 border">
<div class="row justify-content-center p-3">
<div class="col-sm-6"
<form action="search.php" method="POST">
<input type="text" name="search" placeholder="search for a patent record">
<input type="submit" value="search">
</form>
</div>
</div>

<div class="centre">
<a href="./random.php">show a random record</a>
</div>
<div class="row p-3">
<div class="col">
<a href="./random.php">show a random record</a>
</div>

<div class="centre">
<a href="./compare.php">compare two random records</a>
</div>
<div class="col">
<a href="./compare.php">compare two random records</a>
</div>
</div>

<div class="centre">
<a href="./titles.php">ten random titles</a>
</div>
<div class="row p-3">
<div class="col">
<a href="./titles.php">ten random titles</a>
</div>

<div class="centre">
<a href="./abstracts.php">ten random abstracts</a>
</div>
<div class="col">
<a href="./abstracts.php">ten random abstracts</a>
</div>
</div>

<div class="centre">
<form action="search.php" method="POST">
<input type="hidden" name="search" value="leak">
<button type="submit" class="btn-link">
example search: 'leak'
</button>
</form>
</div>
<div class="row p-3">
<div class="col">
<form action="search.php" method="POST">
<input type="hidden" name="search" value="leak">
<button type="submit" class="btn-link">
example search: 'leak'
</button>
</form>
</div>

<div class="centre">
<form action="search.php" method="POST">
<input type="hidden" name="search" value="secret">
<button type="submit" class="btn-link">
example search: 'secret'
</button>
</form>
<div class="col">
<form action="search.php" method="POST">
<input type="hidden" name="search" value="secret">
<button type="submit" class="btn-link">
example search: 'secret'
</button>
</form>
</div>
</div>
</div>

</body>

+ 7
- 1
site/public/random.php View File

@@ -17,9 +17,15 @@ $random_record = one_random_record();
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</head>
<body>

<div class="container-fluid">
Application ID:

<?php
@@ -119,6 +125,6 @@ $random_record = one_random_record();
<?php
endif;
?>
</div>
</body>
</html>

+ 17
- 0
site/public/search.php View File

@@ -11,6 +11,19 @@ include '../solr.php';

?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</head>
<body>

<div class="container">

<?php

$search_results = solr_search($_POST["search"]);
@@ -77,3 +90,7 @@ include '../solr.php';
<?php
endforeach;
?>

</div>
</body>
</html>

+ 7
- 1
site/public/titles.php View File

@@ -16,9 +16,15 @@ $random_titles = ten_random_titles();
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</head>
<body>

<div class="container-fluid">
<?php

foreach ($random_titles as $record_array):
@@ -44,6 +50,6 @@ foreach ($random_titles as $record_array):
<?php
endforeach;
?>
</div>
</body>
</html>

Loading…
Cancel
Save