Updated OSFT page; Updated dependencies to the latest version

3 files changed, 11 insertions, 11 deletions

diff --git a/pages/downloads/osft-software-archive.js b/pages/downloads/osft-software-archive.js
index 177c586..e1fdf86 100644
--- a/pages/downloads/osft-software-archive.js
+++ b/pages/downloads/osft-software-archive.js
@@ -9,18 +9,18 @@ export default function OsftSoftwareArchive() {
         <div>
             <Meta title="Philip Adams Software Archive" description="The ultimate software collection of Philip Adams' software"/>
             <div className="font-hack bg-material-gray text-white">
-                <div className="py-4 px-5 bg-gray-600 font-bold rounded-lg border-2 border-white"><p>Note that this page will be revamped in the future as at the moment this site is currently going through a big rewrite...</p></div>
+                <div className="announcement"><p>Note that this page will be revamped in the future as at the moment this site is currently going through a big rewrite...</p></div>
                 <div className="px-5 py-6 space-y-5 flex flex-col">
-                    <div className="text-center items-center justify-center space-y-2">
+                    <div className="flex flex-col text-center items-center justify-center space-y-2">
                         <Image src="/Alee.svg" alt="Alee Logo" width={128} height={128} />
                         <h1 className="text-4xl font-bold">Philip Adams Software Archive</h1>
+                        <h2 className="text-xl font-bold">The ultimate software collection of Philip Adams&apos; software</h2>
+                        <p>These software require .NET Framework 3.5, 4.0 and/or 4.5 to function.</p>
                     </div>
-                    <p>These software require .NET Framework 3.5, 4.0 and/or 4.5 to function.</p>
-                    <div className="bg-yellow-700 p-5 rounded-lg font-bold">
-                        <FontAwesomeIcon icon={faWarning} size="3x" />
-                        <h1 className="text-lg">CONTENT WARNING</h1>
-                        <p>Some of the software in this pack has a jumpscare.</p>
-                        <p>If you have epilepsy please be cautious with this pack.</p>
+                    <div className="bg-yellow-700 p-5 rounded-lg text-center">
+                        <FontAwesomeIcon icon={faWarning} size="3x" className="pb-2" />
+                        <h1 className="text-lg font-bold">CONTENT WARNING</h1>
+                        <p>Some of the software in this pack contains a jumpscare. If you have epilepsy, please be cautious.</p>
                         <p>Disable your antivirus as it can detect false positive, feel free to use a VM in case this feels not safe.</p>
                     </div>
                     <p>Pack will include the following:</p>
diff --git a/pages/guidelines.js b/pages/guidelines.js
index 287a839..4c7c2f4 100644
--- a/pages/guidelines.js
+++ b/pages/guidelines.js
@@ -9,7 +9,7 @@ export default function Guidelines() {
             <Meta title="Guidelines" description="Guidelines for Andrew Lee Projects Communities/Services"/>
             <div className="font-hack bg-material-gray text-white px-5 py-6 space-y-5 flex flex-col">
 				<div id="top"/>
-				<div className="text-center items-center justify-center space-y-2">
+				<div className="flex flex-col text-center justify-center items-center space-y-2">
 					<Image src="/Alee.svg" alt="Alee Logo" width={128} height={128} />
 					<h1 className="text-4xl font-bold">Andrew Lee Projects Guidelines</h1>
 				</div>
diff --git a/pages/index.js b/pages/index.js
index 1fb0519..9bc5699 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -15,9 +15,9 @@ export default function Home() {
         <Meta title="Home" description="Andrew's Personal Website" />
         <div className="bg-material-gray font-hack text-white overflow-hidden">
             {isDev && (
-                <div className="py-4 px-5 bg-gray-600 font-bold rounded-lg border-2 border-white"><p>You are using the development version of this site! Certain features are hidden from the public...</p></div>
+                <div className="announcement"><p>You are using the development version of this site! Certain features are hidden from the public...</p></div>
                 )}
-            <div className="text-center flex flex-col gap-4 justify-center h-screen w-screen">
+            <div className="text-center flex flex-col gap-4 justify-center items-center h-screen w-screen">
                 <Image src="/Alee.svg" alt="Alee Logo" width={210} height={210} />
                 <h1 className="text-4xl font-bold">Andrew Lee</h1>
                 <h2 className="sm:text-xl text-lg font-bold">Computer Geek, Programmer, Content Creator</h2>