summaryrefslogtreecommitdiff
path: root/docs/posts/2019-05-05-Custom-Snowboard-Anemone-Theme.html
diff options
context:
space:
mode:
authorNavan Chauhan <navanchauhan@gmail.com>2024-04-03 09:36:58 -0600
committerGitHub <noreply@github.com>2024-04-03 09:36:58 -0600
commit84ad5d8360fb0683f12f9bae8f29d6b36964dde3 (patch)
tree64bb1d9675ac3d6a3604d512311a754b08c53be2 /docs/posts/2019-05-05-Custom-Snowboard-Anemone-Theme.html
parent0e4b5fcc164cd8432678bdffd58b8c123acee186 (diff)
parentd00b2da99ef2d498074a6e4eb8d80995cdfc4476 (diff)
Merge branch 'vanilla-ssg' into dependabot/pip/jinja2-3.1.3
Diffstat (limited to 'docs/posts/2019-05-05-Custom-Snowboard-Anemone-Theme.html')
-rw-r--r--docs/posts/2019-05-05-Custom-Snowboard-Anemone-Theme.html97
1 files changed, 65 insertions, 32 deletions
diff --git a/docs/posts/2019-05-05-Custom-Snowboard-Anemone-Theme.html b/docs/posts/2019-05-05-Custom-Snowboard-Anemone-Theme.html
index 4b568fd..54b7f98 100644
--- a/docs/posts/2019-05-05-Custom-Snowboard-Anemone-Theme.html
+++ b/docs/posts/2019-05-05-Custom-Snowboard-Anemone-Theme.html
@@ -2,14 +2,27 @@
<html lang="en">
<head>
- <link rel="stylesheet" href="https://unpkg.com/latex.css/style.min.css" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+ <meta name="theme-color" content="#6a9fb5">
+
+ <title>Creating your own custom theme for Snowboard or Anemone</title>
+
+ <!--
+ <link rel="stylesheet" href="https://unpkg.com/latex.css/style.min.css" />
+ -->
+
+ <link rel="stylesheet" href="/assets/c-hyde.css" />
+
+ <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700|Abril+Fatface">
+
<link rel="stylesheet" href="/assets/main.css" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Creating your own custom theme for Snowboard or Anemone</title>
<meta name="og:site_name" content="Navan Chauhan" />
<link rel="canonical" href="https://web.navan.dev/posts/2019-05-05-Custom-Snowboard-Anemone-Theme.html" />
- <meta name="twitter:url" content="https://web.navan.dev/posts/2019-05-05-Custom-Snowboard-Anemone-Theme.html />
+ <meta name="twitter:url" content="https://web.navan.dev/posts/2019-05-05-Custom-Snowboard-Anemone-Theme.html" />
<meta name="og:url" content="https://web.navan.dev/posts/2019-05-05-Custom-Snowboard-Anemone-Theme.html" />
<meta name="twitter:title" content="Creating your own custom theme for Snowboard or Anemone" />
<meta name="og:title" content="Creating your own custom theme for Snowboard or Anemone" />
@@ -26,26 +39,45 @@
<script data-goatcounter="https://navanchauhan.goatcounter.com/count"
async src="//gc.zgo.at/count.js"></script>
<script defer data-domain="web.navan.dev" src="https://plausible.io/js/plausible.js"></script>
- <link rel="manifest" href="manifest.json" />
+ <link rel="manifest" href="/manifest.json" />
</head>
-<body>
- <center><nav style="display: block;">
-|
-<a href="/">home</a> |
-<a href="/about/">about/links</a> |
-<a href="/posts/">posts</a> |
-<!--<a href="/publications/">publications</a> |-->
-<!--<a href="/repo/">iOS repo</a> |-->
-<a href="/feed.rss">RSS Feed</a> |
-</nav>
-</center>
+<body class="theme-base-0d">
+ <div class="sidebar">
+ <div class="container sidebar-sticky">
+ <div class="sidebar-about">
+ <h1><a href="/">Navan</a></h1>
+ <p class="lead" id="random-lead">Alea iacta est.</p>
+ </div>
+
+ <ul class="sidebar-nav">
+ <li><a class="sidebar-nav-item" href="/about/">about/links</a></li>
+ <li><a class="sidebar-nav-item" href="/posts/">posts</a></li>
+ <li><a class="sidebar-nav-item" href="/3D-Designs/">3D designs</a></li>
+ <li><a class="sidebar-nav-item" href="/feed.rss">RSS Feed</a></li>
+ <li><a class="sidebar-nav-item" href="/colophon/">colophon</a></li>
+ </ul>
+ <div class="copyright"><p>&copy; 2019-2024. Navan Chauhan <br> <a href="/feed.rss">RSS</a></p></div>
+ </div>
+</div>
+
+<script>
+let phrases = [
+ "Something Funny", "Veni, vidi, vici", "Alea iacta est", "In vino veritas", "Acta, non verba", "Castigat ridendo mores",
+ "Cui bono?", "Memento vivere", "अहम् ब्रह्मास्मि", "अनुगच्छतु प्रवाहं", "चरन्मार्गान्विजानाति", "coq de cheval", "我愛啤酒"
+ ];
+
+let new_phrase = phrases[Math.floor(Math.random()*phrases.length)];
+
+let lead = document.getElementById("random-lead");
+lead.innerText = new_phrase;
+</script>
+ <div class="content container">
-<main>
-
- <h1>Creating your own custom theme for Snowboard or Anemone</h1>
+ <div class="post">
+ <h1 id="creating-your-own-custom-theme-for-snowboard-or-anemone">Creating your own custom theme for Snowboard or Anemone</h1>
-<h3>Contents</h3>
+<h3 id="contents">Contents</h3>
<ul>
<li>Getting Started</li>
@@ -57,7 +89,7 @@
<li>Building the DEB</li>
</ul>
-<h2>Getting Started</h2>
+<h2 id="getting-started">Getting Started</h2>
<p><strong>Note: Without the proper folder structure, your theme may not show up!</strong></p>
@@ -66,7 +98,7 @@
<li>Within <code>themeName.theme</code> folder, create another folder called <code>IconBundles</code> (<strong>You cannot change this name</strong>)</li>
</ul>
-<h2>Theme Configuration</h2>
+<h2 id="theme-configuration">Theme Configuration</h2>
<ul>
<li>Now, inside the <code>themeName.theme</code> folder, create a file called <code>Info.plist</code> and paste the following</li>
@@ -93,7 +125,7 @@
<p>Well, if for example you want to publish two variants of your icons, one dark and one white but you do not want the user to separately install them.
Then, you would name the package <code>MyTheme</code> and include two themes <code>Blackie</code> and <code>White</code> thus creating two entries. More about this in the end</p>
-<h2>Creating Icons</h2>
+<h2 id="creating-icons">Creating Icons</h2>
<ul>
<li>Open up the Image Editor of your choice and create a new file having a resolution of 512x512</li>
@@ -104,7 +136,7 @@ Then, you would name the package <code>MyTheme</code> and include two themes <co
<p><strong>Want to create rounded icons?</strong>
Create them squared only, we will learn how to apply masks!</p>
-<h2>Exporting Icons</h2>
+<h2 id="exporting-icons">Exporting Icons</h2>
<p><strong>Note: All icons must be saved as <code>*.png</code> (Tip: This means you can even create partially transparent icons!)</strong></p>
@@ -112,7 +144,7 @@ Create them squared only, we will learn how to apply masks!</p>
<li>All Icons must be saved in <code>themeName.theme&gt;IconBundles</code> as <code>bundleID-large.png</code></li>
</ul>
-<h5>Finding BundleIDs</h5>
+<h5 id="finding-bundleids">Finding BundleIDs</h5>
<p><strong>Stock Application BundleIDs</strong></p>
@@ -278,7 +310,7 @@ Create them squared only, we will learn how to apply masks!</p>
<p><strong>3rd Party Applications BundleID</strong>
Click <a rel="noopener" target="_blank" href="http://offcornerdev.com/bundleid.html">here</a></p>
-<h3>Icon Masks</h3>
+<h3 id="icon-masks">Icon Masks</h3>
<ul>
<li>Getting the Classic Rounded Rectangle Masks</li>
@@ -303,7 +335,7 @@ Click <a rel="noopener" target="_blank" href="http://offcornerdev.com/bundleid.h
</ul></li>
</ul>
-<h4>Designing Masks</h4>
+<h4 id="designing-masks">Designing Masks</h4>
<p><strong>Masking does not support IconBundles, therefore you need to save the masks for each of the following</strong></p>
@@ -387,7 +419,7 @@ Click <a rel="noopener" target="_blank" href="http://offcornerdev.com/bundleid.h
<p><img src="https://pinpal.github.io/assets/theme-guide/mask-result.png" alt="Credit: Pinpal" /></p>
-<h3>Packaging</h3>
+<h3 id="packaging">Packaging</h3>
<ul>
<li>Create a new folder outside <code>themeName.theme</code> with the name you want to be shown on Cydia, e.g <code>themeNameForCydia</code></li>
@@ -420,11 +452,11 @@ Section: Themes
<li>Finally, copy <code>themeName.theme</code> to the <code>Themes</code> folder (<strong>Copy the entire folder, not just the contents</strong>)</li>
</ul>
-<h3>Building the DEB</h3>
+<h3 id="building-the-deb">Building the DEB</h3>
<p><strong>For building the deb you need a <code>*nix</code> system, otherwise you can build it using your iPhones</strong></p>
-<h5>Pre-Requisite for MacOS users</h5>
+<h5 id="pre-requisite-for-macos-users">Pre-Requisite for MacOS users</h5>
<p>1) Install Homenbrew <code>/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"</code> (Run this in the terminal)
2) Install dpkg, by running <code>brew install dpkg</code></p>
@@ -437,13 +469,13 @@ Section: Themes
<li>Now, run <code>find . -name "*.DS_Store" -type f -delete</code></li>
</ul>
-<h5>Pre-Requisite for Windows Users</h5>
+<h5 id="pre-requisite-for-windows-users">Pre-Requisite for Windows Users</h5>
<ul>
<li>SSH into your iPhone and drag and drop the <code>themeNameForCyia</code> folder on the terminal</li>
</ul>
-<h5>Common Instructions</h5>
+<h5 id="common-instructions">Common Instructions</h5>
<ul>
<li>You should be at the root of the folder in the terminal, i.e Inside <code>themeNameForCydia</code></li>
@@ -461,14 +493,15 @@ Section: Themes
<p>You can share this with your friends :+1:</p>
+ </div>
<blockquote>If you have scrolled this far, consider subscribing to my mailing list <a href="https://listmonk.navan.dev/subscription/form">here.</a> You can subscribe to either a specific type of post you are interested in, or subscribe to everything with the "Everything" list.</blockquote>
<script data-isso="https://comments.navan.dev/"
src="https://comments.navan.dev/js/embed.min.js"></script>
<section id="isso-thread">
<noscript>Javascript needs to be activated to view comments.</noscript>
</section>
-</main>
+ </div>
<script src="assets/manup.min.js"></script>
<script src="/pwabuilder-sw-register.js"></script>
</body>