you are now editing the page!
this is the configuration panel - use the tabs above to find various
customization options for your startpage experience.
this panel is adjustable, and every "layer" you add to the page will be as well.
click + drag to move, right-click + drag to resize.
on the "layers" tab, you can add two types of layers to the page:
your changes will be saved to the page when you exit editing mode!
to undo current changes / revert to the last saved state, force refresh the page while still
editing the page.
that concludes the basics. there's some more advanced information below:
tips and design tricks
+
there are some keyboard shortcuts for your convenience:
"e" = enables editing mode
esc = disables editing mode (and saves page)
backspace = delete last clicked container (only in editing mode)
precise adjustments: click on a container or settings slider to focus it, then use the arrow keys to make minute changes (hold shift for a speed boost when moving containers).
floating text:
to create floating text, create a bookmark layer, remove the border, and
set the background opacity to zero. then, add new sections to the layer
with no bookmark link or label information. customize the layer's section
text to your liking and place freely.
straight lines:
create a bookmark layer and set the border to your desired line width. remove the
clock, date, and divider so that it's just an empty container, then shrink the container
all the way left or up so that it becomes just a line!
setting fonts
+
you can use any font that is available on
google fonts.
NOTE: if you have multiple font families in your cart (it tracks all
of the fonts you press "get font" on), only the top one will be
loaded into your startpage. also, only regular versions of fonts
are supported.
to load a font:
1.) on google fonts, open a font you like, and press the "get font"
button. then, press the "get embed code" button.
2.) there will be a section on the right with various tabs ("web",
"android", "ios", ..) under the "web" tab (you are already probably
on it), click the "copy code" button under the option titled:
"embed code in the <head> of your html" (it should be a
few lines starting with "<link ...", right at the very top)
3.) paste copied contents into the "change font" input, found on the desired
layer's "text options"
NOTE: images larger than 32x32 may not work (based on browser)
site with a bunch of cursors for reference
NOTE: autoplay requires either whitelisting this site or generally enabling "allow auto-play audio" in your browser's settings.