index.html

---
layout: default
title: Welcome to Arras Energy!
cover: 'assets/images/darkblue2.jpg'
class: 'home-template'
navigation: True
logo: 'assets/images/arras.png'
current: home
---

<header class="main-header {% if page.cover %}"
        style="background-image: url(/{{ page.cover }}) {% else %}no-cover{% endif %}">
    <nav class="main-nav overlay clearfix">
        {% if page.logo %}<a class="blog-logo" href="/"><img src="/{{ page.logo }}" alt="Blog Logo" style="width: 125px; height: 45px;"/></a>{% endif %}
        {% if page.navigation %}
            <a class="menu-button icon-menu" href="#"><span class="word">Menu</span></a>
        {% endif %}
    </nav>
    <div class="vertical">
        <div class="main-header-content inner">
            <h1 class="page-title">{{ site.name }}</h1>
            <h2 class="page-description">{{ site.description }}</h2>
        </div>
    </div>
</header>

<main id="content" class="content" role="main">
</main>

<footer style="background-color: rgb(0, 0, 0); color: white; padding: 15px;">
  <div style="display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; margin-bottom: 40px;">
    <div style="margin: -25px; flex: 1;">
      <a href="https://github.com/arras-energy/" target="_blank">
        <img src="/assets/images/IMG_9272.jpg" alt="GitHub" style="max-width: 39%; margin-top: 10px;">
      </a>
    </div>   
    <div style="margin: -50px; flex: 1;">
      <a href="https://www.youtube.com/@slacgismotutorials/" target="_blank">
        <img src="/assets/images/youtube.png" alt="SLAC gismo youtube" style="max-width: 33%; margin-top: 10px;">
      </a>
    </div>   
              <div style="margin: -50px; flex: 1;">
      <a href="https://www.energy.gov/" target="_blank">
        <img src="/assets/images/DOE_Logo_White.png" alt="U.S. Department of Energy" style="max-width: 40%; margin-top: 10px;">
      </a>
    </div>
    <div style="margin: -50px; flex: 1;">
      <a href="https://www.hitachi.us/rd/HERO-GLOW-EPIC-Forum.html" target="_blank">
        <img src="/assets/images/hitachi.webp" alt="Hitachi GLOW" style="max-width: 35%; margin-top: 10px;">
      </a>
    </div> 
  </div>
  <div style="display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; margin-top: 40px;">
    <div style="margin: 7px -45px 2px; flex: 1;">
      <a href="https://lfenergy.org/" target="_blank">
        <img src="/assets/images/white-LF.png" alt="Linux Foundation" style="max-width: 57%; margin-top: 0px;">
      </a>
    </div>
    <div style="margin: -30px; flex: 1;">
      <a href="https://www6.slac.stanford.edu/" target="_blank">
        <img src="/assets/images/whiteslac.webp" alt="SLAC National Accelerator Laboratory" style="max-width: 47%; margin-top: 0px;">
      </a>
    </div>
          <div style="margin: -30px; flex: 1;">
      <a href="https://www.stanford.edu/" target="_blank">
        <img src="/assets/images/stanfordwhite.png" alt="Stanford University" style="max-width: 42%; margin-top: 0px;">
      </a>
    </div>
    <div style="margin: -120px; flex: 1;">
      <a href="https://www.energy.ca.gov/" target="_blank">
        <img src="/assets/images/cce.png" alt="California Comissions Energy" style="max-width: 14%; margin-top: 0px;">
      </a>
    </div>
  </div>
  <p style="text-align: center;">Copyright © Arras a Series of LF Projects, LLC</p>
</footer>