Skip to content

Version 1.0

Choose a tag to compare

View all tags
@Klaynight-dev Klaynight-dev released this 04 Feb 00:05
v1.0.0
500822c
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Version 1.0

✨ Fonctionnalités

  • 👤 Affichage de Profil:

    • 🖼️ Image de profil avec effet de pivot: Affichez une image de profil avec un effet de rotation 3D au survol.
    • 🔧 Icône et texte personnalisables pour le site: Personnalisez l'icône et le texte affichés sous l'image de profil.
    • 🔗 Lien vers le profil ou site externe: Ajoutez un lien cliquable vers votre profil ou site externe.

  • 🌐 Liens Externes:

    • ➕ Ajout de liens vers des sites externes: Ajoutez des liens vers des sites externes avec des icônes et des textes descriptifs.
    • ✨ Effets de survol pour les liens: Appliquez des effets de survol pour rendre les liens plus interactifs.

  • 🎨 Thèmes Personnalisables:

    • 🎨 Plusieurs thèmes disponibles: Choisissez parmi une variété de thèmes pour personnaliser l'apparence du site.
    • 🎨 Couleurs et styles ajustables: Ajustez les couleurs et les styles pour correspondre à votre branding.

  • 🎞️ Animations Configurables:

    • 🎞️ Animations pour les articles, boutons et arrière-plan: Ajoutez des animations pour les articles, les boutons et l'arrière-plan.
    • 🎞️ Options pour activer ou désactiver les animations: Activez ou désactivez les animations selon vos préférences.

  • 🔔 Notifications Discord:

    • 🔔 Intégration avec Discord: Envoyez des notifications à un canal Discord lors des pushs, pull requests, issues, et releases.

🛠️ Exemples de Modification

  1. 📂 Cloner le dépôt:
git clone https://github.com/Klaynight-dev/links_website_template.git
cd links_website_template
  1. ✏️ Modifier les Informations de Profil:
    - Ouvrez contents/js/profileConfig.js et modifiez les valeurs de l'objet profileData:
const profileData = {
    profileLink: "https://votre-lien.com",
    profileImage: "https://votre-image.com/image.jpg",
    profileIcon: "https://votre-icone.com/icone.png",
    profileSiteText: "Votre site",
    userName: "Votre Nom",
    email: "votre.email@exemple.com",
    links: [
        { icon: "https://votre-icone.com/icone1.png", url: "https://votre-lien1.com", text: "Lien 1" },
        { icon: "https://votre-icone.com/icone2.png", url: "https://votre-lien2.com", text: "Lien 2" },
        { icon: "https://votre-icone.com/icone3.png", url: "https://votre-lien3.com", text: "Lien 3" }
    ],
    backgroundImage: "https://votre-image-de-fond.com/image.jpg",
    profileHoverColor: "#7289DA",
    neonColors: ["#7289DA", "#FF4500", "#00FF00", "#FFD700", "#FF69B4"],
    selectedThemeIndex: 0,
    selectedAnimationIndex: 0,
    selectedAnimationButtonIndex: 1,
    selectedAnimationBackgroundIndex: 2,
    EnableAnimationArticle: 1,
    EnableAnimationButton: 1,
    EnableAnimationBackground: 1,
    animationDurationBackground: 30
};
  1. 🎨 Personnaliser les Thèmes:
    - Ajoutez ou modifiez les thèmes dans contents/js/themeConfig.js:
const themes = [
    {
        background: "rgba(0, 0, 0, 0.6)",
        hoverColor: "#7289DA",
        textColor: "white",
        buttonBackground: "#2C2F33",
        buttonHoverBackground: "#7289DA",
        buttonTextColor: "white",
        linkHoverColor: "#7289DA"
    },
    // Ajoutez d'autres thèmes ici
];
  1. 🎞️ Configurer les Animations:
    - Ajoutez ou modifiez les animations dans contents/js/animation.js:
const animations = [
    {
        name: "fade",
        keyframes: "fade 1s ease-in-out"
    },
    // Ajoutez d'autres animations ici
];

🛤️ Roadmap pour les Améliorations Futures

Fonctionnalité Description Statut Priorité
📹 Support pour les Vidéos Ajouter la possibilité d'intégrer des vidéos de profil Planifié Élevée
🎨 Thèmes Dynamiques Permettre la création de thèmes dynamiques personnalisés Planifié Moyenne
📊 Statistiques d'Utilisation Ajouter des statistiques d'utilisation du site Planifié Élevée
🌐 Support Multilingue Ajouter la prise en charge de plusieurs langues Planifié Moyenne
🌙 Mode Sombre/Clair Ajouter un mode sombre et un mode clair Déployé Moyenne
🛠️ Personnalisation Avancée Permettre une personnalisation avancée des animations Planifié Moyenne
🔌 Intégration avec API Ajouter l'intégration avec des API tierces Planifié Faible
📱 Optimisation Mobile Améliorer l'optimisation pour les appareils mobiles En cours Élevée
♿ Accessibilité Améliorer l'accessibilité pour les utilisateurs Planifié Moyenne
📝 Description Espace pour ajouter des descriptions supplémentaires Déployé Moyenne

Merci d'utiliser Klaynight-dev/links_website_template ! N'hésitez pas à contribuer et à partager vos retours.

📜 Full Changelog: https://github.com/Klaynight-dev/links_website_template/commits/v1.0.0

Assets 2
Loading