Skip to content

Commit

Permalink
Update Atomdash post
Browse files Browse the repository at this point in the history
  • Loading branch information
isleeponcouch committed Oct 4, 2023
1 parent d9e6715 commit 7b869eb
Show file tree
Hide file tree
Showing 75 changed files with 248 additions and 249 deletions.

Large diffs are not rendered by default.

204 changes: 102 additions & 102 deletions .nuxt/dist/server/client.manifest.json

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion .nuxt/dist/server/index.spa.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,5 +5,5 @@
</head>
<body {{ body_attrs }}>
{{ APP }}
<script src="/_nuxt/22e3dfc.js"></script><script src="/_nuxt/cf78498.js"></script><script src="/_nuxt/5a52893.js"></script><script src="/_nuxt/2d52f8a.js"></script></body>
<script src="/_nuxt/22e3dfc.js"></script><script src="/_nuxt/cf78498.js"></script><script src="/_nuxt/5a52893.js"></script><script src="/_nuxt/cb0012c.js"></script></body>
</html>
2 changes: 1 addition & 1 deletion .nuxt/dist/server/server.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion .nuxt/dist/server/server.js.map

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion .nuxt/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ async function createApp(ssrContext, config = {}) {
// here we inject the router and store to all child components,
// making them available everywhere as `this.$router` and `this.$store`.
const app = {
head: {"title":"tobigu blog","htmlAttrs":{"lang":"en"},"meta":[{"charset":"utf-8"},{"name":"viewport","content":"width=device-width, initial-scale=1"},{"hid":"description","name":"description","content":""},{"name":"format-detection","content":"telephone=no"}],"link":[{"rel":"icon","type":"image\u002Fx-icon","href":"\u002Ffavicon.ico"}],"style":[],"script":[]},
head: {"title":"toblog.dev","htmlAttrs":{"lang":"en"},"meta":[{"charset":"utf-8"},{"name":"viewport","content":"width=device-width, initial-scale=1"},{"hid":"description","name":"description","content":""},{"name":"format-detection","content":"telephone=no"}],"link":[{"rel":"icon","type":"image\u002Fx-icon","href":"\u002Ffavicon.ico"}],"style":[],"script":[]},

router,
nuxt: {
Expand Down
39 changes: 39 additions & 0 deletions content/articles/2023-07-01-atomdash-on-the-app-store.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
---
title: I made a periodic table app and released it to the App Store
bg: bg-indigo-300
archived: false
createdAt: 2023-07-01
updatedAt: 2023-10-04
---

Introducing Atomdash, a periodic table and chemistry tutor app for iOS.

I spun up this project after looking for a simple periodic table app on iOS and finding that even though the space is crowded nothing gave me the feeling of a high quality native app experience. More importantly, there wasn't much in the way of actual chemistry tutoring. The iPad is home to so many great educational apps, but chemistry is a subject that has seemingly been neglected.

Atomdash goes further than just being a periodic table reference, though it is a high quality and detailed one if that's what you need. Students can customise their table to suit the style their institution or textbooks use, or just to suit their preference. Atomdash also provides a set of learning features to help students learn the basics of the periodic table of the elements and also to test and further their knowledge through customisable quizzes that can target specific knowledge areas.

<img src="/images/posts/atomdash-ipados-screenshot.png" alt="Atomdash Periodic Table App Screenshot" class="mx-auto" />

Teachers can use Atomdash as a visual teaching aid with filters for class, periods and groups. There is also detailed information on each element.

Atomdash Roadmap (I'll update this post as I go)

- ~~Allow tiles to be configured and to allow hiding/showing of the atomic weight on the table~~ Added 17th July 2023
- ~~A mutable soundscape to increase engagement and use as a teaching aid~~ Added 17th July 2023
- ~~Quiz Builder: A detailed Quiz Builder feature to allow the creation of quizzes similar to the in-built quizzes.~~ Added 26th July 2023
- ~~History Mode: a visual teaching aid for teaching the discovery of the elements over time.~~ Added 6th September 2023
- ~~Bohr's Model: an interactive Bohr's model with electronic configuration visualisations.~~ Added 6th September 2023
- ~~Periodic Trend Quizzes such as electronegativity~~ Added 6th September 2023
- Balancing Tutorial/Quizzes: learning mode introducing and evaluating chemical equation balancing.
- ~~Theme System: Atomdash currently supports light and dark modes, but I want to take this further and allow users to choose their own theme. Because fun.~~
- Rutherford Gold Foil Experiment Simulation
- A tutorial to interactively introduce the periodic table
- Electron Configuration tutorial and quizzes
- Orbital Diagrams
- Isotopes
- Electronegativity Table
- iPhone version
- macOS version
- tvOS version

Atomdash is available now in the [App Store](https://apps.apple.com/az/app/atomdash/id6450800917).
44 changes: 0 additions & 44 deletions content/articles/2023-07-01-elementboard-on-the-app-store.md

This file was deleted.

6 changes: 3 additions & 3 deletions docs/200.html
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
<!doctype html>
<html lang="en" data-n-head="%7B%22lang%22:%7B%221%22:%22en%22%7D%7D">
<head>
<title>tobigu blog</title><meta data-n-head="1" charset="utf-8"><meta data-n-head="1" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="1" data-hid="description" name="description" content=""><meta data-n-head="1" name="format-detection" content="telephone=no"><link data-n-head="1" rel="icon" type="image/x-icon" href="/favicon.ico"><base href="/"><link rel="preload" href="/_nuxt/e5011b0.js" as="script"><link rel="preload" href="/_nuxt/cf78498.js" as="script"><link rel="preload" href="/_nuxt/2816b3b.js" as="script"><link rel="preload" href="/_nuxt/92d2488.js" as="script">
<title>toblog.dev</title><meta data-n-head="1" charset="utf-8"><meta data-n-head="1" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="1" data-hid="description" name="description" content=""><meta data-n-head="1" name="format-detection" content="telephone=no"><link data-n-head="1" rel="icon" type="image/x-icon" href="/favicon.ico"><base href="/"><link rel="preload" href="/_nuxt/e5011b0.js" as="script"><link rel="preload" href="/_nuxt/cf78498.js" as="script"><link rel="preload" href="/_nuxt/e5a50fc.js" as="script"><link rel="preload" href="/_nuxt/92d2488.js" as="script">
</head>
<body>
<div id="__nuxt"><style>#nuxt-loading{background:#fff;visibility:hidden;opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:nuxtLoadingIn 10s ease;-webkit-animation:nuxtLoadingIn 10s ease;animation-fill-mode:forwards;overflow:hidden}@keyframes nuxtLoadingIn{0%{visibility:hidden;opacity:0}20%{visibility:visible;opacity:0}100%{visibility:visible;opacity:1}}@-webkit-keyframes nuxtLoadingIn{0%{visibility:hidden;opacity:0}20%{visibility:visible;opacity:0}100%{visibility:visible;opacity:1}}#nuxt-loading>div,#nuxt-loading>div:after{border-radius:50%;width:5rem;height:5rem}#nuxt-loading>div{font-size:10px;position:relative;text-indent:-9999em;border:.5rem solid #f5f5f5;border-left:.5rem solid #000;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:nuxtLoading 1.1s infinite linear;animation:nuxtLoading 1.1s infinite linear}#nuxt-loading.error>div{border-left:.5rem solid #ff4500;animation-duration:5s}@-webkit-keyframes nuxtLoading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes nuxtLoading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}</style><script>window.addEventListener("error",function(){var e=document.getElementById("nuxt-loading");e&&(e.className+=" error")})</script><div id="nuxt-loading" aria-live="polite" role="status"><div>Loading...</div></div></div><script>window.__NUXT__={config:{_app:{basePath:"/",assetsPath:"/_nuxt/",cdnURL:null},content:{dbHash:"3181859d"}},staticAssetsBase:"/_nuxt/static/1696287913"}</script>
<script src="/_nuxt/e5011b0.js"></script><script src="/_nuxt/cf78498.js"></script><script src="/_nuxt/2816b3b.js"></script><script src="/_nuxt/92d2488.js"></script></body>
<div id="__nuxt"><style>#nuxt-loading{background:#fff;visibility:hidden;opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:nuxtLoadingIn 10s ease;-webkit-animation:nuxtLoadingIn 10s ease;animation-fill-mode:forwards;overflow:hidden}@keyframes nuxtLoadingIn{0%{visibility:hidden;opacity:0}20%{visibility:visible;opacity:0}100%{visibility:visible;opacity:1}}@-webkit-keyframes nuxtLoadingIn{0%{visibility:hidden;opacity:0}20%{visibility:visible;opacity:0}100%{visibility:visible;opacity:1}}#nuxt-loading>div,#nuxt-loading>div:after{border-radius:50%;width:5rem;height:5rem}#nuxt-loading>div{font-size:10px;position:relative;text-indent:-9999em;border:.5rem solid #f5f5f5;border-left:.5rem solid #000;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:nuxtLoading 1.1s infinite linear;animation:nuxtLoading 1.1s infinite linear}#nuxt-loading.error>div{border-left:.5rem solid #ff4500;animation-duration:5s}@-webkit-keyframes nuxtLoading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes nuxtLoading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}</style><script>window.addEventListener("error",function(){var e=document.getElementById("nuxt-loading");e&&(e.className+=" error")})</script><div id="nuxt-loading" aria-live="polite" role="status"><div>Loading...</div></div></div><script>window.__NUXT__={config:{_app:{basePath:"/",assetsPath:"/_nuxt/",cdnURL:null},content:{dbHash:"8301291a"}},staticAssetsBase:"/_nuxt/static/1696418105"}</script>
<script src="/_nuxt/e5011b0.js"></script><script src="/_nuxt/cf78498.js"></script><script src="/_nuxt/e5a50fc.js"></script><script src="/_nuxt/92d2488.js"></script></body>
</html>
Loading

0 comments on commit 7b869eb

Please sign in to comment.