style: add backing panel to page contents

OliverBooth/Pages/Books.cshtml

@@ -10,10 +10,11 @@
     ViewData["Title"] = "Reading List";
 }
 
+<main class="container">
     <h1 class="display-4">Reading List</h1>
     <p>
-    This is a list of the books I've read, I'm currently reading, or that I plan to read. Not every book is listed here,
+        This is a list of the books I've read, I'm currently reading, or that I plan to read. Not every book is listed
-    but I will update this list as I try to remember what it is I've read in the past.
+        here, but I will update this list as I try to remember what it is I've read in the past.
     </p>
     <p>
         This list is also available on <a href="https://www.goodreads.com/review/list/145592619">Goodreads</a>.
@@ -38,7 +39,9 @@
                     @book.Title.Trim()
                 </td>
                 <td>@book.Author.Trim()</td>
-            <td style="font-family: monospace">@book.Isbn.Trim()<br><img src="@book.GetBarcode()" alt="@book.Isbn"></td>
+                <td style="font-family: monospace">
+                    @book.Isbn.Trim()<br><img src="@book.GetBarcode()" alt="@book.Isbn">
+                </td>
             </tr>
         }
         </tbody>
@@ -63,7 +66,9 @@
                     @book.Title.Trim()
                 </td>
                 <td>@book.Author.Trim()</td>
-            <td style="font-family: monospace">@book.Isbn.Trim()<br><img src="@book.GetBarcode()" alt="@book.Isbn"></td>
+                <td style="font-family: monospace">
+                    @book.Isbn.Trim()<br><img src="@book.GetBarcode()" alt="@book.Isbn">
+                </td>
             </tr>
         }
         </tbody>
@@ -88,8 +93,11 @@
                     @book.Title.Trim()
                 </td>
                 <td>@book.Author.Trim()</td>
-            <td style="font-family: monospace">@book.Isbn.Trim()<br><img src="@book.GetBarcode()" alt="@book.Isbn"></td>
+                <td style="font-family: monospace">
+                    @book.Isbn.Trim()<br><img src="@book.GetBarcode()" alt="@book.Isbn">
+                </td>
             </tr>
         }
         </tbody>
     </table>
+</main>

OliverBooth/Pages/Contact/Blacklist.cshtml

@@ -6,11 +6,12 @@
     ViewData["Title"] = "Blacklist";
 }
 
+<main class="container">
     <h1 class="display-4">Contact Blacklist</h1>
     <p>
-    Below is a list of email addresses that have been blocked from contacting me. This list is public so that others may
+        Below is a list of email addresses that have been blocked from contacting me. This list is public so that others
-    also block these addresses if they wish. Any email address that contains an asterisk (*) is a wildcard, meaning that
+        may also block these addresses if they wish. Any email address that contains an asterisk (*) is a wildcard,
-    any email address that matches the pattern will be blocked.
+        meaning that any email address that matches the pattern will be blocked.
     </p>
 
     <p>
@@ -34,3 +35,4 @@
             </tr>
         }
     </table>
+</main>

OliverBooth/Pages/Contact/Index.cshtml

@@ -3,19 +3,20 @@
     ViewData["Title"] = "Contact";
 }
 
+<main class="container">
     <h1 class="display-4">Contact</h1>
     <p>
-    Thanks for getting in touch! While I do my best to read to all inquiries, I cannot guarantee that I will be able to
+        Thanks for getting in touch! While I do my best to read to all inquiries, I cannot guarantee that I will be able
-    respond to your message. Nevertheless, I appreciate you taking the time to reach out to me and I will respond if I
+        to respond to your message. Nevertheless, I appreciate you taking the time to reach out to me and I will respond
-    can.
+        if I can.
     </p>
 
     <div class="alert alert-warning">
         <p class="lead"><i class="fa-solid fa-triangle-exclamation"></i> Spam warning</p>
         <p>
             I am politely asking that you respect my inbox and keep your unsolicited advertising away. This is a simple
-        request. If you send me any kind of spam after this, you have demonstrated that you do not have the basic human
+            request. If you send me any kind of spam after this, you have demonstrated that you do not have the basic
-        decency to respect my wishes or my privacy, and you have lost the privilege for me to respect yours. I
+            human decency to respect my wishes or my privacy, and you have lost the privilege for me to respect yours. I
             <strong>will</strong> block your email address, and I will add your name to my public blacklist of spammers,
             which you can find <a asp-page="/Contact/Blacklist">here</a>.
         </p>
