Vorbereitungen für nextra v2

pages/_app.js

@@ -1,12 +1,12 @@
-import 'tailwindcss/tailwind.css';
+import '../styles.css';
 import 'nextra-theme-docs/style.css';
-import '../styles/globals.css';
 import Prism from 'prism-react-renderer/prism';
 
 (typeof global !== 'undefined' ? global : window).Prism = Prism;
 require('prismjs/components/prism-groovy');
 require('prismjs/components/prism-kotlin');
 
-export default function App({ Component, pageProps }) {
-  return <Component {...pageProps} />;
+export default function Nextra({ Component, pageProps }) {
+  const getLayout = Component.getLayout || ((page) => page);
+  return getLayout(<Component {...pageProps} />);
 }

pages/index.js

@@ -19,19 +19,21 @@ export default function Home() {
 
         <div className="flex flex-wrap items-center justify-around max-w-full mt-6 sm:w-full">
           <Link href="/prog">
-            <h1 className="cursor-pointer">Programmierung (TIF)</h1>
+            <h1 className="text-3xl font-bold cursor-pointer">
+              Programmierung (TIF)
+            </h1>
           </Link>
         </div>
 
         <div className="flex flex-wrap items-center justify-around max-w-full mt-6 sm:w-full">
           <Link href="/web-prog">
-            <h1 className="cursor-pointer">
+            <h1 className="text-3xl font-bold cursor-pointer">
               Web-Programmierung (WWI/WDS)
             </h1>
           </Link>
         </div>
 
-        <div className="flex flex-wrap items-center justify-around max-w-full mt-6 sm:w-full">
+        <div className="text-3xl font-bold flex flex-wrap items-center justify-around max-w-full mt-6 sm:w-full">
           <Link href="/mobile">
             <h1 className="cursor-pointer">
               Entwicklung mobiler Apps (TIF)

pages/meta.json

@@ -1,19 +1,19 @@
 {
   "prog": {
     "title": "Programmierung",
-    "type": "nav"
+    "type": "page"
   },
   "web-prog": {
     "title": "Web-Programmierung",
-    "type": "nav"
+    "type": "page"
   },
   "mobile": {
     "title": "Mobile Apps",
-    "type": "nav"
+    "type": "page"
   },
   "impressum": {
     "title": "Impressum",
-    "type": "nav",
+    "type": "page",
     "hidden": true
   }
 }

styles.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

tailwind.config.js

@@ -1,10 +1,6 @@
 module.exports = {
   content: [
-    './pages/**/*.{js,ts,jsx,tsx}',
+    './pages/**/*.{md,js,ts,mdx,jsx,tsx}',
     './components/**/*.{js,ts,jsx,tsx}',
   ],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
 };

theme.config.js

@@ -1,4 +1,5 @@
 export default {
+  projectLink: 'https://github.com/behrends/workshops',
   github: 'https://github.com/behrends/workshops', // project repo
   docsRepositoryBase: 'https://github.com/behrends/workshops', // docs repo
   titleSuffix: '',
@@ -8,9 +9,12 @@ export default {
   unstable_stork: false,
   darkMode: true,
   defaultMenuCollapsed: false,
+  feedbackLink: () => 'Fragen / Rückmeldung auf GitHub →',
+  feedbackLabels: 'feedback',
   floatTOC: true,
   font: true,
   footer: true,
+  footerEditLink: 'Diese Seite bei GitHub →',
   footerText: (
     <span>
       <abbr
@@ -40,8 +44,6 @@ export default {
       </a>
     </span>
   ),
-  // footerText: `© ${new Date().getFullYear()} Erik Behrends.`,
-  footerEditLink: 'Diese Seite kommentieren oder bearbeiten.',
   logo: <span className="font-extrabold">Workshops</span>,
   head: (
     <>