added drop.hangar.org to radar.hangar.org

README.md

@@ -23,4 +23,42 @@ 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);
+  }
+```

assets/css/hangar-static-app.css

@@ -6,6 +6,7 @@ author jorge@hangar.org
 */
 :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);
@@ -15,10 +16,13 @@ author jorge@hangar.org
   --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');
 }
 
 @media screen{

index-radar.html

@@ -230,6 +230,22 @@
                   </p>
                 </div>
               </div>
+              <div class="hangar-service cell card">
+                <div class="card-divider">
+                  <h6>
+                    <a href="https://drop.hangar.org">
+                      Drop <i class="fas fa-solid fa-parachute-box"></i>
+                    </a>
+                  </h6>
+                </div>
+                <div class="card-image">
+                  <img src="" class="small">
+                </div>
+                <div class="card-section">
+                  <p>Share and/or receive big files: drop the files and get a URL to share using <a href="https://drop.hangar.org" class="button">drop</a> folder from hangar.
+                  </p>
+                </div>
+              </div>
             </section>
 
           </main>