diff --git a/css/pages/index.css b/css/pages/index.css index b5c54f0..7a14c25 100644 --- a/css/pages/index.css +++ b/css/pages/index.css @@ -3,7 +3,6 @@ @import "/css/utils/forms.css"; @import "/css/sections/nav.css"; -@import "/css/sections/welcome.css"; @import "/css/sections/about.css"; @import "/css/sections/services.css"; @import "/css/sections/projects.css"; diff --git a/css/sections/about.css b/css/sections/about.css index 550cf2d..8be5c72 100644 --- a/css/sections/about.css +++ b/css/sections/about.css @@ -4,6 +4,7 @@ align-items: center; justify-content: center; text-align: center; + margin-top: 3rem; } .about h2 { @@ -15,10 +16,14 @@ flex-direction: column; align-items: center; margin-bottom: 2rem; - text-align: center; + text-align: justify; max-width: 80%; } .about h3 { margin-bottom: 1.5rem; +} + +.about a.btn { + margin-top: 5rem; } \ No newline at end of file diff --git a/css/sections/nav.css b/css/sections/nav.css index de034fe..3efff09 100644 --- a/css/sections/nav.css +++ b/css/sections/nav.css @@ -18,12 +18,19 @@ nav { justify-content: center; align-items: center; display: flex; + margin-left: 1rem; } nav .logo img { - height: 2.6rem; - margin-left: 1rem; - margin-right: 1rem; + height: 2.5rem; + margin-left: 0.2rem; + margin-right: 0.2rem; + margin-top: -0.3rem; +} + +nav .logo { + font-size: 2.5rem; + font-family: NeverMind-Bold; } nav ul { diff --git a/css/sections/projects.css b/css/sections/projects.css index 303a5b3..a4f9a90 100644 --- a/css/sections/projects.css +++ b/css/sections/projects.css @@ -16,7 +16,7 @@ .projects .wrapper { display: flex; - align-items: flex-start; + align-items: stretch; justify-content: center; flex-flow: row wrap; margin: 2.5rem 0; @@ -24,9 +24,9 @@ .projects .project { display: flex; - text-align: center; flex-direction: column; align-items: center; + justify-content: flex-start; max-width: 25rem; padding: 2rem; margin: 1.5rem; @@ -52,7 +52,6 @@ margin: 1rem; padding: 0.5rem; border-radius: 0.5rem; - box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem var(--box-shadow); } .project p.status.hold { diff --git a/css/sections/services.css b/css/sections/services.css index 115bc30..d5543f5 100644 --- a/css/sections/services.css +++ b/css/sections/services.css @@ -4,6 +4,7 @@ align-items: center; justify-content: center; background-color: var(--background-color-2); + text-align: justify; } .services h2 { diff --git a/css/sections/welcome.css b/css/sections/welcome.css deleted file mode 100644 index 6beffdc..0000000 --- a/css/sections/welcome.css +++ /dev/null @@ -1,63 +0,0 @@ -#welcome { - margin-top: var(--nav-height); - padding: 0; - background: url("/media/images/welcome-background-1080p.webp") center; - background-size: cover; - height: calc(100vh - var(--nav-height)); - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - text-align: center; -} - -#welcome-logo { - height: 15rem; - width: 15rem; -} - -#welcome h1 { - margin: 1rem 20% 1rem 1rem; - border: solid 0.25rem #5791FF; - border-radius: 50px; - padding: 0.5rem 1.25rem; - background-color: var(--background-color-1); -} - -#welcome h4 { - margin: 0 0 0 20%; - border: solid 0.25rem #5791FF; - border-radius: 50px; - padding: 0.5rem 1.25rem; - background-color: var(--background-color-1); -} - -#scroll-down { - position: absolute; - bottom: 2rem; - width: 3rem; - height: 2rem; -} - -#scroll-down img { - width: 3rem; -} - -@media only screen and (max-width: 1280px) { - #welcome { - background: url("/media/images/welcome-background-720p.webp") center; - background-size: cover; - } - #welcome h4 { - margin: 2rem; - } - #welcome h1 { - margin: 1rem; - } -} -@media only screen and (max-width: 500px) { - #welcome { - background: url("/media/images/welcome-background-mobile.webp") center; - background-size: cover; - } -} \ No newline at end of file diff --git a/css/utils/base.css b/css/utils/base.css index 9af8d1d..c4d0e0c 100644 --- a/css/utils/base.css +++ b/css/utils/base.css @@ -1,8 +1,14 @@ /* FONTS IMPORT */ @font-face { - font-family: Friend; - src: url("/media/fonts/Friend-Bold.otf"); + font-family: NeverMind; + src: url("/media/fonts/NeverMindRounded-Regular.woff2"); + font-display: swap; +} + +@font-face { + font-family: NeverMind-Bold; + src: url("/media/fonts/NeverMindRounded-Bold.woff2"); font-display: swap; } @@ -14,7 +20,7 @@ box-sizing: border-box; border: none; text-decoration: none; - font-family: Friend, sans-serif; + font-family: NeverMind, sans-serif; scroll-behavior: smooth; } @@ -64,6 +70,7 @@ } html { + color: var(--text-color-1); background-color: var(--background-color-1); scroll-padding-top: var(--nav-height); @@ -80,23 +87,32 @@ a { text-decoration: none; } +strong { + font-family: NeverMind-Bold, sans-serif; +} + h1 { + font-family: NeverMind-Bold, sans-serif; font-size: 3rem; } h2 { + font-family: NeverMind-Bold, sans-serif; font-size: 2.5rem; } h3 { + font-family: NeverMind-Bold, sans-serif; font-size: 2rem; } h4 { + font-family: NeverMind-Bold, sans-serif; font-size: 1.5rem; } h5 { + font-family: NeverMind-Bold, sans-serif; font-size: 1.4rem; } @@ -114,11 +130,13 @@ section { /* CUSTOM */ span.in-blk { + font-family: NeverMind-Bold, sans-serif; display: inline-block; } -span.color-1 { +span.q { color: var(--item-color-1); + font-family: NeverMind-Bold, sans-serif; } h1 .q { @@ -160,4 +178,8 @@ p .q { .link { text-decoration: underline; color: var(--text-color-2); +} + +a.btn { + font-family: NeverMind-Bold, sans-serif; } \ No newline at end of file diff --git a/media/fonts/Friend-Bold.otf b/media/fonts/Friend-Bold.otf deleted file mode 100644 index 03985c3..0000000 Binary files a/media/fonts/Friend-Bold.otf and /dev/null differ diff --git a/media/fonts/NeverMindRounded-Bold.ttf b/media/fonts/NeverMindRounded-Bold.ttf new file mode 100644 index 0000000..c32e021 Binary files /dev/null and b/media/fonts/NeverMindRounded-Bold.ttf differ diff --git a/media/fonts/NeverMindRounded-Bold.woff2 b/media/fonts/NeverMindRounded-Bold.woff2 new file mode 100644 index 0000000..5ce4e37 Binary files /dev/null and b/media/fonts/NeverMindRounded-Bold.woff2 differ diff --git a/media/fonts/NeverMindRounded-BoldItalic.ttf b/media/fonts/NeverMindRounded-BoldItalic.ttf new file mode 100644 index 0000000..11d8152 Binary files /dev/null and b/media/fonts/NeverMindRounded-BoldItalic.ttf differ diff --git a/media/fonts/NeverMindRounded-DemiBold.ttf b/media/fonts/NeverMindRounded-DemiBold.ttf new file mode 100644 index 0000000..466ab85 Binary files /dev/null and b/media/fonts/NeverMindRounded-DemiBold.ttf differ diff --git a/media/fonts/NeverMindRounded-DemiBoldItalic.ttf b/media/fonts/NeverMindRounded-DemiBoldItalic.ttf new file mode 100644 index 0000000..3f901f4 Binary files /dev/null and b/media/fonts/NeverMindRounded-DemiBoldItalic.ttf differ diff --git a/media/fonts/NeverMindRounded-ExtraBold.ttf b/media/fonts/NeverMindRounded-ExtraBold.ttf new file mode 100644 index 0000000..062d1b0 Binary files /dev/null and b/media/fonts/NeverMindRounded-ExtraBold.ttf differ diff --git a/media/fonts/NeverMindRounded-ExtraBoldItalic.ttf b/media/fonts/NeverMindRounded-ExtraBoldItalic.ttf new file mode 100644 index 0000000..a168ede Binary files /dev/null and b/media/fonts/NeverMindRounded-ExtraBoldItalic.ttf differ diff --git a/media/fonts/NeverMindRounded-ExtraLight.ttf b/media/fonts/NeverMindRounded-ExtraLight.ttf new file mode 100644 index 0000000..fbc9072 Binary files /dev/null and b/media/fonts/NeverMindRounded-ExtraLight.ttf differ diff --git a/media/fonts/NeverMindRounded-ExtraLightItalic.ttf b/media/fonts/NeverMindRounded-ExtraLightItalic.ttf new file mode 100644 index 0000000..038c906 Binary files /dev/null and b/media/fonts/NeverMindRounded-ExtraLightItalic.ttf differ diff --git a/media/fonts/NeverMindRounded-Light.ttf b/media/fonts/NeverMindRounded-Light.ttf new file mode 100644 index 0000000..3df0803 Binary files /dev/null and b/media/fonts/NeverMindRounded-Light.ttf differ diff --git a/media/fonts/NeverMindRounded-LightItalic.ttf b/media/fonts/NeverMindRounded-LightItalic.ttf new file mode 100644 index 0000000..68b65b7 Binary files /dev/null and b/media/fonts/NeverMindRounded-LightItalic.ttf differ diff --git a/media/fonts/NeverMindRounded-Medium.ttf b/media/fonts/NeverMindRounded-Medium.ttf new file mode 100644 index 0000000..1ef3a0c Binary files /dev/null and b/media/fonts/NeverMindRounded-Medium.ttf differ diff --git a/media/fonts/NeverMindRounded-MediumItalic.ttf b/media/fonts/NeverMindRounded-MediumItalic.ttf new file mode 100644 index 0000000..4454e26 Binary files /dev/null and b/media/fonts/NeverMindRounded-MediumItalic.ttf differ diff --git a/media/fonts/NeverMindRounded-Regular.ttf b/media/fonts/NeverMindRounded-Regular.ttf new file mode 100644 index 0000000..3a63bf0 Binary files /dev/null and b/media/fonts/NeverMindRounded-Regular.ttf differ diff --git a/media/fonts/NeverMindRounded-Regular.woff2 b/media/fonts/NeverMindRounded-Regular.woff2 new file mode 100644 index 0000000..3a3652f Binary files /dev/null and b/media/fonts/NeverMindRounded-Regular.woff2 differ diff --git a/media/fonts/NeverMindRounded-RegularItalic.ttf b/media/fonts/NeverMindRounded-RegularItalic.ttf new file mode 100644 index 0000000..bd106ce Binary files /dev/null and b/media/fonts/NeverMindRounded-RegularItalic.ttf differ diff --git a/media/fonts/NeverMindRounded-Thin.ttf b/media/fonts/NeverMindRounded-Thin.ttf new file mode 100644 index 0000000..1ccee98 Binary files /dev/null and b/media/fonts/NeverMindRounded-Thin.ttf differ diff --git a/media/fonts/NeverMindRounded-ThinItalic.ttf b/media/fonts/NeverMindRounded-ThinItalic.ttf new file mode 100644 index 0000000..7c17c3a Binary files /dev/null and b/media/fonts/NeverMindRounded-ThinItalic.ttf differ diff --git a/pages/en/index.html b/pages/en/index.html index d05c4c5..39301e8 100644 --- a/pages/en/index.html +++ b/pages/en/index.html @@ -25,93 +25,70 @@ Menu Icon
Qonsole
-
-

- TeleQom Project -

-

- Telecommunications with Québec's values -

- -
-

About Us

- What is TeleQom? + What is TeleQom?

-

- The TeleQom Project, a Québec non-profit, is an ideal. We are attempting to restore ethics and - morals within the applications all of us use on a daily basis. From your favorite social platform, online - shopping, email or even messaging, almost all of them contain spying software. Robots read your emails and - your messages, some even listen to you talk. In our opinion, this is unacceptable and should be illegal but - you accepted these terms before using those applications and devices and that is why the law is powerless at - the moment. Since we don't have viable alternatives, we follow these technology giants with bad intentions. It - is in response to this severe lack of humanity that TeleQom was born. -

+

The TeleQom Project is NPO based in Quebec, Canada. + Our organisation creates software that is privacy respecting, ethical and secure by design. + We are funded by the profit generated from the services we offer and public donations. + If you believe in digital freedom, you will be amazed by what we do here.

- Libre Software + Why TeleQom?

- TeleQom embraces a philosophy that has been around for quite some - time, we use only Libre/Free Software. To make it simple, a program is much like a food recipe. Libre - Software grants the public access to it's source code (the recipe, that we call our Qode) to audit - and discover security flaws, modify or improve with the only condition of sharing back what was improved. - Proprietary software on the other hand, is the complete opposite. They hide how it works, and forbid auditing - their source code. It is obviously much harder to discover what it truly does with your information. + First, we don't spy on you like they all do. + In fact, we created the software in such a way that it is impossible to do so. + If we know more about yourself than your mother does, it's a threat to your freedom. + You wouldn't allow strangers in your bedroom, would you? Well in truth, you currently do. + We are here to change that.

- The Real Difference + In Technical Terms

- Our projects are designed in such a way that it is impossible for us to spy on you. What you do in your private - life does not concern us. Proprietary artifical intelligence programs can already anticipate your behavior, - modifiy your habits and the way you think by simply using this data that we all think harmless. Companies like - Cambridge Analytica already interfered in the United-States - elections, and this is only the beginning. Pegasus gives unlimited access to those willing - to pay to the complete virtual life of anyone with the help of flaws in software. It is now urgent to get rid - of those chains, and that is where TeleQom comes in. + We design our software with what is called client-side encryption. + It means that most data you send out of your computer in encrypted before it is sent. + That way, even we cannot see what you are doing. + For example, when you upload a file in DisQ, it is encrypted with a key only you have before it gets sent. + So when it is in transit over the internet or when it is stored in our servers, it cannot be read by anyone but you. + The information we have access to is the file size, when it was sent to us and who it belongs to. + We cannot see the content, the title, or anything else that is private.

- Telecommunication + Libre Software

- It's not pretty when you take a closer look at how these big corporations use us. But instead of admitting - defeat, we chose to remedy this situation with whatever freedom we still have left. We will start by securing - our telecommunications (email, social, messaging, videoconference and telephone). Then, - Qommerce - will help fund the infrastructure and development of our projects. Finally, a voting application, called - PolitiQ - that will give the power back to the people. Keep in mind, TeleQom does not - sell your data and is a non-profit, so donations are necessary to its survival. We do what we can to offer our - projects for free, but it is not easy. All profits generated by the following services are invested in the - development of our projects! + Software is like a food recipe. + It tells a computer what to do, step by step. + Most corporations hide what they tell your computer to do, we do not. + All our projects are distributed under a public license which gives the public access to the recipe, also called the source code. + By doing so, millions of developers around the world can audit the code and improve it. + We will always remain that transparent, especially for code that runs on your machine. + Are you a developer? Take a look at our Qode by clicking the following button.

+ Qode Repositories +
@@ -123,7 +100,7 @@

A web site, a mobile application, an online shopping application, name it. TeleQom uses Libre Software as much as possible to build your project. This results in an application that respects its users, is safer, more stable and much cheaper.

- More + Development Services
@@ -132,7 +109,7 @@

Repairs

In the same way, we love to give your devices a second life. Broken phone display? Laptop not holding charge? Computer doesn't start or is slower than before? We can fix all of that!

- More + Repair Services
@@ -140,11 +117,11 @@

Support

Paid support is also available for most technology related issues you may be facing. At - TeleQom, we like to play around with techonology a lot. Could be your wi-fi network, your browser + TeleQom, we like to play around with techonology a lot. Could be your wi-fi network, your browser is out-of-date, you can't update apps on your phone, anything IT really. Just reach out to us, we might be able to help you!

- Contact + Contact Us
@@ -162,104 +139,101 @@ rel="noreferrer noopener" class="link">Libre Office is a great alternative for all types of documents. For image manipulation, GIMP is also a great choice.

- More + Installation Services

Our Projets

-

The following projects are or will be available from your - Qonsole. +

The following projects are Apps designed to be integrated in your Qonsole. Come back later to see if the Status of your favorite project changed!

Qonsole Logo

Qonsole

-

The main dashboard where you can access all of your applications. The - Qonsole is in charge of displaying all your apps in the same location, in a uniform and simple +

In Development

+

The main dashboard where you can access all of your applications. The Qonsole is in charge of displaying all your apps in the same location, in a uniform and simple way.

-

In Development

DisQ Logo

DisQ

+

In Development

This is where you store all your data, it's your personal hard drive but hosted on an external server. All accessible only by you, the server can not see your data.

-

In Development

InterQom Logo

InterQom

-

InterQom +

On Hold

+

InterQom is the sane alternative to other social networks. Your conversations are entirely private and even we don't have access to your data.

-

On Hold

Qommerce Logo

Qommerce

+

On Hold

The center of exchange and online commerce. Local businesses and individuals can share the fruit of their labour. We will accept cryptocurrencies as well as regular Canadian money.

-

On Hold

Qonvo Logo

Qonvo

-

Instant messaging is the easiest way we have to communicate with one - another. This project includes audio and video calls, all encrypted from you to your recipients.

On Hold

+

Instant messaging, audio and video calls, all end-to-end encrypted from you to your recipients.

Qourrier Logo

Qourier

-

The portal to access your emails, from your Qonsole. Emails - between users are fully encrypted and we support most providers.

On Hold

+

The portal to access your emails, from your Qonsole. Emails + between users are fully encrypted and we support most providers.

PolitiQ Logo

PolitiQ

-

TeleQom +

On Hold

+

TeleQom is a round table where all Quebecers are invited. Your opinion will finally be heard in the government. The real democracy at your fingertips!

-

On Hold

Qontact Logo

Qontact

+

On Hold

The good old address book. Here you store your contact information, email, phone, Qonvo or InterQom identifier, and more.

-

On Hold

Qalendrier Logo

Qalender

+

On Hold

We all need a calendar. Here you can manage your personal or professional life, schedule an appointment with another user and even see your future events on - InterQom. + InterQom.

-

On Hold

Qable Logo

Qable

+

On Hold

The audio and video content delivery platform, which uses Torrent technology to lighten the load on the servers and therefore the resulting costs. The more people watching it, the faster it gets!

-

On Hold

Qi Logo

iQ

+

On Hold

- Tutorials for everyone! Each page contains the other iQ necessary or recommended to understand the subject at hand. + Tutorials for everyone! Each page contains the other iQ necessary or recommended to understand the subject at hand. You will be able to widen your scope of the world, all in private naturally!

-

On Hold