GithubHelp home page GithubHelp logo

alcapitan / atui Goto Github PK

View Code? Open in Web Editor NEW
4.0 4.0 1.0 20.11 MB

Front-end library to build your website easier.

Home Page: https://atui.vercel.app

License: GNU General Public License v3.0

HTML 40.28% CSS 0.30% JavaScript 28.31% Shell 0.19% SCSS 30.92%
easy-to-use frontend library npm web webapp website

atui's Introduction

Hello, welcome on my GitHub profile ! 👋

Who am I ? 💁

I'm a french 17 years old developer in high school.
I've been a coder for around 4 years. I am passionate about Linux and about open-source in general.
I'm specializing in web development, UI/UX, and design. Later, I want to learn how to code desktop applications.
My main project is ATUI. It's a web library (like Bootstrap) to help building websites. Besides, my portfolio is built with that !
My favorite quote is : If you are against the world, then you are made to change the world. (Indian quote)

Top Languages
GitHub stats of Al Capitan

Follow me to see all my progress ! 😊
You can also go to my portfolio.

My skills 👨‍💻

Unfortunately I don't have a server, so I cannot have back-end or proper deployment in my projects.

My knowledge :
HTML Icon CSS Icon JavaScript Icon Python Icon NPM Icon

In addition, soon :
Sass Icon ElectronJS Icon Typescript Icon Qt Icon GTK Icon C++ Icon Rust Icon

My aims in my works are the lightness and the UI/UX.
Look my repositories below ! 👇

Collaborations 🤝

I will be very grateful for any help you can give me on my projects. I already had some projects with my friends.

Contact me

> To contact me, you can instead create an issue in one of my projects and write your message.
Instagram Icon Mastodon Icon

atui's People

Contributors

alcapitan avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Forkers

gungun1643

atui's Issues

Variables css dans kernel vers patch

Variables css dans :root doivent être déplacés dans le patch.
Au cas où problèmes techniques du patch (ou pas de patch (why not) ), garder des variables de secours (système (= actuelles) ).

Intégration fonctionnalité Grid

Dans section, nouvelle fonctionnalité Grid (inspiré de la fonction CSS grid) :

  • 1 (par défaut), 2 ou 3 colonnes
  • avec en plus, la fonctionnalité d'un aside flottant dans le contenu à la style wikipédia
  • ce conteneur grid doit commencer et finir partout dans le contenu

Créer "About ATUI"

Comparable à winver (à exec sur Win).
Avec lien vers dépôt, site, conditions, etc...
Et version du framework (numéro + commit) pour LTS et BETA ; pour DEV préciser la branche.

Imposer formats open-sources pour medias

Remplacer musiques et vidéos par du open source.
Et imposer cela à l'avenir.

Musique en format (open-source+++) en .ogg (support : https://caniuse.com/?search=ogg ), et pour manque de support (ok à 80%) utiliser du mp3 (open-source grâce à brevets expirés).
Vidéos en format open-source++ ??

Créer vidéo test développeur (avec kde2live).
Et tester les Medias Player en multi-sources.

Source : ncs.io

Positionnement Selector

Bogue de placement de Selector en bas et à droite (?).
-> Conditions non-respectées.
-> Sur droite : compte ok & playlist nop.

Terminer ATUI Shields

Refaire et terminer bloqueur vieux navigateurs (IE et autres en <= 40) (pour permettre secours de vieux ordis) et blocage JavaScript (car maintenant plus rien de marche sans) (sauf si adaptions pour permettre non-JS.
Dans le style Windows 8.
Recommander Firefox / Brave, et tout autre système/navigateur/appareil de moins de 10 ans.

Intégrer couleur par défaut

  • Intégrer couleur par défaut

Change :

  • Border-top de footer
  • Liens dans section
  • Titres de paragraphe
  • Bouton dans illustration de header

Ajouter options de style

Plusieurs styles système dans un élément.
Une .class générale, et des .class subordonnées pour des options/variantes.

Générateur palette couleur

Créer générateur de couleur en JavaScript (dispo sur web mais pas méga inspirant) pour palette couleur.
Blanc/Noir (DisplayMode) et dégradé selon surface.
Idem pour couleur d'accentuation choisie par l'utilisateur.
Blanc/Noir et couleur d'accentuation avec opacité disponible.

Update footer

Supprimer ligne 91 contenant "Mentions légales".

Filtre visuel flou

Corriger bogue du non-affichage de l'effet blur sur les éléments concernés.
Solution : Ajouter un parent pour les éléments concernés car blur fonctionne où surperposition parent-enfant.

Flexibilité logo

  • Changement de width déjà supporté
  • Margin/Padding du logo a adapter sur demande : 0px ou 5px
  • Margin-left du titre a déboguer

Simplify variables names

Mettre à jour toutes les variables du framework vers le nouveau format.
Chercher extension VS Code qui liste variables déclarés.

Réécrire README

Actualiser le texte.
Supprimer provisoirement le « Comment l'utiliser ».
Créer section « Télécharger » et « Durée de maintenance ».
Se rapprocher du README de Bootstrap et regarder des tutos README github sur le web.

Polices d'écritures déplacés vers patch

Créer variables css pour polices d'écriture.
Variables CSS dans patch.
Et variables de secours dans kernel (Red Hat Display & Montserrat).
Plusieurs combinaisons (3) dans une variables.
Catégories : title, text, quote, special (dans style lobster).

Modifier style navigation

  • Comme actuellement
  • Texte simple sur barre de header
  • Texte sur barre de header avec défilement
  • Texte simple sur même endroit que actuellement

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.