From 2fb8610e64f51f4180b96f96b2c63eec24f87dcb Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Fri, 4 Feb 2022 06:16:29 +0100
Subject: [PATCH] Finish fr

---
 components/theme-switcher.tsx   | 20 +++++++++++++
 pages/_app.tsx                  | 53 +++++++++++++++++++--------------
 pages/index.tsx                 | 37 +++++++++++++++++++++++
 pages/year3/paradigmi/index.tsx |  2 ++
 4 files changed, 89 insertions(+), 23 deletions(-)
 create mode 100644 components/theme-switcher.tsx

diff --git a/components/theme-switcher.tsx b/components/theme-switcher.tsx
new file mode 100644
index 0000000..76e7d01
--- /dev/null
+++ b/components/theme-switcher.tsx
@@ -0,0 +1,20 @@
+import { Form } from "@steffo/bluelib-react";
+import { createContext, useContext } from "react";
+
+export const Theme: any = createContext(["sophon", () => console.error("Setting theme outside of context")])
+
+export const ThemeSwitcher = () => {
+    const [theme, setTheme] = useContext(Theme)
+
+    return (
+        <Form>
+            <Form.Select label="Tema" value={theme} onSimpleChange={setTheme} options={{
+                "Royal Blue": "royalblue",
+                "The Sophonity": "sophon",
+                "Sheet of Paper": "paper",
+                "Hacker Terminal": "hacker",
+                "Gestione Amber": "amber",
+            }}/>
+        </Form>
+    )
+}
\ No newline at end of file
diff --git a/pages/_app.tsx b/pages/_app.tsx
index b22175b..fd0aebf 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -2,32 +2,39 @@ import "../styles/global.css"
 import type { AppProps } from 'next/app'
 import { Link } from "../components/link"
 import {Bluelib, Heading, LayoutThreeCol, Anchor as A, Footer} from "@steffo/bluelib-react"
+import { useState } from "react"
+import { BluelibTheme } from "@steffo/bluelib-react/dist/types"
+import { Theme } from "../components/theme-switcher"
 
 function MyApp({ Component, pageProps }: AppProps) {
+    const [theme, setTheme] = useState<BluelibTheme>("sophon")
+
 	return (
-        <Bluelib theme="sophon" id="root">
-            <LayoutThreeCol>
-                <LayoutThreeCol.Center>
-                    <Heading level={1}>
-                        <Link href="/">
-                            Unisteffo
-                        </Link>
-                    </Heading>
-                    <Component {...pageProps} />
-                </LayoutThreeCol.Center>
-            </LayoutThreeCol>
-            <Footer>
-                <p>
-                    © {new Date().getFullYear()} <A href="https://steffo.eu/">Stefano Pigozzi</A> - Tutto il contenuto del sito è reso disponibile con la licenza <A href="https://creativecommons.org/licenses/by-sa/3.0/it/">CC-BY-SA 3.0 IT</A>.
-                </p>
-                <p>
-                    Sito web <A href="https://github.com/Steffo99/appuntiweb-omega">open source</A> basato su <A href="https://github.com/Steffo99/bluelib">Bluelib</A> e <A href="https://github.com/Steffo99/bluelib-react">Bluelib React</A>
-                </p>
-                <p>
-                    Se il contenuto di questo sito ti è utile, <A href="https://ko-fi.com/steffo">offrimi un caffè</A>!
-                </p>
-            </Footer>
-        </Bluelib>
+        <Theme.Provider value={[theme, setTheme]}>
+            <Bluelib theme={theme} id="root">
+                <LayoutThreeCol>
+                    <LayoutThreeCol.Center>
+                        <Heading level={1}>
+                            <Link href="/">
+                                Unisteffo
+                            </Link>
+                        </Heading>
+                        <Component {...pageProps} />
+                    </LayoutThreeCol.Center>
+                </LayoutThreeCol>
+                <Footer>
+                    <p>
+                        © {new Date().getFullYear()} <A href="https://steffo.eu/">Stefano Pigozzi</A> - Tutto il contenuto del sito è reso disponibile con la licenza <A href="https://creativecommons.org/licenses/by-sa/3.0/it/">CC-BY-SA 3.0 IT</A>.
+                    </p>
+                    <p>
+                        Sito web <A href="https://github.com/Steffo99/appuntiweb-omega">open source</A> basato su <A href="https://github.com/Steffo99/bluelib">Bluelib</A> e <A href="https://github.com/Steffo99/bluelib-react">Bluelib React</A>
+                    </p>
+                    <p>
+                        Se il contenuto di questo sito ti è utile, <A href="https://ko-fi.com/steffo">offrimi un caffè</A>!
+                    </p>
+                </Footer>
+            </Bluelib>
+        </Theme.Provider>
 	)
 }
 
diff --git a/pages/index.tsx b/pages/index.tsx
index 481da97..5eb1112 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,6 +1,7 @@
 import { Heading, Chapter, Box, Idiomatic as I, Anchor as A, ListUnordered, ListOrdered } from '@steffo/bluelib-react'
 import type { NextPage } from 'next'
 import { Link } from "../components/link"
+import { ThemeSwitcher } from '../components/theme-switcher'
 
 
 const Home: NextPage = () => {
@@ -155,6 +156,42 @@ const Home: NextPage = () => {
                 </ListUnordered>
             </Box>
         </Chapter>
+        <Chapter>
+            <Box>
+                <Heading level={3}>
+                    Amici e colleghi
+                </Heading>
+                <ListUnordered>
+                    <ListUnordered.Item>
+                        <Link href="https://navigator.erre2.fermitech.info/erre2/erre2.fermitech.info/">
+                            Erre2 (Modena)
+                        </Link>
+                    </ListUnordered.Item>
+                    <ListUnordered.Item>
+                        <Link href="https://navigator.erre2.fermitech.info/erre2/erre2next.fermitech.info/">
+                            Erre2 Next (Bologna)
+                        </Link>
+                    </ListUnordered.Item>
+                    <ListUnordered.Item>
+                        <Link href="https://github.com/topics/unimore-informatica">
+                            [unimore-informatica] su GitHub
+                        </Link>
+                    </ListUnordered.Item>
+                    <ListUnordered.Item>
+                        <Link href="https://thor.steffo.eu/">
+                            Unimore Informatica Telegram
+                        </Link>
+                    </ListUnordered.Item>
+                </ListUnordered>
+
+            </Box>
+            <Box>
+                <Heading level={3}>
+                    Cambia tema
+                </Heading>
+                <ThemeSwitcher/>
+            </Box>
+        </Chapter>
     </>
 }
 
diff --git a/pages/year3/paradigmi/index.tsx b/pages/year3/paradigmi/index.tsx
index 3c36358..cd330dc 100644
--- a/pages/year3/paradigmi/index.tsx
+++ b/pages/year3/paradigmi/index.tsx
@@ -39,6 +39,8 @@ const Page: NextPage = () => {
                         <ListUnordered>
                             <ListUnordered.Item>
                                <Link href="https://gist.github.com/Steffo99/e6a8271f193303f40ddac4df2a366383">Tris in Prolog</Link>
+                            </ListUnordered.Item>
+                            <ListUnordered.Item>
                                <Link href="https://gist.github.com/Steffo99/426018f91fd24d93fab610df5366facc">Lunghezza di una lista in Prolog</Link>
                             </ListUnordered.Item>
                         </ListUnordered>