elementos gráficos aplicables a Hangar mostrados en https://grafica.hangar.org
Go to file
jorge 435b6015fc changed name in logo file 2022-04-20 15:09:09 +02:00
assets added drop.hangar.org to radar.hangar.org 2022-02-10 16:47:00 +01:00
hangar-favicon.ico first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
LICENSE Initial commit 2021-02-18 14:34:08 +01:00
README.md added drop.hangar.org to radar.hangar.org 2022-02-10 16:47:00 +01:00
browserconfig.xml first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-favicon.ico.zip first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-firma-mail.txt first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-400x170.jpg first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-400x170.png first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-claim-b.png first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-claim-blinking-b.gif first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-claim-blinking-w.gif first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-claim-w.png first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-claim.svg first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-favico-b.png first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-favico-w.png first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-favico.png first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-icon-512-b.png first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-icon-512-w.png first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-icon-512.png first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-icon.svg first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-invert-400x170.jpg first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-invert-400x170.png first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-invert.jpg first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-invert.png first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-invert.svg first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-jitisi-watermark.png first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-mail.png first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-roundcube-editable.svg first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-roundcube.svg first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo-transp-w.png grafica actualizada ficheros e index 2021-06-04 14:29:48 +02:00
hangar-logo-transp.png grafica actualizada ficheros e index 2021-06-04 14:29:48 +02:00
hangar-logo-web-2022.gif changed name in logo file 2022-04-20 15:09:09 +02:00
hangar-logo.jpg first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo.png first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
hangar-logo.svg first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
index-kitchen-sink.html first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
index-live-chat.html modified pages for live streaming, now you can add text between title and video 2021-03-05 13:40:56 +01:00
index-live.html modified pages for live streaming, now you can add text between title and video 2021-03-05 13:40:56 +01:00
index-offline.html first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
index-radar.html added drop.hangar.org to radar.hangar.org 2022-02-10 16:47:00 +01:00
index-template.html first commit with the hangar graphics 2021-02-18 14:35:19 +01:00
index.html grafica actualizada ficheros e index 2021-06-04 14:29:48 +02:00

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 or index.php to index.html.YYYYMMDD or index.php.YYYYMMDD (ex index.html.20200414)
  • rename index-offline.html to index.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);
  }