updates to biblio, imgs, resume display

Fixed most things in html. Bibtex file needs work. Need to update resume, intro text.

Author: RubyFore

_includes/bibliography.html

@@ -4,23 +4,27 @@
     <div class="row justify-content-center text-center">
         <div class="col-lg-8 col-lg-offset-2">
             <!---<div class="col-lg-6"> --->
-            <h2 id="publications">Publications</h2>
+            <h2 id="publications">Scientific Publications</h2>
 
         </div>
     </div>
-            <bibtex src="../works.bib"></bibtex>
+            <bibtex src="../citations_25_papis.bib"></bibtex>
             <div class="bibtex_structure">
-                <div class="group year" extra="DSC number">
+                <div class="group year" extra='ASC number'>
+                    <!---<div class="sort year" extra="DSC number"></div>--->
                       <div class="templates"></div>
                 </div>
             </div>
 
             <div class="bibtex_template">
                 <div style="margin-left: 10px; margin-bottom:20px;">
-                    <span class="title" style = 'font-weight: bold; font-size:larger'></span>
-                    <span class="author" max="4" style="font-size:larger"></span>
-                    <span class="journal" style="font-style: italic;font-size:larger"></span>
-                    <span class="volume" style="font-style: italic; font-size:larger"></span>
+                    <span class="title" style = "font-style: underline; font-size:large"></span>
+                    <span class="year" style = font-size:large;></span>
+                    <span class="author" max="4" style="font-size:large"></span>
+                    <span class="journal" style="font-style: italic;font-size:large"></span>
+                    <span class="volume" style="font-style: italic; font-size:large"></span>
+                    <span class="number" style="font-style: italic; font-size:large"></span>
+                    <span class="pages"style="font-style: italic; font-size:larger"></span>
                     <span class="if url" style="margin-left: 20px">
                         <a class="url" style="color:black; font-size:15px">(view online)</a>
                       </span>

_includes/css/grayscale.css

@@ -455,10 +455,37 @@ body {
     margin-left: calc(var(--bs-gutter-x) * -1);
   }
 
-  
+  .doi::before{
+    content: 'DOI:'
+  }
+  .title::after {
+    content: " ("
+  }
+  /*.year::after {
+    content: ")."
+  }*/
+  .author::before {
+    content: "). "
+  }
+  .journal::after{
+    content: ", "
+  }
+  .volume::after {
+    content: "("
+  }
+  .number::before {
+    content: ""
+  }
+  .number::after {
+    content: "),"
+  }
+  .pages::after {
+    content: "."
+  }
+
   .resume {
     width: 100%;
-	aspect-ratio: 17 / 22;
+	aspect-ratio: 100%;
   }
 
 

_includes/js.html

@@ -8,7 +8,7 @@
     <script src="{{ "/js/jquery.easing.min.js" | prepend: site.baseurl }}"></script>
 
     <!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->
-    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>
+   <!--- <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script> --->
 
     <!-- Custom Theme JavaScript -->
     <script src="{{ "/js/grayscale.js" | prepend: site.baseurl }}"></script>

_includes/my-gallery.html

@@ -5,7 +5,7 @@
     <h2 id="pastimes">Pastimes</h2>
 
     <div class ="image-gallery">
-  {% assign sorted = site.static_files | sort: 'date' | reverse %}
+  {% assign sorted = site.static_files %}
   {% for file in sorted %}
   {% if file.path contains include.folder %}
   {% if file.extname == '.png' %}

_includes/resume.html

@@ -5,7 +5,7 @@
             <h2 id="resume">Resume</h2>
                 <!--- <div class="d-flex flex-lg-row"> --->
 
-                        <iframe src="https://drive.google.com/file/d/1TJVjck10_V3kCWGMj6SsZk0QMXOdq9pm/preview" id="resume"></iframe>
+                        <iframe src="https://drive.google.com/file/d/1TJVjck10_V3kCWGMj6SsZk0QMXOdq9pm/preview" width="100%", height="600px" id="resume"></iframe>
 
                 <!----</div> ---->
         </div>