diff --git a/about/index.php b/about/index.php index c3258a3..260c04d 100644 --- a/about/index.php +++ b/about/index.php @@ -4,85 +4,149 @@ set_include_path('../'); include_once 'commons/config.php'; include_once 'commons/langs.php'; ?> - - - - - <?php print(localize('about.head.title')); ?> - - - - - - - - - - -
-

- -

- -
-
- - - - -

-
- -

- - -

- -

-

- -

-

-
- -

-

- -

- - -

- -

-

-
- -

-

- -

- - -

- -

-

- -

- - - -
- - - + + + + + <?php print(localize('about.head.title')); ?> + + + + + + + + + + +
+

+ +

+ +
+
+ + + +

+
+ +

+

+
+ +

+

+
+ +

+ + +

+ + TODO +

+ + +

+
+ +

+

+ +

+

+ +

+ + +

+
+ +

+

+ +

+

+
+ +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
€
€
€
€
± €
:± € +
+

+ +

+ + + + + + + + + + + + + + + + + + + + + +
± €
± €
:± € +
+
+ + + OSI approved licenses.", + "about.intro.text.21": "All of it is maintained, developed and expanded in my free time with the occasional help from people in the open-source community.", + + + "about.tenets.title": "Core tenets", + + "about.tenets.text.01": "", + "about.tenets.text.02": "", + + "about.future.title": "Future plans", + "about.future.text.01":"It is planned to turn NibblePoker into a SPRL in a couple years if everything goes as planned.", + "about.future.text.02":"This would allow me to centralize many things and invest properly in my targetted fields to achieve my goals.", + "about.future.text.10":"The goal would be to create a small sustainable local business that offers a wide range of products and solutions covering IoT devices, programming, and technological independence ; All while including the required software and hardware components often lacking in such products and solutions.", + "about.future.text.20":"Ultimately, all this work and research would be made available to the public under open-source licenses, enabling anyone who wishes to learn, reuse, and resell open-source products, to do so in a similar way as companies like Adafruit do.", - "about.nibblepoker.title": "The 'NibblePoker' name", - "about.aziascreations.title": "The 'AziasCreations' name" + "_about.nibblepoker.title": "The 'NibblePoker' name", + "_about.nibblepoker.text.01": "TODO", + "_about.nibblepoker.text.10": "TODO", + "_about.nibblepoker.text.11": "TODO", + "_about.nibblepoker.text.20": "TODO", + + + "about.financing.title": "Financing", + + "about.financing.text.01": "This website, as well as the surrounding infrastructure, was made to cost as little as possible while not being reliant on any censor-happy companies.", + "about.financing.text.02": "Following my core tenets, I also wanted to retain some sort of \"technological sovereignty\", and therefore refuse to support or use companies that actively fight against legal free speech.", + + "about.financing.text.10": "The details of the operating costs are provided below to illustrate the low price of such independence.", + + "about.financing.text.20": "And for those of you who are more motivated, I hope to inspire you to at least try this kind of activity.", + "about.financing.text.21": "It may seem daunting at first, but for a fraction of the cost presented here, and with a bit of motivation, you can already accomplish a lot of things and gain valuable knowledge for a world as interconnected as ours.", + + "about.financing.text.isp": "The main ISP bill isn't accounted for since this could run off some random public Wi-Fi.", + + "about.financing.part.service": "Service", + "about.financing.part.cost": "Cost", + "about.financing.part.cost.total": "Total Cost", + "about.financing.part.equipment": "Equipment", + "about.financing.part.cost.yearly": "Yearly Cost", + "about.financing.part.cost.yearly.total": "Yearly Cost", + + "about.financing.part.domain.lu": ".lu domain", + "about.financing.part.domain.com": ".com domain", + "about.financing.part.proxy.europe": "European reverse-proxy", + "about.financing.part.proxy.america": "American reverse-proxy", + "about.financing.part.proxy.asia": "Asian reverse-proxy", + "about.financing.part.emails": "Emails", + "about.financing.part.electricity": "Electricity", + "about.financing.part.nanopir4s": "NanoPi R4S", + "about.financing.part.storage": "Local storage", + + + "about.aziascreations.title": "The 'AziasCreations' name", + "_about.aziascreations.text.01": "TODO", + "_about.aziascreations.text.10": "TODO" } \ No newline at end of file diff --git a/commons/strings/fr/about.json b/commons/strings/fr/about.json index 4efcd35..30018bb 100644 --- a/commons/strings/fr/about.json +++ b/commons/strings/fr/about.json @@ -5,27 +5,71 @@ "about.og.description": "TODO: description", "about.header.title": "À-propos", + "about.intro.title": "Introduction", - "_about.history.title": "", - "about.history.text.90": "Nowadays, for the low sum of ~46€ per year, or ~70€ including the electricity bill, I can provide a decently reliable service to people around the world, and to myself when using this infrastructure for side-projects.", - "about.history.text.91": "The ability to [tech souver] for the price is something I've always strived to achieve and actively encourage other people to, at the very least, play around with in order to learn about and take back control of [???]", + "about.intro.text.01": "Je m'appelle Herwin Bozet, et je suis un développeur expérimenté en PureBasic, Python, Java, VBA ; et de manière plus modérée en C, API Win32, systèmes embarqués et le développement web général.", + "about.intro.text.02": "Je programme depuis environ 10 ans, et au cours des 5 dernières années, j'ai activement travaillé à l'application de cette expérience à divers projets dans le but d'aider les programmeurs et les gens dans leur vie quotidienne.", + + "about.intro.text.10": "NibblePoker est, en essence, un simple pseudonyme et une ombrelle sous laquelle la majeure partie de mon travail axé sur le public sera présente.", + "about.intro.text.11": "Il abrite l'ensemble de mon travail créé et adapté pour être utilisé par d'autres personnes.", + + "about.intro.text.20": "L'ensemble de ce site web, ainsi que l'ensemble de mon travail et autres projets personnels réalisés pour lui, sont entièrement open-source et disponibles sous des licences permissives approuvées par l'OSI.", + "about.intro.text.21": "Tout cela est maintenu, développé et étendu pendant mon temps libre, avec l'aide occasionnelle de personnes de la communauté open source.", + + + "about.tenets.title": "Principes fondamentaux", + + "about.tenets.text.01": "", + "about.tenets.text.02": "", + "about.future.title": "Projet d'avenir", - "about.future.text.01": "Dans le futur, il est prévu de décliner NibblePoker en une SPRL", - "about.future.text.10": "Cela aura pour bût de me permettre d'investir dans des domaines ???.", - "about.future.text.20": "La finalité serait de pouvoir créer un projet d'entreprise durable et proposer un large gamme de produits et solutions couvrant les domaines de [?? & ???, en full-stack].", - "about.future.text.21": "Sette dernière serait soutenu, de manière ouverte en interne, par des services de conception de produits, de création de librairies et autres parties soutenable de la chaine de production.", - "about.future.text.30": "[Open-source & instructif].", - "about.nibblepoker.title": "Le nom 'NibblePoker'", - "about.nibblepoker.text.01": "Le sobriquet 'NibblePoker' est un mot inventé qui est composé de plusieurs termes [techniques] plus anciens.", - "about.nibblepoker.text.10": "●  'Nibble' est un terme technique anglais historiquement utilisé pour décrire décrit un demi-octet, ou 4 bits d'information.", - "about.nibblepoker.text.11": "●  'Poker' viens du verbe anglais 'to poke' qui, dans le domaine rétro-informatique, décrit le fait d'écrire des données dans la mémoire d'un ordinateur.", - "about.nibblepoker.text.20": "Finalement, lors de la création de ce surnom, je travaillais depuis quelques temps sur d'anciennes machines telle la Commodore64, Acorn Electron et [???]", + "about.future.text.01":"Il est prévu que je décline NibblePoker en une petite SPRL d'ici quelques années si tout se déroule comme prévu.\n", + "about.future.text.02":"Cela aura pour but de me permettre de centraliser plein de choses et d'investir correctement dans mes domaines de prédilection.", + "about.future.text.10":"La finalité serait de pouvoir créer un petit projet local d'entreprise durable, ainsi que de proposer une large gamme de produits et solutions couvrant les domaines de l'électronique connectée et intelligente, la programmation et l’indépendance technologique tout en incluant les composantes logicielles et physiques souvent manquantes dans de tels produits et solutions.", + "about.future.text.20":"Finalement tout ce travail et recherches seraient mis à disposition du public sous des licences open-source afin de permettre permettant à quiconque le souhaite d’apprendre, réutiliser et revendre des produits ouverts tels que le font des compagnies comme Adafruit.", + + + "_about.nibblepoker.title": "Le nom 'NibblePoker'", + "_about.nibblepoker.text.01": "Le surnom 'NibblePoker' est un mot composé de plusieurs termes [techniques] plus anciens.", + "_about.nibblepoker.text.10": "●  'Nibble' est un terme technique anglais historiquement utilisé pour décrire décrit un demi-octet, ou 4 bits d'information.", + "_about.nibblepoker.text.11": "●  'Poker' viens du verbe anglais 'to poke' qui, dans le domaine rétro-informatique, décrit le fait d'écrire des données dans la mémoire d'un ordinateur.", + "_about.nibblepoker.text.20": "Finalement, lors de la création de ce surnom, je travaillais depuis quelques temps sur d'anciennes machines telle la Commodore64, Acorn Electron et [???]ironique.", + + + "about.financing.title": "Financement", + + "about.financing.text.01": "Ce site web, ainsi que son infrastructure environnante, ont été conçus pour coûter le moins possible tout en étant indépendants d'entreprises qui se prennent pour des censeurs.", + "about.financing.text.02": "Et en suivant mes principes fondamentaux, je souhaitais également conserver une \"souveraineté technologique\", et, par conséquent, refuse de soutenir ou d'utiliser des entreprises qui luttent activement contre la liberté d'expression.", + + "about.financing.text.10": "Le détail des coûts opérationnels sont présents ci-dessous afin d'illustrer le faible prix d'une telle indépendance.", + + "about.financing.text.20": "Et pour les plus motivés d'entre-vous, j'espère pouvoir vous motiver à au moins tester ce genre d'activités.", + "about.financing.text.21": "C'est un domaine qui peut paraître intimidant de prime abord, mais pour une fraction du coût présenté ici, et avec un rien de motivation, vous pouvez déjà accomplir énormément de choses et acquérir des connaissances essentielles dans un monde aussi connecté que le nôtre.", + + "about.financing.text.isp": "Le coût de la connexion internet n'est pas compté car elle pourrait être remplacée par un Wi-Fi public lambda.", + + "about.financing.part.service": "Service", + "about.financing.part.cost": "Coût", + "about.financing.part.cost.total": "Coût Total", + "about.financing.part.equipment": "Matériel", + "about.financing.part.cost.yearly": "Coût Annuel", + "about.financing.part.cost.yearly.total": "Coût Annuel", + + "about.financing.part.domain.lu": "Domaine en .lu", + "about.financing.part.domain.com": "Domaine en .com", + "about.financing.part.proxy.europe": "Reverse-proxy en Europe", + "about.financing.part.proxy.america": "Reverse-proxy en Amérique", + "about.financing.part.proxy.asia": "Reverse-proxy en Asie", + "about.financing.part.emails": "Adresses email", + "about.financing.part.electricity": "Électricité", + "about.financing.part.nanopir4s": "NanoPi R4S", + "about.financing.part.storage": "Stockage local", + "about.aziascreations.title": "Le nom 'AziasCreations'", "about.aziascreations.text.01": "L'ancien surnom 'AziasCreations' était utilisé entre 2013 et 2020 et est à présent abandonné au profit de NibblePoker.", "about.aziascreations.text.10": "Cependant, il reste utilisé sur GitHub et Gitea à cause de certaines limitations concernant les changements de pseudonyme qui m'ont empèché de faire un changement complet." - } \ No newline at end of file diff --git a/index.php b/index.php index 058c6b3..c1bc553 100644 --- a/index.php +++ b/index.php @@ -39,7 +39,7 @@ include 'commons/DOM/sidebar.php';

