elementos gráficos aplicables a Hangar mostrados en https://grafica.hangar.org
jorge 435b6015fc | ||
---|---|---|
assets | ||
hangar-favicon.ico | ||
LICENSE | ||
README.md | ||
browserconfig.xml | ||
hangar-favicon.ico.zip | ||
hangar-firma-mail.txt | ||
hangar-logo-400x170.jpg | ||
hangar-logo-400x170.png | ||
hangar-logo-claim-b.png | ||
hangar-logo-claim-blinking-b.gif | ||
hangar-logo-claim-blinking-w.gif | ||
hangar-logo-claim-w.png | ||
hangar-logo-claim.svg | ||
hangar-logo-favico-b.png | ||
hangar-logo-favico-w.png | ||
hangar-logo-favico.png | ||
hangar-logo-icon-512-b.png | ||
hangar-logo-icon-512-w.png | ||
hangar-logo-icon-512.png | ||
hangar-logo-icon.svg | ||
hangar-logo-invert-400x170.jpg | ||
hangar-logo-invert-400x170.png | ||
hangar-logo-invert.jpg | ||
hangar-logo-invert.png | ||
hangar-logo-invert.svg | ||
hangar-logo-jitisi-watermark.png | ||
hangar-logo-mail.png | ||
hangar-logo-roundcube-editable.svg | ||
hangar-logo-roundcube.svg | ||
hangar-logo-transp-w.png | ||
hangar-logo-transp.png | ||
hangar-logo-web-2022.gif | ||
hangar-logo.jpg | ||
hangar-logo.png | ||
hangar-logo.svg | ||
index-kitchen-sink.html | ||
index-live-chat.html | ||
index-live.html | ||
index-offline.html | ||
index-radar.html | ||
index-template.html | ||
index.html |
README.md
grafica-hangar-org
elementos gráficos aplicables a Hangar mostrados en https://grafica.hangar.org# using the static templates maintenance mode.
instructions as 2020 04 20 by jorge
to use the static page for Hangar:
copy/move the content into the main site directory
- css-static-template (directory as is)
- index-template.html
- index-offline.html
for Hangar case: the page is ready,
for other edit the index-template.html
with desidered content
then:
- rename the original
index.html
orindex.php
toindex.html.YYYYMMDD
orindex.php.YYYYMMDD
(ex index.html.20200414) - rename
index-offline.html
toindex.html
step back / roll back:
- rename index.html to index-offline.html
- rename index.html.YYYYMMDD to index.html or index.php.YYYYMMDD to index.php
styles variables and colors
the global variables and colors are
:root{
--color-hangar: rgb(0,0,255);
--color-hangar-light: rgb(180,180,255);
--color-body: rgb(20,20,20);
--color-secondary: rgb(90,90,90) ;
--color-background: rgb(250,250,250);
--color-body-invert: rgb(200,200,200);
--color-background-invert: rgb(10,10,10);
--color-black: rgb(0,0,0);
--color-white: rgb(255,255,255);
--color-grey-dark: rgb(110,110,110);
--color-grey-light: rgb(230,230,230);
--color-error: rgb(230,50,50);
--global-padding: 1rem;
--global-margin: 1rem;
--global-border: 0.05rem solid var(--color-grey-light);
--global-radius: 1rem;
--font-hangar: Helvetica-Rounded, arial rounded, helvetica, arial, sans-serif;
--logo-hangar: url('https://grafica.hangar.org/assets/img/hangar-logo.svg');
}
they can be calles like this:
a {
color: var(--color-hangar);
}
a:hover {
color: var(--color-white);
background-color: var(--color-hangar);
}