diff --git a/macrovision.css b/macrovision.css index e7eaf559..1de68a4b 100644 --- a/macrovision.css +++ b/macrovision.css @@ -568,6 +568,10 @@ body.toggle-bottom-cover .bottom-cover { transform: rotate(90deg); } +.flipped { + transform: rotate(180deg); +} + i.fas i.far { pointer-events: none; @@ -858,7 +862,7 @@ button:enabled:active { #help-contents p { text-indent: 20pt; - max-width: 80em; + max-width: 60em; line-height: 1.4em; width: 80%; margin-bottom: 8pt; @@ -886,6 +890,7 @@ button:enabled:active { #help-contents img { display: block; - margin: auto; + width: 80%; + max-width: 60em; height: 60pt; } \ No newline at end of file diff --git a/macrovision.html b/macrovision.html index ada2a0ff..101582a7 100644 --- a/macrovision.html +++ b/macrovision.html @@ -5,7 +5,8 @@
Macrovision is a tool for visualizing sizes. You can create, scale, and pose a variety of silhouettes, ranging from galactic structures to individual atoms.
+Macrovision is a tool for visualizing sizes. You can create, scale, and pose a variety of silhouettes, + ranging from galactic structures to individual atoms.
+ +This tool was created by me, chemicalcrux!
+ +You can join the Discord server to report bugs and see what's new. If you've found the site helpful, consider + supporting me on Ko-Fi, too!
+ +Zoom in and out with the scroll wheel. You can also manually change the size of the world in the sidebar, or use the and buttons on the sides of the viewer.
+Zoom in and out with the scroll wheel. You can also manually change the size of the world in the sidebar, or + use the and buttons on the sides of the + viewer.
+ +Shift+scroll without anything selected to move horizontally. You can also use the and buttons to scroll.
+ +Alt+scroll to make the world larger or smaller without changing where things are positioned on the screen. +
Each thing in the world is an entity. Macrovision comes with many of these, grouped into categories. For example, in the Naturals category, you'll find large bodies such as stars, country borders, and planets.
+Each thing in the world is an entity. Macrovision comes with many of these, grouped into categories. + For example, in the Naturals category, you'll find large bodies such as stars, country borders, and planets. +
+ +Each entity has one or more views. For example, many characters have a front view and a back view. Some + entities are collections of things, like countries — these have one view for each thing they represent! +
-If you want to compare something that doesn't exist yet, you can create a custom entity. There are three ways you can do this:
+If you want to compare something that doesn't exist yet, you can create a custom entity. There are three ways + you can do this:
When you have an entity selected, you'll see additional sections in the sidebar: one for the entity itself, and one for its current view.
- -The entity options control things like scale (how big the entity is compared to normal) and display name. You can also pick from one or more default sizes.
+Shift+scroll with an entity selected to grow or shrink it. You can also use the and buttons to adjust size. +
-Each entity has one or more views. For example, many characters have a front view and a back view. Each view has its own properties -- most importantly, they each have their own heights. The different views for an entity are kept in sync. If you double the height of a character and switch to their back view, that view will be twice as tall as usual.
+When you have an entity selected, you'll see additional sections in the sidebar: one for the entity itself, + and one for its current view.
+The entity options control things like scale (how big the entity is compared to normal) and display name. You + can also pick from one or more default sizes.
You can take a screenshot of the current scene with the Screenshot button. The screenshot will be copied to your clipboard. You can also use the Download button to download the current scene as an image. This currently only includes the scale and the silhouettes themselves; it won't include things like names.
+You can take a screenshot of the current scene with the Screenshot + button. The screenshot will be copied to your clipboard. You can also use the Download button to download the current scene as an image. This currently only includes + the scale and the silhouettes themselves; it won't include things like names.
-If you want to show a scene to someone else, you can use Permalink to get a permalink. It'll be pretty large, since it represents where everything is. I'll probably add a link shortener at some point!
- -You can also export the current scene as text with Export , copying it to your clipboard. You can import a scene from the clipboard with Import .
- -This tool was created by me! I'm chemicalcrux.
- -If you've found the site helpful, consider joining the Discord server — and maybe support me on Ko-Fi, too!
- -If you want to show a scene to someone else, you can use Permalink to get + a permalink. It'll be pretty large, since it represents where everything is. I'll probably add a link + shortener at some point!
+You can also export the current scene as text with Export , copying it to + your clipboard. You can import a scene from the clipboard with Import .