-
+
test123 test123 diff --git a/resources/NibblePoker/images/about/profile-pic.jpg b/resources/NibblePoker/images/about/profile-pic.jpg new file mode 100644 index 0000000..045a99c Binary files /dev/null and b/resources/NibblePoker/images/about/profile-pic.jpg differ diff --git a/resources/NibblePoker/images/logos/v2_opengraph_v2.png b/resources/NibblePoker/images/logos/v2_opengraph_v2.png new file mode 100644 index 0000000..f94b8df Binary files /dev/null and b/resources/NibblePoker/images/logos/v2_opengraph_v2.png differ diff --git a/resources/NibblePoker/scss/site/base.scss b/resources/NibblePoker/scss/site/base.scss index c2bc2e5..9fe1ac2 100644 --- a/resources/NibblePoker/scss/site/base.scss +++ b/resources/NibblePoker/scss/site/base.scss @@ -7,12 +7,15 @@ /* Site > Base > Layout > Root */ html, body { + // Do not use 100vh ! + // See: https://stackoverflow.com/a/59020698 + min-width: 100vw; - min-height: 100vh; + min-height: 100%; width: 100vw !important; - height: 100vh !important; + height: 100% !important; max-width: 100vw; - max-height: 100vh; + max-height: 100%; } /* Site > Base > Layout > Main Grid */ diff --git a/resources/NibblePoker/scss/site/image.scss b/resources/NibblePoker/scss/site/image.scss index bc1b705..38094e2 100644 --- a/resources/NibblePoker/scss/site/image.scss +++ b/resources/NibblePoker/scss/site/image.scss @@ -10,6 +10,11 @@ height: 1em; } +.img-profile { + width: 7.5rem; + height: 7.5rem; +} + .sidebar-entry > i { }