Wiki/index.html at beta · okNimpp/Wiki · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
---
title: Homepage
layout: wrapper
description: The Camellia Wiki includes the focus on Camellia, his works, and rhythm games he has associated with. We encourage you to take a look!
---

<!-- Add some styles to things -->
<style type="text/css" media="screen">
  #titleContainer #footNote {
    color: white;
    margin-bottom: 16px;
  }
  .card {
    max-width: fit-content;
    margin-bottom: 10px;
  }
  .cardBackground {
    max-width: 1220px;
  }
  .alignmentContainer {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  #homePageDisclaimer {
    background: url(/assets/images/home-header.png) no-repeat center center/cover;
    text-align: center;
    border-radius: 10px;
    width: 20%;
    padding: 20px;
    margin-bottom: 20px;
  }
  #homePageDisclaimer p {
    color: white;
    font-size: 20px;
  }
</style>

<!-- For some odd shit reason, the cardHeader class is being applied to h2 by default -->
<!-- Let's not add the cardHeader class to h2s in this home page -john -->
<main>
  <div id="titleContainer">
    <h1>Welcome to the Camellia Wiki</h1>
    <p id="footNote">Where most of Camellia's work is documented. Including the fandom.</p>
  </div>
  <a id="homePageDisclaimer" href="https://alpha.camellia.wiki/"><p>Click here to check out the new wiki!</p></a>
  <div class="cardBackground">
    <div id="wikiArticle">
      <div class="alignmentContainer">
        <div class="card">
          <div class="cardContents">
            <h2>Let's Get Started!</h2>
            <p>
              The Header has important buttons to keep in mind. The navigation bar, the search bar, the GitHub button, and the Discord
              button.
            </p>
            <p>
              Each of these buttons serves a purpose with navigation, including navigating you out of the site! It is recommended to use
              this homepage or the sidebar when exploring the site (to access the sidebar, click the hamburger icon on the top far left). If
              you don't know what you're looking for, use the search bar in the header to search for an article. You can search for author
              names, too!
            </p>
          </div>
        </div>
        <div class="masonryLayout">
          {% for post in site.categories.postsWiki %}
          <div class="miniCard">
            <div class="cardContents">
              <h2>{{ post.title }}</h2>
              <p>{{ post.description }}</p>
              <div class="buttonDefault">
                <a href="{{ post.url }}">Read this Article <i class="ph-bold ph-caret-right"></i></a>
              </div>
              {% assign includedCategories = post.include | split: ', ' %} {% assign includedPosts = site.categories.postsInclude |
              where_exp: "incPost", "includedCategories contains incPost.title" %} {% if includedPosts.size > 0 %}
              <h3>What's also Included</h3>
              <hr />
              <ul>
                {% for includedPost in includedPosts %}
                <li>
                  <a href="{{ includedPost.url }}">{{ includedPost.title }}</a>
                </li>
                {% endfor %} {% endif %}
              </ul>
            </div>
          </div>
          {% endfor %}
        </div>
      </div>
      <div id="navWedge">
        <div id="navWedgeContainer">
          <h3>Other Articles</h3>
          <hr />
          <nav id="navWedgeItems">
            <h3>News</h3>
            <ol>
              {% for post in site.categories.postsNews %}
              <div class="buttonDefault">
                <a href="{{ post.url }}"
                  >{{ post.title }}
                  <div class="author">Written by {{ post.author }}</div></a
                >
              </div>
              {% endfor %}
            </ol>
            <h3>Community Posts</h3>
            <ol>
              {% for post in site.categories.postsBlog %}
              <div class="buttonDefault">
                <a href="{{ post.url }}"
                  >{{ post.title }}
                  <div class="author">Written by {{ post.author }}</div></a
                >
              </div>
              {% endfor %}
            </ol>
          </nav>
        </div>
      </div>
    </div>
  </div>
</main>