New template, first version.

Project.toml

@@ -1,6 +1,7 @@
 [deps]
 Franklin = "713c75ef-9fc9-4b05-94a9-213340da978e"
 NodeJS = "2bd173c7-0d6d-553b-b6af-13a54713934c"
+Xranklin = "558449b0-171e-4e1f-900f-d076a5ddf486"
 
 [compat]
 Franklin = "0.10.56"

_assets/author-badges.dat

@@ -0,0 +1,2 @@
+Philip1: green-philip, red-philip
+Philip2: purple-philip, green-philip

_css/adjust.css

@@ -8,8 +8,8 @@
 @media (min-width: 1024px) {
   .franklin-content {
     width: 75%;
-    padding-left: 20%;
-    padding-right: 5%;
+    /*padding-left: 20%;*/
+    /*padding-right: 5%;*/
   }
 }
 
@@ -37,23 +37,78 @@ blockquote {
   padding-bottom: 0.5em;
   margin-top: 1.5em;
   margin-bottom: 1em;
+  color:#e54252;
 }
 
 .franklin-content a {
   text-decoration: none;
+  color:#e54252;
 }
 
 /* For some reason,
  * `h1, h2, h3 { a { color: ... } a:visited { color: ... } }` didn't work.
  */
-h1 a { color: #1c1c1c !important; }
-h2 a { color: #1c1c1c !important; }
-h3 a { color: #1c1c1c !important; }
-h4 a { color: #1c1c1c !important; }
-h5 a { color: #1c1c1c !important; }
-
-h1 a:visited { color: #1c1c1c !important; }
-h2 a:visited { color: #1c1c1c !important; }
-h3 a:visited { color: #1c1c1c !important; }
-h4 a:visited { color: #1c1c1c !important; }
-h5 a:visited { color: #1c1c1c !important; }
+h1 a { color: #81353c; !important; }
+h2 a { color: #81353c !important; }
+h3 a { color: #81353c !important; }
+h4 a { color: #81353c !important; }
+h5 a { color: #81353c !important; }
+
+h1 a:visited { color: #81353c !important; }
+h2 a:visited { color: #81353c !important; }
+h3 a:visited { color: #81353c !important; }
+h4 a:visited { color: #81353c !important; }
+h5 a:visited { color: #81353c !important; }
+
+
+.jp-logo {
+    background-image: url("/assets/logo.png");
+    padding-right:10px;
+    width:6%;
+}
+
+.news-container{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    padding:20px;
+}
+
+.news-block{
+    border-style: solid;
+    border-color:#f8d8d5;
+    border-width:1px;
+    margin:-5px;
+    padding:20px;
+    font-family: nyt-cheltenham,georgia,'times new roman',times,serif;
+    color:#5A5A5A;
+    font-size:12px;
+}
+
+.news-block a{
+    color:#e54252;
+    font-family: nyt-cheltenham,georgia,'times new roman',times,serif;
+    font-size: 18px;
+    line-height: 0.5em;
+}
+
+.news-block p{
+    font-family: nyt-cheltenham,georgia,'times new roman',times,serif;
+    font-size:13px;
+    color:#5A5A5A;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 5;
+    -webkit-box-orient: vertical;
+    line-height: 1.5em;
+}
+
+.news-block img{
+    width:25px;
+    padding:0px;
+}
+
+.franklin-content p{
+    font-family: nyt-cheltenham,georgia,'times new roman',times,serif;
+    font-size:16px;
+}

_css/minimal-mistakes.css

@@ -1867,6 +1867,8 @@ th {
 }
 
 .masthead {
+  background: transparent url("/assets/banner.png") fixed repeat center top;
+  height: 60px;
   position: relative;
   border-bottom: 1px solid #f2f3f3;
   -webkit-animation: intro 0.3s both;
@@ -1881,6 +1883,7 @@ th {
   margin-left: auto;
   margin-right: auto;
   padding: 1em;
+  padding-top: 5px;
   max-width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -2141,18 +2144,19 @@ th {
   -ms-flex-align: center;
   align-items: center;
   min-height: 2em;
-  background: #fff;
+  /*background: #fff;*/
 }
 
 .greedy-nav a {
   display: block;
   margin: 0 1rem;
-  color: #6f777d;
+  /*color: #6f777d;*/
+  color: #fff;
   text-decoration: none;
 }
 
 .greedy-nav a:hover {
-  color: #53595e;
+  color:  #fff; /*#53595e;*/
 }
 
 .greedy-nav a.site-logo {
@@ -2203,7 +2207,7 @@ th {
   left: 0;
   bottom: 0;
   height: 4px;
-  background: #6f777d;
+  background: #e54252;
   width: 100%;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
@@ -2238,10 +2242,12 @@ th {
   margin: 0;
   padding: 10px 20px;
   font-size: 1em;
+  color: #e54252;
 }
 
 .greedy-nav .hidden-links a:hover {
-  color: #53595e;
+  /*color: #53595e;*/
+  color: #e54252;
   background: #dbdddf;
 }
 
@@ -2523,6 +2529,7 @@ th {
 }
 
 .page__footer {
+  background-image: url("/assets/footer.png");
   clear: both;
   float: left;
   margin-left: 0;
@@ -2532,8 +2539,9 @@ th {
   position: absolute;
   bottom: 0;
   height: auto;
-  margin-top: 3em;
-  color: #898c8f;
+  margin-top: 0px; /* 3em; */
+  /*color: #898c8f;*/
+  color: #fff;
   -webkit-animation: intro 0.3s both;
   animation: intro 0.3s both;
   -webkit-animation-delay: 0.45s;
@@ -2551,7 +2559,7 @@ th {
   clear: both;
   margin-left: auto;
   margin-right: auto;
-  margin-top: 2em;
+  margin-top: 1em;
   max-width: 100%;
   padding: 0 1em 2em;
 }
@@ -3559,7 +3567,7 @@ a.reversefootnote:hover {
 
 @media (min-width: 80em) {
   #main {
-    max-width: 1280px;
+    /*max-width: 1280px;*/
   }
 }
 

_layout/foot.html

@@ -14,7 +14,7 @@
             <li><a href="https://github.com/JuliaParallel" rel="nofollow noopener noreferrer"><i class="fab fa-fw fa-github" aria-hidden="true"></i> GitHub</a></li>
           </ul>
         </div>
-        <div class="page__footer-copyright">&copy; {{ fill author }}. Powered by <a href="https://github.com/tlienart/Franklin.jl">Franklin</a> &amp; <a href="https://mademistakes.com/work/minimal-mistakes-jekyll-theme/" rel="nofollow">Minimal Mistakes</a>.</div>
+        <div class="page__footer-copyright">&copy; {{ fill author }}. Powered by <a href="https://github.com/tlienart/Franklin.jl">Franklin</a>, <a href="https://mademistakes.com/work/minimal-mistakes-jekyll-theme/" rel="nofollow">Minimal Mistakes</a>, and <a href="https://julia.mit.edu" rel="nofollow">Julia Lab</a>.</div>
       </footer>
     </div>
 

_layout/head.html

@@ -15,6 +15,7 @@
   {{insert style.html}}
   {{isdef title}} <title>{{fill title}}</title>  {{end}}
   <!-- end custom head snippets -->
+
 </head>
 {{insert body_layout.html}}
 

_layout/masthead.html

@@ -2,7 +2,8 @@
   <div class="masthead__inner-wrap">
     <div class="masthead__menu">
       <nav id="site-nav" class="greedy-nav">
-        <a class="site-title" href="/">JuliaParallel </a>
+        <img class="jp-logo" src="/assets/logo.png"/>
+        <a class="site-title" href="/">JuliaParallel</a>
         <ul class="visible-links">
           <li class="masthead__menu-item"><a href="/news/">News</a></li>
           <li class="masthead__menu-item"><a href="/teaching/">Teaching</a></li>

_layout/page_foot.html

@@ -1,5 +1,7 @@
+<!--
 <div class="page-foot">
   <div class="copyright">
     &copy; {{ fill author }}. {{isnotpage /tag/*}}Last modified: {{ fill fd_mtime }}.{{end}} Website built with <a href="https://github.com/tlienart/Franklin.jl">Franklin.jl</a> and the <a href="https://julialang.org">Julia programming language</a>.
   </div>
 </div>
+-->

config.md

@@ -16,6 +16,16 @@ generate_rss = true
 website_title = "JuliaParallel"
 website_descr = "JuliaParallel"
 website_url   = "https://juliaparallel.org/"
+
+# Author badges
+using DelimitedFiles
+author_badges_mat = readdlm("_assets/author-badges.dat", ':')
+author_badges = Dict()
+for i = 1:size(author_badges_mat,1)
+   author_badges[author_badges_mat[i]] =
+    rstrip.(lstrip.(split(author_badges_mat[i,2], ",")))
+end
+
 +++
 
 <!--

index.md

@@ -0,0 +1,2 @@
+{{news}}
+

news/2022/04/hello_world1.md

@@ -0,0 +1,14 @@
+@def post_title = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt"
+@def short_descr = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
+@def post_author = "Philip1"
+@def hascode = true
+@def date = Date(2022, 04, 04)
+@def rss = "Hello world"
+@def tags = ["hpc", "internals", "news"]
+
+# Lorem ipsum dolor sit amet
+\toc
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+{{addcomments}}