Merge pull request #17 from cpbitmap/new-favicon

Add new favicon
cpbitmap · Dec 22, 2023 · d46ffc5 · d46ffc5
2 parents c58262c + eddb2e9
commit d46ffc5
Show file tree

Hide file tree

Showing 19 changed files with 18,436 additions and 28 deletions.
diff --git a/README.md b/README.md
@@ -1,3 +1,8 @@
+<br />
+<p align="center">
+  <image width=75 src="./public/cpbitmap-icon.png" />
+</p>
+
 # [cpbitmap.github.io](https://cpbitmap.github.io)
 
 ![Website](https://img.shields.io/website?label=Website&url=https%3A%2F%2Fcpbitmap.github.io)
@@ -35,5 +40,5 @@ The action uses `next build` and `next export` to generate HTML, CSS, and JS fil
 
 ## Acknowledgements
 
-- We only know how to convert cpbitmap images due to some clever guessing and trial and error by [Simon Whitehead](https://web.archive.org/web/20130917034207/http://www.codeproject.com/Articles/265333/Reading-Apple-iDevice-CPBitmap-files) in 2011.
+- We only know how to convert `.cpbitmap` images due to some clever guessing and trial and error by [Simon Whitehead](https://web.archive.org/web/20130917034207/http://www.codeproject.com/Articles/265333/Reading-Apple-iDevice-CPBitmap-files) in 2011.
 - The code used in this tool was originally written by [dr15 in this Stack Overflow answer](https://stackoverflow.com/a/48158807) to run in Node.js, so it has been slightly edited to run in the browser.
diff --git a/components/FileInput/index.tsx b/components/FileInput/index.tsx
@@ -40,7 +40,7 @@ const FileInput = ({
           onClick={() => labelRef.current?.click()}
         >
           <UploadIcon />
-          &nbsp;Select cpbitmap file(s)
+          &nbsp;Select CPBitmap file(s)
         </Button>
       </label>
     </>

diff --git a/components/MetaTags/index.tsx b/components/MetaTags/index.tsx
@@ -58,7 +58,7 @@ const MetaTags = ({
     <link
       rel="mask-icon"
       href="favicons/safari-pinned-tab.svg"
-      color="#5bbad5"
+      color="#d10000"
     />
     <meta name="msapplication-TileColor" content="#2b5797" />
     <meta name="theme-color" content="#ffffff" />

diff --git a/components/Popover/index.tsx b/components/Popover/index.tsx
@@ -34,8 +34,8 @@ export const Popover = ({
         sx={{ fontSize: 2, color: success ? "success.fg" : "danger.fg" }}
       >
         {success
-          ? " Successfully converted cpbitmap"
-          : "Could not convert cpbitmap"}
+          ? " Successfully converted CPBitmap"
+          : "Could not convert CPBitmap"}
       </Heading>
       <IconButton
         aria-label={"Close error window"}

diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -48,9 +48,9 @@ class MyDocument extends Document {
           {/* This is the default <head> for all pages across the website. */}
           <MetaTags
             siteUrl="https://cpbitmap.github.io/"
-            imageUrl="https://cpbitmap.github.io/cpbitmap-social-media-card.png"
+            imageUrl="https://cpbitmap.github.io/cpbitmap-social-card.png"
             title="CPBitmap Converter"
-            description="A free online cpbitmap conversion tool. Convert cpbitmap files to PNG, JPEG, or TIFF."
+            description="A free online CPBitmap conversion tool. Convert CPBitmap files to PNG, JPEG, or TIFF."
             author="Ainsley Rutterford"
           />
         </Head>

diff --git a/pages/about.tsx b/pages/about.tsx
@@ -27,20 +27,21 @@ const About: NextPage = () => {
       </Heading>
       <Text as="p">
         <StyledLink href="/">cpbitmap.github.io</StyledLink> is a free browser
-        based tool that can convert cpbitmap files to multiple image formats.
+        based tool that can convert <code>.cpbitmap</code> files to multiple
+        image formats.
       </Text>
       <Heading
         as="h2"
         sx={{
           fontSize: 3,
         }}
       >
-        What is a cpbitmap file?
+        What is a CPBitmap file?
       </Heading>
       <Text as="p">
-        The cpbitmap file format is a proprietary format created by Apple to
-        store iOS background images. The most common examples are the{" "}
-        <code>LockBackground.cpbitmap</code> and{" "}
+        The <code>.cpbitmap</code> file format is a proprietary format created
+        by Apple to store iOS background images. The most common examples are
+        the <code>LockBackground.cpbitmap</code> and{" "}
         <code>HomeBackground.cpbitmap</code> files found in iPhone or iPad
         backups.
       </Text>
@@ -55,10 +56,10 @@ const About: NextPage = () => {
       <Text as="p">
         If the output image is corrupt or looks like it has been stretched and
         distorted, try selecting another iOS version and exporting again. The
-        cpbitmap format has changed slightly over the years and may change again
-        at some point in the future. This tool has been tested for iOS versions
-        up to iOS 15. If this tool is no longer working with a new version of
-        iOS, consider opening an issue on{" "}
+        <code>.cpbitmap</code> format has changed slightly over the years and
+        may change again at some point in the future. This tool has been tested
+        for iOS versions up to iOS 15. If this tool is no longer working with a
+        new version of iOS, consider opening an issue on{" "}
         <StyledLink href="https://github.com/cpbitmap/cpbitmap.github.io">
           GitHub
         </StyledLink>
@@ -70,11 +71,13 @@ const About: NextPage = () => {
           RangeError: The value &quot;...&quot; is invalid for option
           &quot;size&quot;
         </code>
-        , the cpbitmap file may be from an encrypted backup. Consider using{" "}
+        , the <code>.cpbitmap</code> file may be from an encrypted backup.
+        Consider using{" "}
         <StyledLink href="https://www.iphonebackupextractor.com/">
           this free tool
         </StyledLink>{" "}
-        to extract the cpbitmap files from the encrypted backup. The cpbitmap
+        to extract the <code>.cpbitmap</code> files from the encrypted backup.
+        The <code>.cpbitmap</code>
         files are stored in the <code>Home/Library/SpringBoard</code> path of
         your device (accessible under &quot;expert mode&quot; in the free tool
         linked above).
@@ -89,19 +92,21 @@ const About: NextPage = () => {
           borderBottomStyle: "solid",
         }}
       >
-        How do we know how to convert cpbitmap files?
+        How do we know how to convert CPBitmap files?
       </Heading>
       <Text as="p">
-        Apple have never released any documentation about the layout of cpbitmap
-        files. We only know how to convert cpbitmap images due to some clever
-        guessing and trial and error by{" "}
+        Apple have never released any documentation about the layout of{" "}
+        <code>.cpbitmap</code>
+        files. We only know how to convert <code>.cpbitmap</code> images due to
+        some clever guessing and trial and error by{" "}
         <StyledLink href="https://web.archive.org/web/20130917034207/http://www.codeproject.com/Articles/265333/Reading-Apple-iDevice-CPBitmap-files">
           Simon Whitehead in 2011
         </StyledLink>
         .
       </Text>
       <Text as="p" mt={0}>
-        There are a few scripts that use his description to convert cpbitmap
+        There are a few scripts that use his description to convert{" "}
+        <code>.cpbitmap</code>
         images to other formats, but there doesn&apos;t seem to be a working
         browser based solution. The code used in this tool was originally
         written by{" "}

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -172,9 +172,9 @@ const Home: NextPage = () => {
         )}
         {result === "failure" && (
           <Popover success={false} onClose={() => setResult(undefined)}>
-            An error occurred while converting the cpbitmap file. Check your
-            browser&apos;s developer console to see the error. See the{" "}
-            <StyledLink href="about">About</StyledLink> page for help.
+            An error occurred while converting the <code>.cpbitmap</code> file.
+            Check your browser&apos;s developer console to see the error. See
+            the <StyledLink href="about">About</StyledLink> page for help.
           </Popover>
         )}
       </div>

diff --git a/public/cpbitmap-icon.png b/public/cpbitmap-icon.png
diff --git a/public/cpbitmap-social-card.png b/public/cpbitmap-social-card.png
diff --git a/public/cpbitmap-social-media-card.png b/public/cpbitmap-social-media-card.png
diff --git a/public/favicons/android-chrome-192x192.png b/public/favicons/android-chrome-192x192.png
diff --git a/public/favicons/android-chrome-512x512.png b/public/favicons/android-chrome-512x512.png
diff --git a/public/favicons/apple-touch-icon.png b/public/favicons/apple-touch-icon.png
diff --git a/public/favicons/favicon-16x16.png b/public/favicons/favicon-16x16.png
diff --git a/public/favicons/favicon-32x32.png b/public/favicons/favicon-32x32.png
diff --git a/public/favicons/favicon.ico b/public/favicons/favicon.ico
diff --git a/public/favicons/mstile-150x150.png b/public/favicons/mstile-150x150.png