Center it

jhudsl · Feb 28, 2024 · d744743 · d744743
1 parent 7d4689f
commit d744743
Show file tree

Hide file tree

Showing 17 changed files with 30 additions and 162 deletions.
diff --git a/_site.yml b/_site.yml
@@ -1,6 +1,7 @@
 name: Open-source Tools for Training Resources
 output_dir: 'docs'
 navbar:
+  title: OTTR <img src="./resources/images/basic_otter_water.PNG" width = 10px>
   left:
   - text: ""
     href: index.html

diff --git a/docs/course_publishing.html b/docs/course_publishing.html
@@ -317,7 +317,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"></a>
+      <a class="navbar-brand" href="index.html">OTTR <img src="resources/images/basic_otter_water.PNG" width = 10px></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

diff --git a/docs/customize-docker.html b/docs/customize-docker.html
@@ -317,7 +317,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"></a>
+      <a class="navbar-brand" href="index.html">OTTR <img src="resources/images/basic_otter_water.PNG" width = 10px></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

diff --git a/docs/customize-robots.html b/docs/customize-robots.html
@@ -317,7 +317,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"></a>
+      <a class="navbar-brand" href="index.html">OTTR <img src="resources/images/basic_otter_water.PNG" width = 10px></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

diff --git a/docs/customize-style.html b/docs/customize-style.html
@@ -317,7 +317,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"></a>
+      <a class="navbar-brand" href="index.html">OTTR <img src="resources/images/basic_otter_water.PNG" width = 10px></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

diff --git a/docs/customizing.html b/docs/customizing.html
@@ -317,7 +317,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"></a>
+      <a class="navbar-brand" href="index.html">OTTR <img src="resources/images/basic_otter_water.PNG" width = 10px></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

diff --git a/docs/editing_website.html b/docs/editing_website.html
@@ -317,7 +317,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"></a>
+      <a class="navbar-brand" href="index.html">OTTR <img src="resources/images/basic_otter_water.PNG" width = 10px></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

diff --git a/docs/examples.html b/docs/examples.html
@@ -317,7 +317,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"></a>
+      <a class="navbar-brand" href="index.html">OTTR <img src="resources/images/basic_otter_water.PNG" width = 10px></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

diff --git a/docs/faqs.html b/docs/faqs.html
@@ -317,7 +317,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"></a>
+      <a class="navbar-brand" href="index.html">OTTR <img src="resources/images/basic_otter_water.PNG" width = 10px></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

diff --git a/docs/getting_started.html b/docs/getting_started.html
@@ -317,7 +317,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"></a>
+      <a class="navbar-brand" href="index.html">OTTR <img src="resources/images/basic_otter_water.PNG" width = 10px></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

diff --git a/docs/index.html b/docs/index.html
@@ -11,7 +11,7 @@
 
 
 
-<title>OTTR - GitHub based websites for busy people</title>
+<title> OTTR - GitHub sites for busy people</title>
 
 <script src="site_libs/header-attrs-2.25/header-attrs.js"></script>
 <script src="site_libs/jquery-3.6.0/jquery-3.6.0.min.js"></script>
@@ -29,9 +29,6 @@
        h6 {font-size: 12px;}
        code {color: inherit; background-color: rgba(0, 0, 0, 0.04);}
        pre:not([class]) { background-color: white }</style>
-<script src="site_libs/jqueryui-1.13.2/jquery-ui.min.js"></script>
-<link href="site_libs/tocify-1.9.1/jquery.tocify.css" rel="stylesheet" />
-<script src="site_libs/tocify-1.9.1/jquery.tocify.js"></script>
 <script src="site_libs/navigation-1.1/tabsets.js"></script>
 <link href="site_libs/highlightjs-9.12.0/default.css" rel="stylesheet" />
 <script src="site_libs/highlightjs-9.12.0/highlight.js"></script>
@@ -245,69 +242,6 @@
 
 
 
-<style type="text/css">
-
-#TOC {
-  margin: 25px 0px 20px 0px;
-}
-@media (max-width: 768px) {
-#TOC {
-  position: relative;
-  width: 100%;
-}
-}
-
-@media print {
-.toc-content {
-  /* see https://github.com/w3c/csswg-drafts/issues/4434 */
-  float: right;
-}
-}
-
-.toc-content {
-  padding-left: 30px;
-  padding-right: 40px;
-}
-
-div.main-container {
-  max-width: 1200px;
-}
-
-div.tocify {
-  width: 20%;
-  max-width: 260px;
-  max-height: 85%;
-}
-
-@media (min-width: 768px) and (max-width: 991px) {
-  div.tocify {
-    width: 25%;
-  }
-}
-
-@media (max-width: 767px) {
-  div.tocify {
-    width: 100%;
-    max-width: none;
-  }
-}
-
-.tocify ul, .tocify li {
-  line-height: 20px;
-}
-
-.tocify-subheader .tocify-item {
-  font-size: 0.90em;
-}
-
-.tocify .list-group-item {
-  border-radius: 0px;
-}
-
-
-</style>
-
-
 
 </head>
 
@@ -317,16 +251,6 @@
 <div class="container-fluid main-container">
 
 
-<!-- setup 3col/9col grid for toc_float and main content  -->
-<div class="row">
-<div class="col-xs-12 col-sm-4 col-md-3">
-<div id="TOC" class="tocify">
-</div>
-</div>
-
-<div class="toc-content col-xs-12 col-sm-8 col-md-9">
-
-
 
 
 <div class="navbar navbar-default  navbar-fixed-top" role="navigation">
@@ -337,7 +261,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"></a>
+      <a class="navbar-brand" href="index.html">OTTR <img src="resources/images/basic_otter_water.PNG" width = 10px></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">
@@ -522,8 +446,8 @@
 
 
 