@@ -24,13 +25,13 @@
     <div class="alert alert-info">
         <p class="lead"><i class="fa-solid fa-circle-info"></i> Dear SEO marketing teams</p>
         <p>
-        While I don't necessarily consider receiving legitimate offers for SEO services to be spam, I am not interested
+            While I don't necessarily consider receiving legitimate offers for SEO services to be spam, I am not
-        in your services at this time. I understand that you are just doing your job, but hopefully you can do it more
+            interested in your services at this time. I understand that you are just doing your job, but hopefully you
-        efficiently by going to others who are more receptive to your services.
+            can do it more efficiently by going to others who are more receptive to your services.
         </p>
         <p>
-        Do not contact me about SEO services. If you do, while I will not publicly blacklist your address, you will -
+            Do not contact me about SEO services. If you do, while I will not publicly blacklist your address, you
-        however - be blocked.
+            will - however - be blocked.
         </p>
     </div>
 
@@ -61,3 +62,4 @@
 
         <button class="btn btn-primary" style="margin-top: 10px;">Submit</button>
     </form>
+</main>

OliverBooth/Pages/Donate.cshtml

@@ -3,21 +3,22 @@
     ViewData["Title"] = "Donate";
 }
 
+<main class="container">
     <h1 class="display-4">Donate</h1>
 
     <p>
-    I believe in free and open exchange of information, and I want to keep my educational content free for everyone to
+        I believe in free and open exchange of information, and I want to keep my educational content free for everyone
-    access. I will never put ads on my site, and I don't want to put behind a paywall resources that should be available
+        to access. I will never put ads on my site, and I don't want to put behind a paywall resources that should be
-    to everybody, regardless of their financial situation.
+        available to everybody, regardless of their financial situation.
     </p>
     <p>
         However, writing tutorials takes time, and I do have to pay for hosting. While I will never ask you for money, I
-    will always appreciate it if you do decide to donate. It also helps me to know that people are finding my content
+        will always appreciate it if you do decide to donate. It also helps me to know that people are finding my
-    useful, and that I should continue to make more.
+        content useful, and that I should continue to make more.
     </p>
     <p>
-    If you like what I do and are both willing and able to donate money to me and fund all of this, you can do so using
+        If you like what I do and are both willing and able to donate money to me and fund all of this, you can do so
-    the links below. Thank you for your support!
+        using the links below. Thank you for your support!
     </p>
 
     <p>
@@ -35,3 +36,4 @@
         <li>BTC: 1LmXvavJr1omscfkXjp7A4VyNf3XhKP9JK</li>
         <li>ETH: 0x972C6641e36e2736823A6B1e6BA4D2A814b69fD2</li>
     </ul>
+</main>

OliverBooth/Pages/Index.cshtml

@@ -1,5 +1,6 @@
 @page
 
+<main class="container">
     <h1 class="display-4">Hi, I'm Oliver.</h1>
     <p class="lead">I'm a tech enthusiast, coffee drinker, and software developer.</p>
 
@@ -8,10 +9,11 @@
     </p>
 
     <p>
-    My primary focus is C#, though I have dabbled in several other languages such as Java, Kotlin, VB, C/C++, Python,
+        My primary focus is C#, though I have dabbled in several other languages such as Java, Kotlin, VB, C/C++,
-    and others. Over the years I've built up a collection of projects. Some of which I'm extremely proud of, and others
+        Python, and others. Over the years I've built up a collection of projects. Some of which I'm extremely proud of,
-    I've quietly abandoned and buried. I'm currently working on a few projects that I hope to release in the near
+        and others I've quietly abandoned and buried. I'm currently working on a few projects that I hope to release in
-    future, but in the meantime, feel free to check out some of my <a asp-page="/Projects/Index">previous work</a>.
+        the near future, but in the meantime, feel free to check out some of my
+        <a asp-page="/Projects/Index">previous work</a>.
     </p>
 
     <p>
@@ -22,9 +24,10 @@
     </p>
 
     <p>
