Add license; make corrections; cleanup

pages/about.tsx

@@ -1,28 +1,36 @@
 import ReactMarkdown from 'react-markdown';
-
-// @ts-ignore
 import ReadmeMd from '../README.md';
+import License from '../LICENSE.txt';
 import Layout from '../components/layout';
 
 function AboutPage() {
     return (
         <Layout name='About' title='About PaulW.XYZ'>
             <section className='block'>
-                This is a personal website written by <a href='https://github.com/LambdaPaul'>@LambdaPaul</a>.<br /><br />
-                Why did I write this?
-                I do not really know, at least the content I put here. I guess I wanted a place on the web where I wanted to put everything I think is worth looking at some point in the future.
-                <br />
-                <br />
-                It seems wise to have things up here even though they may embarrass me at some point in the future, as many of the things I have done in the past have.
-                Got any questions, concerns, or issues? Feel free to contact me via my email: <code>lambdapaul [at] pm [dot] me</code>.
+                <p>This is a personal website written by <a href='https://github.com/LambdaPaul'>@LambdaPaul</a>.</p>
+                <p>Why did I write this?
+                I do not really know, at least the content I put here.
+                I guess I wanted a place on the web where I wanted to put everything I think is worth looking at some point in the future.
+                It seems wise to have things up here even though they may not be worthwhile, as many things ultimately are not.</p>
+                <p>Got any questions, concerns, or issues? Contact me via my email: <code>lambdapaul [at] pm [dot] me</code>.</p>
+            </section>
+            <hr />
+            <section className='block'>
+                <p>Source for this site is available at <a className='button link extern blue' href='https://github.com/LambdaPaul/www'>GitHub / LambdaPaul / www</a></p>
+                <p>Relevant information regarding the source is available on the repo and is also provided below.</p>
             </section>
             <section className='block'>
+                <h2>README</h2>
                 <ReactMarkdown>
                     {ReadmeMd.replace(/^#{1,5} /g, (s: string) => { return `#${s}` })}
                 </ReactMarkdown>
             </section>
+            <section className='block'>
+                <h2>LICENSE</h2>
+                <pre>{License}</pre>
+            </section>
         </Layout>
-    )
+    );
 }
 
 export default AboutPage;

pages/index.tsx

@@ -8,15 +8,9 @@ import { getNotesMeta, getPostsMeta, NoteMeta, PostMeta } from '../util/slug';
 function HomePage({ postsMeta, notesMeta }: { postsMeta: PostMeta[], notesMeta: NoteMeta[] }) {
     return (
         <Layout name='' title='PaulW.XYZ'>
-            <section className='block'>
-                <QuickLinks />
-            </section>
-            <section className='block'>
-                <RecentPosts postsMeta={postsMeta} />
-            </section>
-            <section className='block'>
-                <RecentNotes notesMeta={notesMeta} />
-            </section>
+            <QuickLinks />
+            <RecentPosts postsMeta={postsMeta} />
+            <RecentNotes notesMeta={notesMeta} />
         </Layout>
     )
 }

pages/notes/[page].tsx

@@ -22,8 +22,8 @@ function Note({ note }: any) {
                                         style={monokaiSublime}
                                         wrapLongLines={true}
                                         PreTag='div'
-                                        codeTagProps={{style: {display: 'block'}}}
-                                        customStyle={{padding:'0', borderRadius: '1rem', maxHeight: '400px'}}
+                                        codeTagProps={{ style: { display: 'block' } }}
+                                        customStyle={{ padding: '0', borderRadius: '1rem' }}
                                         {...props}
                                     >{children}</SyntaxHighlighter>
                                 )

pages/posts/[page].tsx

@@ -6,13 +6,13 @@ import style from '../../styles/post.module.css';
 function Post({ post }: any) { // eh
     return (<>
         <Layout name={post.title} title={post.title} ancestors={[{ name: 'Posts', path: 'posts' }]}>
-        <div className={style.imageBlock} style={{ backgroundImage: post.cover ? `url(/assets/images/${post.cover})` : '' }}></div>
-
-                <div className={style.spacer}></div>
-                <section className={`${style.block} block`}>
-                    <ReactMarkdown>{post.content}</ReactMarkdown>
-                </section>
-                <div className={style.spacer}></div>
+            {post.cover
+                && <div className={style.imageBlock} style={{ backgroundImage: `url(/assets/images/${post.cover})` }}></div>}
+            <div className={style.spacer}></div>
+            <section className={`${style.block} block`}>
+                <ReactMarkdown>{post.content}</ReactMarkdown>
+            </section>
+            <div className={style.spacer}></div>
         </Layout>
 
     </>