diff --git a/src/components/Panels/SubPanel.tsx b/src/components/Panels/SubPanel.tsx
new file mode 100644
index 0000000..e658eb3
--- /dev/null
+++ b/src/components/Panels/SubPanel.tsx
@@ -0,0 +1,10 @@
+import styles from 'styles/Panels/SubPanel.module.css'
+import panelStyles from 'styles/Panels/Panels.module.css'
+
+export default function SubPanel({children}) {
+ return (
+
+ {children}
+
+ )
+}
\ No newline at end of file
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
new file mode 100644
index 0000000..b4b204c
--- /dev/null
+++ b/src/pages/_app.tsx
@@ -0,0 +1,79 @@
+import type { AppProps } from 'next/app'
+import Head from 'next/head'
+import MainPanel from 'components/Panels/MainPanel'
+import 'styles/globals.css'
+
+function AccordsLibraryApp({ Component, pageProps }: AppProps) {
+
+
+ /* [BIG HACK]
+ Yes this is probably terrible, I'm trying to apply a different style to my appContainer div
+ depending on if the page uses a subpanel or contentpanel, or both, or neither. This is because
+ I want the first column to be always 20rem, the second one to be 20rem when it's the subbar, but
+ 1fr if it's the content...
+
+ Anyway, there is probably a much better way to do this, it it might backfire in my face in the future
+ Much love,
+
+ Mint
+ */
+
+ const componentProcessed = Component(pageProps)
+ let useSubPanel = false
+ let useContentPanel = false
+
+ const children = componentProcessed.props.children
+
+ if (Array.isArray(children)) {
+ children.forEach(child => {
+ if (child.type.name === "SubPanel") {
+ useSubPanel = true
+ } else if (child.type.name === "ContentPanel") {
+ useContentPanel = true
+ }
+ });
+
+ } else {
+
+ if (children.type.name === "SubPanel") {
+ useSubPanel = true
+ } else if (children.type.name === "ContentPanel") {
+ useContentPanel = true
+ }
+ }
+
+ let additionalClasses = ""
+ if (useSubPanel) additionalClasses += " withSubPanel"
+ if (useContentPanel) additionalClasses += " withContentPanel"
+
+ /* [End of BIG HACK] */
+
+ return (
+
+
Accord’s Library aims at gathering and archiving all of Yoko Taro’s work. Yoko Taro is a Japanese video game director and scenario writer. He is best-known for his work on the NieR and Drakengard (Drag-on Dragoon) franchises. To complement his games, Yoko Taro likes to publish side materials in the form of books, novellas, artbooks, stage plays, manga, drama CDs, and comics. Those side materials can be very difficult to find. His work goes all the way back to 2003, and most of them are out of print after having been released solely in Japan, sometimes in limited quantities. Their prices on the second hand market have skyrocketed, ranging all the way to hundreds if not thousand of dollars for the rarest items.
+
This is where this library takes its meaning, in trying to help the community grow by providing translators, writers, and wiki’s contributors a simple way to access these records filled with stories, artworks, and knowledge.
+
We are a small group of Yoko Taro’s fans that decided to join forces and create a website and a community. Our motto is Discover • Analyze • Translate • Archive (D.A.T.A. for short). We started with the goal of gathering and archiving as much side-materials/merch as possible. But since then, our ambition grew and we decided to create a full-fledged website that will also include news articles, lore, summaries, translations, and transcriptions. Hopefully one day, we will be up there in the list of notable resources for Drakengard and NieR fans.
+
What’s on this website?
+
The Compendium: This is where we will list every NieR/DOD/other Yoko Tato merch, games, books, novel, stage play, CD... well everything! For each, we will provide photos and/or scans of the content, information about what it is, when and how it was released, size, initial price...
+
News: Yes because we also want to create our own content! So there you will find translations, transcriptions, unboxing, news about future merch/game releases, maybe some guides. We don’t see this website as being purely a showcase of our work, but also of the community, and as such, we will be accepting applications for becoming contributors on the website. For the applicant, there is no deadline or article quota, it merely means that we will have access to the website Post Writing tools and will be able to submit a draft that can be published once verified by an editor. Anyway, that’s at least the plan, we will think more about this until the website’s official launch.
+
Data: There we will publish lore/knowledge about the Yokoverse: Dictionary, Timeline, Weapons Stories, Game summaries... We have not yet decided how deep we want to go as they are already quite a few resources out there.
+
Gallery: A fully tagged Danbooru-styled gallery with currently more than a thousand unique artworks. If you are unfamiliar with this kind of gallery, it comes with a powerful search function that allows you to search for specific images: want to search for images with both Caim and Inuart, just type Caim Inuart. If you want images of Devola OR Popola, you can use a comma Popola,Devola. You can also negate a tag: i.e. images of 9S without any pods around, search for 9S -Pods. Anyway, there is a lot more to it, you can click on "Syntax help" next to the Search button for even neater functions. Btw, you can create an account to favorite, upvote/downvote posts, or if you want to help tagging them. There isn’t currently a way for new users to upload images, you’ll have to contact us first and we can decide to enable this function on your account.
