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)
arrow keys = slight movement (must click on container first to focus)
backspace = delete container (must click on container first to focus)
precise adjustments: click on a slider (e.g. border width) to focus it, keep your mouse hovered over it, and use the arrow keys to make minute changes.
floating text:
create a bookmark layer, remove the border, and set the background opacity to zero.
then, add new sections to the layer without entering any label/link information.
customize the layer's section text to your liking and place wherever you want.
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. 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.