-<h1 class="title toc-ignore">OTTR - GitHub based websites for busy
-people</h1>
+<h1 class="title toc-ignore"><img src="resources/images/basic_otter_water.PNG" width = 100px>
+OTTR - GitHub sites for busy people</h1>
 
 </div>
 
@@ -547,19 +471,20 @@ <h1 class="title toc-ignore">OTTR - GitHub based websites for busy
 course</a> to show your own branding.</li>
 <li><strong>Avoid dependency hell</strong> If you plan to include code
 examples in your website or course use <a
-href="https://hub.docker.com/repository/docker/jhudsl/course_template">our
+href="https://hub.docker.com/repository/docker/jhudsl/base_ottr">our
 Docker image</a> for consistency across authors as well as to help you
-<a href="https://en.wikipedia.org/wiki/Dependency_hell">avoid dependency
-hell</a>.<br />
+struggling with installing various packages.<br />
 </li>
 <li><strong>Customize your own Docker image</strong> Follow our guides
 to <a href="./customize-docker.html">customize the docker image for
 course or website you’re making</a>.</li>
 </ul>
 <p><img src="https://github.com/jhudsl/ottrproject.org/raw/main/resources/images/checks.png" alt="OTTR runs url, spell checks and renders a preview upon each pull request so you can check it before you publish it" width="100%" style="display: block; margin: auto;" />
 <br></p>
-<p><a href="https://ottrproject.org/getting_started.html">
-<img src="resources/images/getstarted.png"> </a></p>
+<center>
+<a href="https://ottrproject.org/getting_started.html">
+<img src="resources/images/getstarted.png" width = 30%> </a>
+</center>
 <p><br></p>
 <div id="ottr-for-courses" class="section level2">
 <h2>OTTR for courses</h2>
@@ -615,8 +540,6 @@ <h2>How to Cite OTTR</h2>
 </center>
 
 
-</div>
-</div>
 
 </div>
 
@@ -649,35 +572,6 @@ <h2>How to Cite OTTR</h2>
 
 <!-- code folding -->
 
-<script>
-$(document).ready(function ()  {
-
-    // temporarily add toc-ignore selector to headers for the consistency with Pandoc
-    $('.unlisted.unnumbered').addClass('toc-ignore')
-
-    // move toc-ignore selectors from section div to header
-    $('div.section.toc-ignore')
-        .removeClass('toc-ignore')
-        .children('h1,h2,h3,h4,h5').addClass('toc-ignore');
-
-    // establish options
-    var options = {
-      selectors: "h1,h2,h3",
-      theme: "bootstrap3",
-      context: '.toc-content',
-      hashGenerator: function (text) {
-        return text.replace(/[.\\/?&!#<>]/g, '').replace(/\s/g, '_');
-      },
-      ignoreSelector: ".toc-ignore",
-      scrollTo: 0
-    };
-    options.showAndHide = true;
-    options.smoothScroll = true;
-
-    // tocify
-    var toc = $("#TOC").tocify(options).data("toc-tocify");
-});
-</script>
 
 <!-- dynamically load mathjax for compatibility with self-contained -->
 <script>

diff --git a/docs/more_features.html b/docs/more_features.html
@@ -317,7 +317,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"></a>
+      <a class="navbar-brand" href="index.html">OTTR <img src="resources/images/basic_otter_water.PNG" width = 10px></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

diff --git a/docs/ottr-fy.html b/docs/ottr-fy.html
@@ -317,7 +317,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"></a>
+      <a class="navbar-brand" href="index.html">OTTR <img src="resources/images/basic_otter_water.PNG" width = 10px></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

diff --git a/docs/style.css b/docs/style.css
@@ -1,30 +1,16 @@
 
 
-
 .navbar {
   padding-right: 20px;
-  padding-left: 200px;
+  padding-left: 20px;
 /*  padding-right: 20px;*/
 /*  padding-left: 200px;*/
-  height:150px;
   position: fixed;
   background-color: #f8f8f8;
   border-bottom-color: #aaf0d1;
   border-width: 4px;
 }
 
-.navbar-brand {
-  background: url('https://github.com/jhudsl/ottr-website/raw/main/resources/images/basic_otter_water.PNG') center / contain no-repeat;
-  width: 100%;
-  height: 100px;
-  position: absolute;
-  left: 0%;
-  margin-bottom: 200px;
-  margin-top: 40px;
-}
-
-
-
 /*@media (min-width: 768px)
 {
     .navbar-header

diff --git a/docs/writing_content_courses.html b/docs/writing_content_courses.html
@@ -317,7 +317,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"></a>
+      <a class="navbar-brand" href="index.html">OTTR <img src="resources/images/basic_otter_water.PNG" width = 10px></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

diff --git a/index.Rmd b/index.Rmd
@@ -1,12 +1,11 @@
 ---
-title: "OTTR - GitHub based websites for busy people"
+title: <img src="./resources/images/basic_otter_water.PNG" width = 100px> OTTR - GitHub sites for busy people
 output:
   html_document:
     includes:
       in_header: GA_Script.Rhtml
-    toc: true
-    toc_float: true
 ---
+
 <div class = "banner_color">
   <br>           
 </div>
@@ -27,9 +26,11 @@ knitr::include_graphics("https://github.com/jhudsl/ottrproject.org/raw/main/reso
 ```
 <br>
 
+<center>
 <a href="https://ottrproject.org/getting_started.html">
-  <img src="resources/images/getstarted.png" width = 50%>
+  <img src="resources/images/getstarted.png" width = 30%>
 </a>
+</center>
 
 <br>