adding first project page - not yet connected to the main home and sh…

…ould not be deployed to pages Signed-off-by: vsoch <vsoch@users.noreply.github.com>
LLNL · Mar 5, 2022 · d0ef729 · d0ef729
1 parent bfb032c
commit d0ef729
Show file tree

Hide file tree

Showing 12 changed files with 632 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,5 @@
+_site
+.sass-cache
+.jekyll-cache
+.jekyll-metadata
+vendor
diff --git a/Gemfile b/Gemfile
@@ -0,0 +1,32 @@
+source "https://rubygems.org"
+# Hello! This is where you manage which Jekyll version is used to run.
+# When you want to use a different version, change it below, save the
+# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
+#
+#     bundle exec jekyll serve
+#
+# This will help ensure the proper Jekyll version is running.
+# Happy Jekylling!
+gem "jekyll", "~> 4.2.1"
+# This is the default theme for new Jekyll sites. You may change this to anything you like.
+gem "minima", "~> 2.5"
+# If you want to use GitHub Pages, remove the "gem "jekyll"" above and
+# uncomment the line below. To upgrade, run `bundle update github-pages`.
+# gem "github-pages", group: :jekyll_plugins
+# If you have any plugins, put them here!
+group :jekyll_plugins do
+  gem "jekyll-feed", "~> 0.12"
+end
+
+# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
+# and associated library.
+platforms :mingw, :x64_mingw, :mswin, :jruby do
+  gem "tzinfo", "~> 1.2"
+  gem "tzinfo-data"
+end
+
+# Performance-booster for watching directories on Windows
+gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin]
+
+
+gem "webrick", "~> 1.7"
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,14 @@
+title: RADIUSS
+email: radiuss@llnl.gov
+description: >- # this means to ignore newlines until "baseurl:"
+  The RADIUSS project aims to develop and deploy a common base of
+  foundational scientific software with opt-in adoption from laboratory
+  applications in order to reduce long-term software costs and increase
+  agility.
+
+baseurl: "/radiuss" 
+url: "" 
+
+theme: minima
+plugins:
+  - jekyll-feed
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -0,0 +1,16 @@
+<div class="footer flex">
+  <div class="item">
+    <a href="https://www.llnl.gov/" target="_blank"><img src="https://cdn.llnl.gov/onelab/latest/images/llnl.png" alt="LLNL" border="0" /></a>
+  </div>
+  <div class="item">
+  Lawrence Livermore National Laboratory <br /> 7000 East Avenue &bull; Livermore, CA 94550
+  </div>
+  <div class="item">
+  Operated by Lawrence Livermore National Security, LLC, for the <br /> Department of Energy's National Nuclear Security Administration.
+  </div>
+  <div class="item">
+    <a class="nnsa" href="https://nnsa.energy.gov/" target="_blank"><img src="https://cdn.llnl.gov/onelab/latest/images/nnsa.png" alt="NNSA" border="0" /></a>
+    <a class="doe" href="https://energy.gov/" target="_blank"><img src="https://cdn.llnl.gov/onelab/latest/images/doe_small.png" alt="U.S. DOE" border="0" /></a>
+    <a class="llns" href="http://www.llnsllc.com/" target="_blank"><img src="https://cdn.llnl.gov/onelab/latest/images/llns.png" alt="LLNS" border="0" /></a>
+  </div>
+</div>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>{{ site.title }}</title>
+  <meta name="description" content="{{ site.description }}">
+
+  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css'>
+  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>
+  <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,600">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+  <link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.0.6/css/all.css'>
+  <link rel='stylesheet' href='https://unpkg.com/@yaireo/tagify/dist/tagify.css'>
+  <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/style.css">
+  <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/main.css">
+</head>
+
+<style>
+.customSuggestionsList > div{
+  max-height: 300px;
+  border: 2px solid pink;
+  overflow: auto;
+}
+.tagify {
+  text-align: left;
+  background-color: white;
+  width: 100%;
+  max-width: 1000px;
+}
+
+.pen-intro{
+}
+
+input{
+  order: 5;
+}
+
+.tagify__input {
+    color: black !important;
+}
+
+label[for='checkbox-tagify-show-input']{
+  position: absolute;
+  top: .85em;
+  left: 2.5em;
+}
+
+label[for='checkbox-tagify-show-input'] + input{
+  position: absolute;
+  top: 1em;
+  left: 1em;
+  transform: scale(1.4);
+}
+
+label[for='checkbox-tagify-show-input'] + input:checked ~ input,
+label[for='checkbox-tagify-show-input'] + input:checked ~ textarea{
+  display: block !important;
+  width: 100%;
+  max-width: 1000px;
+  margin-top: 1.5em;
+}
+
+label[for='checkbox-tagify-show-input'] + input:checked ~ textaragifyea{
+    min-height: 11ch;
+}
+</style>
+
+<body>
+{{ content }}
+</body>
+</html>
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>{{ site.title }}</title>
+  <meta name="description" content="{{ site.description }}">
+
+  <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/style.css">
+  <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/vendors.min.css">
+
+  <script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>
+  <script src="{{ site.baseurl }}/assets/js/vendors.min.js"></script>
+  <script src="{{ site.baseurl }}/assets/js/main.js"></script>
+</head>
+<body>
+<div class="header">
+
+  <!--Content before waves-->
+  <div class="inner-header flex">
+    <div class="flex-column">
+      <div class="item">
+        <h1 class="radiuss">radiuss</h1>
+        <h2>Rapid Application Development via an Institutional Universal Software Stack</h2>
+      </div>
+    <div class="item abstract">
+      <p>
+        RADIUSS aims to develop and deploy a common base of foundational
+        scientific software with opt-in adoption from Lawrence Livermore
+        National Laboratory applications in order to reduce long-term software
+        costs and increase agility
+      </p>
+    </div>
+    </div>
+  </div>
+
+  <!--Waves Container-->
+  <div>
+  <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+  viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
+  <defs>
+  <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
+  </defs>
+  <g class="parallax">
+  <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(193,61,49,1)" />
+  <use xlink:href="#gentle-wave" x="48" y="7" fill="rgb(12,24,32)" />
+  </g>
+  </svg>
+  </div>
+  <!--Waves end-->
+
+  </div>
+  <!--Header ends-->
+
+  <!--Content starts-->
+  <div class="home-content flex centered-flex">
+    {{ content }}
+  </div>
+  {% include footer.html %}
+</body>
+</html>
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -0,0 +1,32 @@
+---
+layout: default
+---
+
+<style>
+
+.tagify {
+  margin: auto;
+  text-align: left;
+  background-color: white;
+  width: 100%;
+  max-width: 1000px;
+  flex-direction:row;
+}
+
+input{
+  order: 5;
+}
+
+.tagify__input {
+    color: black !important;
+}
+</style>
+
+
+<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
+<div class="content">
+
+{{ content }}
+
+</div>
+
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -0,0 +1,93 @@
+body div,
+body div * {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  color: #444;
+  font-family: sans-serif;
+  font-size: 16px;
+  line-height: 1.5;
+}
+.topbar {
+  height: 40px;
+  background-color: #dee4ee;
+  padding-left: 16px;
+  padding-right: 16px;
+  align-items: center;
+  flex-direction: row;
+}
+.topbar-menu {
+  font-size: 24px;
+  line-height: 24px;
+  color: #43597f;
+  font-weight: 100;
+  text-decoration: none;
+}
+.topbar-title {
+  line-height: 1;
+  margin-left: 16px;
+  color: #43597f;
+}
+.content {
+  padding-left: 16px;
+  padding-right: 16px;
+  padding-top: 32px;
+  padding-bottom: 32px;
+}
+.notification {
+  background-color: #dcd0fe;
+  padding: 16px;
+  border: 1px solid #cbb9fe;
+  margin-bottom: 32px;
+}
+.search {
+  border: 1px solid rgba(0,0,0,0.2);
+  padding-left: 15px;
+  padding-right: 15px;
+}
+.cards {
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin-left: -16px;
+}
+.card {
+  margin-left: 16px;
+  margin-top: 16px;
+  padding: 16px;
+  background-color: #fff;
+  border-radius: 8px;
+  box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
+  min-width: 260px;
+  max-width: 420px;
+  flex: 1;
+}
+.card-title {
+  line-height: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.card-tags {
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin-left: -8px;
+}
+.card-tag {
+  margin-top: 8px;
+  margin-left: 8px;
+  font-size: 12px;
+  font-weight: 500;
+  padding-left: 4px;
+  padding-right: 4px;
+  border-radius: 8px;
+  background-color: rgb(193, 61, 49);;
+  border: 2px solid #ff968d;
+  color: white;
+}
+.card-description {
+  padding-top: 8px;
+  border-top: 1px solid rgba(0,0,0,0.1);
+  margin-top: 16px;
+  font-size: 14px;
+  color: #999;
+}