-    If you want a general overview of stuff I've made, check out my <a href="https://github.com/oliverbooth">GitHub</a>,
+        If you want a general overview of stuff I've made, check out my
-    <a href="https://oliverbooth.itch.io">itch.io</a>, and
+        <a href="https://github.com/oliverbooth">GitHub</a>, <a href="https://oliverbooth.itch.io">itch.io</a>, and
         <a href="https://play.google.com/store/apps/dev?id=9010459220239503006">Google Play</a>.
     </p>
 
     <p>If you'd like to get in touch, you can do so by <a asp-page="/Contact/Index">clicking here</a>.</p>
+</main>

OliverBooth/Pages/Privacy/FiveOClockSomewhere.cshtml

@@ -3,6 +3,7 @@
     ViewData["Title"] = "It's 5 O'Clock Somewhere Privacy Policy";
 }
 
+<main class="container">
     <h1 class="display-4">@ViewData["Title"]</h1>
     <p class="lead">Last Updated: 24 September 2023</p>
     <div class="alert alert-primary">
@@ -17,39 +18,39 @@
 
     <h2>Introduction</h2>
     <p>
-    I am committed to protecting your privacy and ensuring the security of any information you provide to me when using
+        I am committed to protecting your privacy and ensuring the security of any information you provide to me when
-    my applications. This Privacy Policy outlines my practices regarding the collection, use, and disclosure of
+        using my applications. This Privacy Policy outlines my practices regarding the collection, use, and disclosure
-    information I may gather from users of the Application.
+        of information I may gather from users of the Application.
     </p>
 
     <h2>Information I Collect</h2>
     <p>
-    The Application will temporarily read your device's clock to determine the current time. This information is sent to
+        The Application will temporarily read your device's clock to determine the current time. This information is
-    the Application's server to determine an accurate and time-zone aware response to you, the user. This information is
+        sent to the Application's server to determine an accurate and time-zone aware response to you, the user. This
-    not stored or retained on the server. I do not use cookies, tracking technologies, or any other means to collect or
+        information is not stored or retained on the server. I do not use cookies, tracking technologies, or any other
-    track your usage behavior within the Application. I do not have access to any personal data, including your name,
+        means to collect or track your usage behavior within the Application. I do not have access to any personal data,
-    email address, or any other personally identifiable information.
+        including your name, email address, or any other personally identifiable information.
     </p>
 
     <h2>Use of Information</h2>
     <p>
-    The Application uses the little information it collects from you to provide the Application's functionality to you.
+        The Application uses the little information it collects from you to provide the Application's functionality to
-    This information is not used for any other purpose.
+        you. This information is not used for any other purpose.
     </p>
 
 
     <h2>Disclosure of Information</h2>
     <p>
         I do not disclose your personal information to any third parties unless required by law or with your explicit
-    consent. I maintain strict confidentiality and take reasonable precautions to protect your personal information from
+        consent. I maintain strict confidentiality and take reasonable precautions to protect your personal information
-    unauthorized access, use, or disclosure.
+        from unauthorized access, use, or disclosure.
     </p>
 
     <h2>Security</h2>
     <p>
         I prioritize the security of your personal information and take reasonable precautions to protect it. However,
-    please be aware that no method of transmission over the internet or electronic storage is 100% secure, and I cannot
+        please be aware that no method of transmission over the internet or electronic storage is 100% secure, and I
-    guarantee absolute security.
+        cannot guarantee absolute security.
     </p>
 
     <h2>Changes to this Privacy Policy</h2>
@@ -64,3 +65,4 @@
         If you have any questions or concerns about this Privacy Policy or my privacy practices, please
         <a asp-page="/Contact/Index">get in touch</a>.
     </p>
+</main>

OliverBooth/Pages/Privacy/GooglePlay.cshtml

@@ -3,39 +3,40 @@
     ViewData["Title"] = "Google Play Privacy Policy";
 }
 
+<main class="container">
     <h1 class="display-4">@ViewData["Title"]</h1>
     <p class="lead">Last Updated: 24 September 2023</p>
     <div class="alert alert-primary">
-    This Privacy Policy differs from the policy that applies to this website. For this website's privacy policy, please
+        This Privacy Policy differs from the policy that applies to this website. For this website's privacy policy,
-    <a asp-page="/Privacy/Index">click here</a>.
+        please <a asp-page="/Privacy/Index">click here</a>.
     </div>
     <div class="alert alert-warning">
