🤓

rreusser · Sep 24, 2023 · 711d2df · 711d2df
1 parent e74ba27
commit 711d2df
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 13 deletions.
diff --git a/magnet/bundle.js b/magnet/bundle.js
diff --git a/magnet/index.html b/magnet/index.html
@@ -1,13 +1,13 @@
-<!DOCTYPE html><html lang="en" dir="ltr"><head><title>Magnet</title><meta charset="utf-8"><meta name="application-name" content="Magnet">
-<meta name="subject" content="Just a magnetic field">
-<meta name="abstract" content="Just a magnetic field">
-<meta name="twitter:title" content="Magnet">
-<meta name="description" content="Just a magnetic field">
-<meta name="twitter:description" content="Just a magnetic field">
+<!DOCTYPE html><html lang="en" dir="ltr"><head><title>Solenoid</title><meta charset="utf-8"><meta name="application-name" content="Solenoid">
+<meta name="subject" content="Just a solenoidal field">
+<meta name="abstract" content="Just a solenoidal field">
+<meta name="twitter:title" content="Solenoid">
+<meta name="description" content="Just a solenoidal field">
+<meta name="twitter:description" content="Just a solenoidal field">
 <meta name="author" content="Ricky Reusser">
 <meta name="twitter:creator" content="Ricky Reusser">
 <meta name="twitter:card" content="summary">
-<meta property="og:title" content="Magnet">
-<meta property="og:description" content="Just a magnetic field">
+<meta property="og:title" content="Solenoid">
+<meta property="og:description" content="Just a solenoidal field">
 <meta property="article:author" content="Ricky Reusser">
 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /></head><body><script src="bundle.js"></script><script src="../nav.bundle.js"></script></body></html>
diff --git a/src/src/magnet/index.js b/src/src/magnet/index.js
@@ -13,25 +13,27 @@ css(`
   border-radius: 20px;
   transform: translate(-50%, -50%);
   text-align: center;
-  line-height: 17px;
   vertical-align: middle;
   color: white;
   cursor: move;
-  font-size: 25px;
   user-select: none;
   box-shadow: 0 0 5px rgb(255 255 255/100%);
 }
 .charge.positive:before {
-  content: '+';
+  content: '×';
 }
 .charge.positive {
   background-color: #35f;
+  line-height: 17px;
+  font-size: 25px;
 }
 .charge.negative:before {
-  content: '-';
+  content: '●';
 }
 .charge.negative {
   background-color: #f35;
+  line-height: 20px;
+  font-size: 15px;
 }
 `);