libre/libre-is
libre/libre-is
4
0
Fork 0
Code Activity

Quick and dirty landing page for libre.is

Browse source
This commit is contained in:
Jeff Moe 2024-09-04 13:07:12 -06:00
parent cdcf496097
commit d63db7b525
2 changed files with 72 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
README.md
View file

@ -14,6 +14,17 @@ Template based on this repo, under MIT license.
Replaced main bits, logo, etc. Replaced main bits, logo, etc.
# Build
Thusly.
```
git clone https://code.libre.is/libre/libre-is
cd libre-is/
# Edit pages, images.
# Sync to make live:
rsync -ultav --exclude="*.swp" html/ libre-is:/var/www/html/
```
# License # License
Contents are available under the Apache 2.0 license. Contents are available under the Apache 2.0 license.

86
html/index.html
View file

@ -1,18 +1,12 @@
<!--
-----------------
https://github.com/ardacarofficial/links-website is open source project.
-----------------
-->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Description - Your Title</title> <title>Libre Humans</title>
<meta name="description" content="Your Description"> <meta name="description" content="Libre Users and Developers">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400&amp;display=swap"> <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400&amp;display=swap"> -->
<link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
</head> </head>
@ -24,14 +18,20 @@ https://github.com/ardacarofficial/links-website is open source project.
<img src="img/logo.png" alt="Logo" /> <img src="img/logo.png" alt="Logo" />
</div> </div>
<div class="header_text flex_column_center"> <div class="header_text flex_column_center">
<h1 class="header_h_item">Your Title</h1> <!--
<h2 class="header_h_item">Your Description</h2> <h1 class="header_h_item">Sites for Libre Folks</h1>
<h2 class="header_h_item">Documentation and Code for Libre Organizations</h2>
-->
<h1 class="header_h_item">Documentation and Code for Liberty Organizations</h2>
</div> </div>
<!-- Logo, Title and Description Codes End --> <!-- Logo, Title and Description Codes End -->
<!-- Social Media Icons Codes Start --> <!-- Social Media Icons Codes Start -->
<!--
<div class="header_svg_list flex_row_center"> <div class="header_svg_list flex_row_center">
-->
<!-- Icon 1 Codes --> <!-- Icon 1 Codes -->
<!--
<div class="header_svg_item"> <div class="header_svg_item">
<a href="#link" target="_blank" rel="nofollow"> <a href="#link" target="_blank" rel="nofollow">
<svg enable-background="new 0 0 24 24" viewBox="0 0 24 24" > <svg enable-background="new 0 0 24 24" viewBox="0 0 24 24" >
@ -39,7 +39,9 @@ https://github.com/ardacarofficial/links-website is open source project.
</svg> </svg>
</a> </a>
</div> </div>
-->
<!-- Icon 2 Codes --> <!-- Icon 2 Codes -->
<!--
<div class="header_svg_item"> <div class="header_svg_item">
<a href="#link" target="_blank" rel="nofollow"> <a href="#link" target="_blank" rel="nofollow">
<svg enable-background="new 0 0 24 24" viewBox="0 0 24 24"> <svg enable-background="new 0 0 24 24" viewBox="0 0 24 24">
@ -47,7 +49,9 @@ https://github.com/ardacarofficial/links-website is open source project.
</svg> </svg>
</a> </a>
</div> </div>
-->
<!-- Icon 3 Codes --> <!-- Icon 3 Codes -->
<!--
<div class="header_svg_item"> <div class="header_svg_item">
<a href="#link" target="_blank" rel="nofollow"> <a href="#link" target="_blank" rel="nofollow">
<svg enable-background="new 0 0 24 24" viewBox="0 0 24 24"> <svg enable-background="new 0 0 24 24" viewBox="0 0 24 24">
@ -57,7 +61,9 @@ https://github.com/ardacarofficial/links-website is open source project.
</svg> </svg>
</a> </a>
</div> </div>
-->
<!-- Icon 4 Codes --> <!-- Icon 4 Codes -->
<!--
<div class="header_svg_item"> <div class="header_svg_item">
<a href="#link" target="_blank" rel="nofollow"> <a href="#link" target="_blank" rel="nofollow">
<svg enable-background="new 0 0 24 24" viewBox="0 0 24 24"> <svg enable-background="new 0 0 24 24" viewBox="0 0 24 24">
@ -68,9 +74,11 @@ https://github.com/ardacarofficial/links-website is open source project.
</a> </a>
</div> </div>
</div> </div>
-->
<!-- Social Media Icons Codes End --> <!-- Social Media Icons Codes End -->
<!-- Menu Codes Start --> <!-- Menu Codes Start -->
<!--
<nav> <nav>
<ul class="header_nav_menu_list flex_no_wrap_row_center"> <ul class="header_nav_menu_list flex_no_wrap_row_center">
<li data-target="#main_section_container_1" id="header_nav_menu_item_1" class="header_nav_menu_item" href="">Menu 1</li> <li data-target="#main_section_container_1" id="header_nav_menu_item_1" class="header_nav_menu_item" href="">Menu 1</li>
@ -78,6 +86,7 @@ https://github.com/ardacarofficial/links-website is open source project.
<li data-target="#main_section_container_3" id="header_nav_menu_item_3" class="header_nav_menu_item" href="">Menu 3</li> <li data-target="#main_section_container_3" id="header_nav_menu_item_3" class="header_nav_menu_item" href="">Menu 3</li>
</ul> </ul>
</nav> </nav>
-->
<!-- Menu Codes End --> <!-- Menu Codes End -->
</header> </header>
@ -86,44 +95,49 @@ https://github.com/ardacarofficial/links-website is open source project.
<section id="main_section_container_1" class="flex_column_center"> <section id="main_section_container_1" class="flex_column_center">
<!-- Menu Text Item --> <!-- Menu Text Item -->
<div class="main_text_item"> <div class="main_text_item">
<p>The project, where you can easily change texts, icons, colours, boxes and images, is live! Download and try it on Github now.</p> <p>HOWTO deploy technology for privacy, security, and autonomy for your organization.</p>
</div> </div>
<!-- Menu Small Item --> <!-- Menu Small Item -->
<div class="main_small_button_list"> <div class="main_small_button_list">
<a class="main_small_a_item" href="https://github.com/ardacarofficial/links-website/wiki/Component-Settings" target="_blank" rel="nofollow"> <a class="main_small_a_item" href="https://docs.libre.is/" target="_blank" rel="nofollow">
<button class="main_small_button_item">Component Settings</button> <button class="main_small_button_item">User Documentation</button>
</a> </a>
<a class="main_small_a_item" href="https://github.com/ardacarofficial/links-website/wiki/Design-Settings" target="_blank" rel="nofollow"> <a class="main_small_a_item" href="https://dev.libre.is/" target="_blank" rel="nofollow">
<button class="main_small_button_item">Design Settings</button> <button class="main_small_button_item">Developer Documentation</button>
</a> </a>
</div> </div>
<!-- Menu Small Item --> <!-- Menu Small Item -->
<div class="main_small_button_list"> <div class="main_small_button_list">
<a class="main_small_a_item" href="https://github.com/ardacarofficial/links-website/discussions" target="_blank" rel="nofollow"> <a class="main_small_a_item" href="https://code.libre.is/libre/libre/issues" target="_blank" rel="nofollow">
<button class="main_small_button_item">Report a Bug or Suggestion</button> <button class="main_small_button_item">Issue and Suggestion Tracking</button>
</a> </a>
<a class="main_small_a_item" href="https://github.com/ardacarofficial/links-website/pulls" target="_blank" rel="nofollow"> <a class="main_small_a_item" href="https://forms.libre.is/" target="_blank" rel="nofollow">
<button class="main_small_button_item">Support the Project</button> <button class="main_small_button_item">Take the Survey!</button>
</a> </a>
</div> </div>
<!-- Menu Item --> <!-- Menu Item -->
<a class="main_a_item" href="https://github.com/ardacarofficial/links-website" target="_blank" rel="nofollow"> <!--
<button class="main_button_item">Github Open Source Files</button>
</a>
<!-- Menu Item -->
<a class="main_a_item" href="https://github.com/ardacarofficial" target="_blank" rel="nofollow"> <a class="main_a_item" href="https://github.com/ardacarofficial" target="_blank" rel="nofollow">
<button class="main_button_item">Project Creator</button> <button class="main_button_item">Project Creator</button>
</a> </a>
-->
<!-- Menu Item -->
<a class="main_a_item" href="https://code.libre.is/libre" target="_blank" rel="nofollow">
<button class="main_button_item">Source Code</button>
</a>
</section> </section>
<!-- Menu Container 1 Codes End --> <!-- Menu Container 1 Codes End -->
<!-- Menu Container 2 Codes Start --> <!-- Menu Container 2 Codes Start -->
<section id="main_section_container_2" class="flex_column_center"> <section id="main_section_container_2" class="flex_column_center">
<!-- Menu Text Item --> <!-- Menu Text Item -->
<!--
<div class="main_text_item"> <div class="main_text_item">
<p>Menu 2 text Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi molestiae nesciunt, exercitationem quaerat maxime non!</p> <p>Menu 2 text Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi molestiae nesciunt, exercitationem quaerat maxime non!</p>
</div> </div>
-->
<!-- Menu Small Item --> <!-- Menu Small Item -->
<!--
<div class="main_small_button_list"> <div class="main_small_button_list">
<a class="main_small_a_item" href="#link" target="_blank" rel="nofollow"> <a class="main_small_a_item" href="#link" target="_blank" rel="nofollow">
<button class="main_small_button_item">Menu 2 Small Item</button> <button class="main_small_button_item">Menu 2 Small Item</button>
@ -132,7 +146,9 @@ https://github.com/ardacarofficial/links-website is open source project.
<button class="main_small_button_item">Menu 2 Small Item</button> <button class="main_small_button_item">Menu 2 Small Item</button>
</a> </a>
</div> </div>
-->
<!-- Menu Small Item --> <!-- Menu Small Item -->
<!--
<div class="main_small_button_list"> <div class="main_small_button_list">
<a class="main_small_a_item" href="#link" target="_blank" rel="nofollow"> <a class="main_small_a_item" href="#link" target="_blank" rel="nofollow">
<button class="main_small_button_item">Menu 2 Small Item</button> <button class="main_small_button_item">Menu 2 Small Item</button>
@ -141,24 +157,34 @@ https://github.com/ardacarofficial/links-website is open source project.
<button class="main_small_button_item">Menu 2 Small Item</button> <button class="main_small_button_item">Menu 2 Small Item</button>
</a> </a>
</div> </div>
-->
<!-- Menu Item --> <!-- Menu Item -->
<!--
<a class="main_a_item" href="#link" target="_blank" rel="nofollow"> <a class="main_a_item" href="#link" target="_blank" rel="nofollow">
<button class="main_button_item">Menu 2 Item</button> <button class="main_button_item">Menu 2 Item</button>
</a> </a>
-->
<!-- Menu Item --> <!-- Menu Item -->
<!--
<a class="main_a_item" href="#link" target="_blank" rel="nofollow"> <a class="main_a_item" href="#link" target="_blank" rel="nofollow">
<button class="main_button_item">Menu 2 Item</button> <button class="main_button_item">Menu 2 Item</button>
</a> </a>
</section> </section>
-->
<!-- Menu Container 2 Codes End --> <!-- Menu Container 2 Codes End -->
<!-- Menu Container 3 Codes Start --> <!-- Menu Container 3 Codes Start -->
<!--
<section id="main_section_container_3" class="flex_column_center"> <section id="main_section_container_3" class="flex_column_center">
-->
<!-- Menu Text Item --> <!-- Menu Text Item -->
<!--
<div class="main_text_item"> <div class="main_text_item">
<p>Menu 3 text Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi molestiae nesciunt, exercitationem quaerat maxime non!</p> <p>Menu 3 text Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi molestiae nesciunt, exercitationem quaerat maxime non!</p>
</div> </div>
-->
<!-- Menu Small Item --> <!-- Menu Small Item -->
<!--
<div class="main_small_button_list"> <div class="main_small_button_list">
<a class="main_small_a_item" href="#link" target="_blank" rel="nofollow"> <a class="main_small_a_item" href="#link" target="_blank" rel="nofollow">
<button class="main_small_button_item">Menu 3 Small Item</button> <button class="main_small_button_item">Menu 3 Small Item</button>
@ -167,7 +193,9 @@ https://github.com/ardacarofficial/links-website is open source project.
<button class="main_small_button_item">Menu 3 Small Item</button> <button class="main_small_button_item">Menu 3 Small Item</button>
</a> </a>
</div> </div>
-->
<!-- Menu Small Item --> <!-- Menu Small Item -->
<!--
<div class="main_small_button_list"> <div class="main_small_button_list">
<a class="main_small_a_item" href="#link" target="_blank" rel="nofollow"> <a class="main_small_a_item" href="#link" target="_blank" rel="nofollow">
<button class="main_small_button_item">Menu 3 Small Item</button> <button class="main_small_button_item">Menu 3 Small Item</button>
@ -176,21 +204,29 @@ https://github.com/ardacarofficial/links-website is open source project.
<button class="main_small_button_item">Menu 3 Small Item</button> <button class="main_small_button_item">Menu 3 Small Item</button>
</a> </a>
</div> </div>
-->
<!-- Menu Item --> <!-- Menu Item -->
<!--
<a class="main_a_item" href="#link" target="_blank" rel="nofollow"> <a class="main_a_item" href="#link" target="_blank" rel="nofollow">
<button class="main_button_item">Menu 3 Item</button> <button class="main_button_item">Menu 3 Item</button>
</a> </a>
-->
<!-- Menu Item --> <!-- Menu Item -->
<!--
<a class="main_a_item" href="#link" target="_blank" rel="nofollow"> <a class="main_a_item" href="#link" target="_blank" rel="nofollow">
<button class="main_button_item">Menu 3 Item</button> <button class="main_button_item">Menu 3 Item</button>
</a> </a>
</section> </section>
-->
<!-- Menu Container 3 Codes End --> <!-- Menu Container 3 Codes End -->
</main> </main>
<footer> <footer>
<!-- Footer Codes Start --> <!-- Footer Codes Start -->
<div class="footer_div_item flex_row_center"> <div class="footer_div_item flex_row_center">
<a class="footer_a_item" href="#link">Your Name</a>&nbsp;| Copyright Text <!--
<a class="footer_a_item" href="#link">Libre Developers</a>&nbsp;| Copyright 2024
-->
Libre Developers &nbsp;| &nbsp; <A CLASS="footer_a_item" HREF="https://code.libre.is/libre/libre-is/src/branch/main/LICENSE-apache.txt">&copy; 2024</A>
</div> </div>
</footer> </footer>
<!-- Footer Codes End --> <!-- Footer Codes End -->