-    This Privacy Policy does not apply to the application <em>It's 5 O'Clock Somewhere</em>. For the privacy policy that
+        This Privacy Policy does not apply to the application <em>It's 5 O'Clock Somewhere</em>. For the privacy policy
-    applies to that application, please <a asp-page="/Privacy/FiveOClockSomewhere">click here</a>.
+        that applies to that application, please <a asp-page="/Privacy/FiveOClockSomewhere">click here</a>.
     </div>
 
     <p>
-    This Privacy Policy describes how your personal information is collected, used, and shared when you use or interact
+        This Privacy Policy describes how your personal information is collected, used, and shared when you use or
-    with applications that I publish on the <a href="https://play.google.com/store/">Google Play Store</a>.
+        interact with applications that I publish on the <a href="https://play.google.com/store/">Google Play Store</a>.
     </p>
 
     <h2>Introduction</h2>
     <p>
-    I am committed to protecting your privacy and ensuring the security of any information you provide to me when using
+        I am committed to protecting your privacy and ensuring the security of any information you provide to me when
-    my applications. This Privacy Policy outlines my practices regarding the collection, use, and disclosure of
+        using my applications. This Privacy Policy outlines my practices regarding the collection, use, and disclosure
-    information I may gather from users of my applications.
+        of information I may gather from users of my applications.
     </p>
 
     <h2>Information I Collect</h2>
     <p>
         I do not collect any personally identifiable information about you when you use my applications. I do not use any
-    cookies or similar tracking technologies that can identify individual users or track your usage behavior within the
+        cookies or similar tracking technologies that can identify individual users or track your usage behavior within
-    application.
+        the application.
     </p>
     <p>
-    However, please note that my applications may make use of third party integrations such as Google Play Services or
+        However, please note that my applications may make use of third party integrations such as Google Play Services
-    others. I am not responsible for the privacy practices or content of these third-party services. I encourage you to
+        or others. I am not responsible for the privacy practices or content of these third-party services. I encourage
-    review the privacy policies of those third-party services before providing any personal information.
+        you to review the privacy policies of those third-party services before providing any personal information.
     </p>
 
     <h2>Use of Information</h2>
@@ -45,15 +46,15 @@
     <p>I do not share any personal information about you because I do not collect any such information.</p>
     <p>
         However, please be aware that my applications contains links to third-party websites and services. I am not
-    responsible for the privacy practices or content of these third-party sites. I encourage you to review the privacy
+        responsible for the privacy practices or content of these third-party sites. I encourage you to review the
-    policies of those third-party sites before providing any personal information.
+        privacy policies of those third-party sites before providing any personal information.
     </p>
 
     <h2>Security</h2>
     <p>
         I prioritize the security of your personal information and take reasonable precautions to protect it. However,
-    please be aware that no method of transmission over the internet or electronic storage is 100% secure, and I cannot
+        please be aware that no method of transmission over the internet or electronic storage is 100% secure, and I
-    guarantee absolute security.
+        cannot guarantee absolute security.
     </p>
 
     <h2>Changes to this Privacy Policy</h2>
@@ -68,3 +69,4 @@
         If you have any questions or concerns about this Privacy Policy or my privacy practices, please
         <a asp-page="/Contact/Index">get in touch</a>.
     </p>
+</main>

OliverBooth/Pages/Privacy/Index.cshtml

@@ -3,6 +3,7 @@
     ViewData["Title"] = "Privacy Policy";
 }
 
+<main class="container">
     <h1 class="display-4">@ViewData["Title"]</h1>
     <p class="lead">Last Updated: 26 May 2023</p>
     <div class="alert alert-primary">
@@ -17,9 +18,9 @@
 
     <h2>Introduction</h2>
     <p>
-    I am committed to protecting your privacy and ensuring the security of any information you provide to me when using
+        I am committed to protecting your privacy and ensuring the security of any information you provide to me when
-    my website. This Privacy Policy outlines my practices regarding the collection, use, and disclosure of information I
+        using my website. This Privacy Policy outlines my practices regarding the collection, use, and disclosure of
-    may gather from users of my website.
+        information I may gather from users of my website.
     </p>
 
     <h2>Information I Collect</h2>
@@ -32,9 +33,9 @@
     <p>I do not use any cookies or similar tracking technologies that can identify individual users.</p>
     <p>
         Please note that my website includes a Disqus integration for commenting on blog posts. Disqus is a third-party
