updating logo in home

.github/workflows/deploy.yml

@@ -16,6 +16,7 @@ jobs:
     - uses: actions/checkout@v4
       with:
         submodules: true
+        token: ${{ secrets.PUSH_TOKEN }}
     - name: Set up Python 3.12
       uses: actions/[email protected]
       with:
@@ -44,12 +45,16 @@ jobs:
         path: website/build
 
     - name: Commit and push changes
+      env:
+        GITHUB_TOKEN: ${{ secrets.PUSH_TOKEN }}
       run: |
         git config --global user.name 'github-actions[bot]'
         git config --global user.email 'github-actions[bot]@users.noreply.github.com'
+        git config --global push.default simple
         git add .
         git commit -m "Update generated site files"
-        git push
+        git pull --rebase origin main
+        git push https://x-access-token:${GITHUB_TOKEN}@github.com/magicsword-io/LOLRMM.git HEAD:main
       working-directory: website
 
 # Deployment job

website/components/home.tsx

@@ -12,6 +12,7 @@ import { RMMTable } from "./tools";
 function Contents() {
 	return (
 		<>
+			<EuiSpacer size="xxl" />
 			<EuiFlexGroup>
 				<EuiToast
 					title={
@@ -71,8 +72,12 @@ export function App() {
 			css={{ backgroundColor: "black" }}
 		>
 			<EuiPageTemplate.Header
-				pageTitle="LOLRMM"
-				description="LOLRMM is a curated list of Remote Monitoring and Management (RMM) tools that could potentially be abused by threat actors. This project aims to assist security professionals in staying informed about these tools and their potential for misuse."
+				description={
+					<>
+						<img src="/images/logo.png" alt="LOLRMM Logo" style={{ width: '200px', display: 'block' }} />
+						<p>LOLRMM is a curated list of Remote Monitoring and Management (RMM) tools that could potentially be abused by threat actors. This project aims to assist security professionals in staying informed about these tools and their potential for misuse.</p>
+					</>
+				}
 				iconProps={{
 					href: "/images/logo.png",
 				}}

website/components/logo.tsx

@@ -1,10 +1,10 @@
 export const Logo = () => (
 	<>
 		<img
-			src={"/images/logo.png"}
+			src={"/images/logo.svg"}
 			alt={"logo"}
-			width={57}
-			height={57}
+			width={50}
+			height={50}
 			style={{
 				marginRight: 4,
 				pointerEvents: "none",