Radish alpha
r
radicle.xyz
rad:z371PVmDHdjJucejRoRYJcDEvD5pp
Radicle website including documentation and guides
Radicle
Git
Commits › 86e80c6
Add index page
Alexis Sellier committed 2 years ago
commit 86e80c6136bfb6bc0e997972c3d6294e3c4c55aa
parent d56e6cd
3 files changed +70 -2
added _layouts/default.html
@@ -0,0 +1,39 @@
+ 
<!DOCTYPE html>
+ 
<html lang="{{ site.lang | default: "en-US" }}">
+ 
  <head>
+ 
    <title>
+ 
      {% if page.title %}
+ 
        {{ page.title }}
+ 
      {% else %}
+ 
        {{ site.title }}
+ 
      {% endif %}
+ 
    </title>
+ 
    <meta name="viewport" content="width=device-width, initial-scale=1">
+ 
    <meta charset="utf-8">
+ 
    <meta name="twitter:site" content="@radicle" />
+ 
    <meta name="twitter:creator" content="@radicle" />
+ 
    <link rel="shortcut icon" href="/assets/images/radicle.svg"/>
+ 
    <link rel="stylesheet" href="{{ "/assets/css/fonts.css" | relative_url }}">
+ 
    <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
+ 
    <link rel="stylesheet" href="{{ "/assets/css/monokai.css" | relative_url }}">
+ 
  </head>
+ 
  <body>
+ 
    <header>
+ 
      <div class="title">
+ 
        <a href="{{ "/" | relative_url }}">
+ 
          <img src="{{ "/assets/images/radicle.svg" | relative_url }}" alt="" />
+ 
        </a>
+ 
      </div>
+ 
      <nav>
+ 
      </nav>
+ 
    </header>
+ 
    <main>
+ 
      <h1>{{ page.title }}</h1>
+ 
      <p class="subtitle">{{ page.subtitle }}</p>
+ 
      {{ content }}
+ 
    </main>
+ 
    <footer>
+ 
      &copy; The Radicle Team
+ 
    </footer>
+ 
  </body>
+ 
</html>
modified assets/css/main.css
@@ -275,10 +275,12 @@ figcaption, aside {
a {

  color: unset;

  text-decoration: unset;
- 
  border-bottom: 1px solid var(--color-fg-dim-2);

}
- 
a:hover {
+ 
p a {
+ 
  border-bottom: 1px solid var(--color-fg-dim-2);
+ 
}
+ 
p a:hover {

  border-bottom-color: var(--color-fg-dim-1);

}
@@ -310,6 +312,18 @@ span.highlight-secondary {
  color: var(--color-fg-highlight-secondary);

}
+ 
.button {
+ 
  color: var(--color-fg-highlight);
+ 
  font-weight: var(--font-weight-semibold);
+ 
  padding: 1rem 2rem;
+ 
  border: 2px solid var(--color-fg-highlight);
+ 
  border-radius: 4px;
+ 
}
+ 
.button:hover {
+ 
  color: white;
+ 
  background-color: var(--color-fg-highlight);
+ 
}
+ 


.toc {

  display: flex;

  flex-direction: column;
@@ -322,6 +336,7 @@ span.highlight-secondary {
}



.toc a {
+ 
  border-bottom-width: 1px;

  border-bottom-style: none;

}

.toc a:hover {
added index.md
@@ -0,0 +1,14 @@
+ 
---
+ 
title: Radicle Docs
+ 
subtitle: Everything you ever wanted to know
+ 
layout: default
+ 
---
+
+ 
<style>
+ 
  .menu { display: flex; gap: 1rem; }
+ 
</style>
+
+ 
<div class="menu">
+ 
  <a class="button" href="/guides/protocol">Protocol Guide &rarr;</a>
+ 
  <a class="button" href="/guides/seeder">Seeder's Guide &rarr;</a>
+ 
</div>