-    service, and their use of cookies and collection of personal information are governed by their own privacy policies.
+        service, and their use of cookies and collection of personal information are governed by their own privacy
-    I have no control over the information collected by Disqus, and I encourage you to review their privacy policy to
+        policies. I have no control over the information collected by Disqus, and I encourage you to review their
-    understand how your information may be used by them.
+        privacy policy to understand how your information may be used by them.
     </p>
 
     <h2>Use of Information</h2>
@@ -44,28 +45,28 @@
         sell, or share it with any third parties unless required by law or with your explicit consent.
     </p>
     <p>
-    I do not use your personal information for marketing purposes or send you any unsolicited communications. Once our
+        I do not use your personal information for marketing purposes or send you any unsolicited communications. Once
-    conversation is complete and no longer necessary, I will securely delete your personal information unless otherwise
+        our conversation is complete and no longer necessary, I will securely delete your personal information unless
-    required to retain it by applicable laws or regulations.
+        otherwise required to retain it by applicable laws or regulations.
     </p>
 
     <h2>Disclosure of Information</h2>
     <p>
         I do not disclose your personal information to any third parties unless required by law or with your explicit
-    consent. I maintain strict confidentiality and take reasonable precautions to protect your personal information from
+        consent. I maintain strict confidentiality and take reasonable precautions to protect your personal information
-    unauthorized access, use, or disclosure.
+        from unauthorized access, use, or disclosure.
     </p>
     <p>
-    However, please be aware that my website contains links to third-party websites and services. I am not responsible
+        However, please be aware that my website contains links to third-party websites and services. I am not
-    for the privacy practices or content of these third-party sites. I encourage you to review the privacy policies of
+        responsible for the privacy practices or content of these third-party sites. I encourage you to review the
-    those third-party sites before providing any personal information.
+        privacy policies of those third-party sites before providing any personal information.
     </p>
 
     <h2>Security</h2>
     <p>
         I prioritize the security of your personal information and take reasonable precautions to protect it. However,
-    please be aware that no method of transmission over the internet or electronic storage is 100% secure, and I cannot
+        please be aware that no method of transmission over the internet or electronic storage is 100% secure, and I
-    guarantee absolute security.
+        cannot guarantee absolute security.
     </p>
 
     <h2>Changes to this Privacy Policy</h2>
@@ -84,3 +85,4 @@
     <hr/>
 
     <p>By using my website, you signify your acceptance of this Privacy Policy.</p>
+</main>

OliverBooth/Pages/Projects/Index.cshtml

@@ -6,6 +6,7 @@
     ViewData["Title"] = "Projects";
 }
 
+<main class="container">
     <h1 class="display-4">Projects</h1>
 
     @foreach (IProject[] chunk in ProjectService.GetProjects(ProjectStatus.Ongoing).OrderBy(p => p.Rank).Chunk(2))
@@ -103,3 +104,4 @@
             }
         </div>
     }
+</main>

OliverBooth/Pages/Tutorials/Index.cshtml

@@ -3,13 +3,14 @@
     ViewData["Title"] = "Tutorials";
 }
 
+<main class="container">
     <h1 class="display-4">Tutorials</h1>
     <p class="lead">Coming Soon</p>
     <p>
         Due to Unity's poor corporate decision-making, I'm left in a position where I find it infeasible to write Unity
         tutorials. I plan to write tutorials for things like Unreal and MonoGame as I learn them, and C# tutorials are
-    still on the table for sure. But tutorials take a lot of time and effort, so unfortunately it may be a while before
+        still on the table for sure. But tutorials take a lot of time and effort, so unfortunately it may be a while
-    I can get around to publishing them.
+        before I can get around to publishing them.
     </p>
     <p>
         However, in the meantime, I do have various blog posts that contain some tutorials and guides. You can find them
@@ -19,3 +20,4 @@
         I'm sorry for the inconvenience, but I hope you understand my position. Watch this space! New tutorials will be
         coming. If you have any questions or requests, please feel free to <a asp-page="/Contact/Index">contact me</a>.
     </p>
+</main>

src/scss/app.scss

@@ -23,6 +23,11 @@ body {
   margin-bottom: 60px;
 }
 
+main.container {
+  background: #333;
+  padding: 20px;
+}
+
 a {
   &:link, &:visited, &:hover, &:active {
     text-decoration: none;