portfolio

https://github.com/leeroydesign/portfolio

Science Score: 44.0%

This score indicates how likely this project is to be science-related based on various indicators:

✓
CITATION.cff file
Found CITATION.cff file
✓
codemeta.json file
Found codemeta.json file
✓
.zenodo.json file
Found .zenodo.json file
○
DOI references
○
Academic links in README
○
Academic email domains
○
Institutional organization owner
○
JOSS paper metadata
○
Scientific vocabulary similarity
Unable to calculate vocabulary similarity

Last synced: 8 months ago · JSON representation ·

Repository

Basic Info

Host: GitHub
Owner: LeeroyDesign
Language: HTML
Default Branch: main
Size: 1.19 MB

Statistics

Stars: 0
Watchers: 0
Forks: 0
Open Issues: 0
Releases: 0

Created 10 months ago · Last pushed 10 months ago

Metadata Files

Citation

Owner

Login: LeeroyDesign
Kind: user

Repositories: 1
Profile: https://github.com/LeeroyDesign

Citation (citation.html)

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Citation Inspirante</title>
  <style>
    :root {
                  --vert-principal: #000000;
            --vert-secondaire: #ffffff;
            --vert-clair: #072c3b;
            --texte-foncé: #000000;
    }
    body {
      margin: 0;
      padding: 0;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background: linear-gradient(to bottom right, var(--vert-clair), #000000);
      display: flex;
      flex-direction: column;
      min-height: 100vh;
      color: var(--texte-foncé);
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 20px;
    }
    header {
      background-color: var(--vert-principal);
      color: white;
      width: 100%;
      padding: 20px;
      font-size: 1.8em;
      box-shadow: 0 2px 5px rgba(255, 254, 254);
      margin-bottom: 40px;
    }
    img {
      max-width: 100%;
      max-height: 300px;
      border-radius: 15px;
      box-shadow: 0 6px 15px rgba(234, 234, 234, 0.1);
      margin-bottom: 30px;
    }
    blockquote {
      font-style: italic;
      max-width: 700px;
      border-left: 8px solid var(--vert-secondaire);
      background: white;
      padding: 20px 30px;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
      position: relative;
      color: var(--texte-foncé);
      min-height: 120px;
      margin-bottom: 20px;
    }
    blockquote::before {
      content: "❝";
      font-size: 3em;
      color: var(--vert-secondaire);
      position: absolute;
      top: 10px;
      left: 15px;
    }
    footer {
      margin-top: auto;
      background-color: var(--vert-principal);
      color: white;
      width: 100%;
      padding: 15px 0;
      font-size: 0.9em;
      box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
      text-align: center;
    }
    .author {
      margin-top: 15px;
      font-weight: bold;
      text-align: right;
      color: var(--texte-foncé);
    }
    .buttons {
      margin-bottom: 40px;
    }
    button {
      background-color: var(--vert-principal);
      border: none;
      color: rgb(5, 123, 5);
      padding: 12px 25px;
      margin: 0 10px;
      font-size: 1em;
      border-radius: 5px;
      cursor: pointer;
      box-shadow: 0 3px 6px rgba(0,0,0,0.2);
      transition: background-color 1.5s;
    }
    button:hover {
      background-color: var(--vert-secondaire);
    }
  </style>
</head>
<body>
  <header>
    Citation Inspirante
  </header>

  <img id="quote-image" src="https://picsum.photos/id/1011/700/300" alt="Image inspirante aléatoire" />

  <blockquote id="quote-text">
    Le succès n’est pas la clé du bonheur. Le bonheur est la clé du succès. Si vous aimez ce que vous faites, vous réussirez.
    <div class="author">– Albert Schweitzer</div>
  </blockquote>

  <div class="buttons">
    <button id="prev-btn">Précédent</button>
    <button id="next-btn">Suivant</button>
  </div>

  <footer>
    &copy; 2025 Ton Nom. Tous droits réservés.
  </footer>

  <script>
    const quotes = [
      {
        text: "Le succès n’est pas la clé du bonheur. Le bonheur est la clé du succès. Si vous aimez ce que vous faites, vous réussirez.",
        author: "Albert Schweitzer",
        imgId: 1011
      },
      {
        text: "La meilleure façon de prédire l’avenir est de le créer.",
        author: "Peter Drucker",
        imgId: 1025
      },
      {
        text: "Il n'y a pas d'ascenseur vers le succès, vous devez prendre les escaliers.",
        author: "Zig Ziglar",
        imgId: 1003
      },
      {
        text: "Commencez là où vous êtes. Utilisez ce que vous avez. Faites ce que vous pouvez.",
        author: "Arthur Ashe",
        imgId: 1043
      }
    ];

    let currentIndex = 0;

    const imgElement = document.getElementById('quote-image');
    const quoteText = document.getElementById('quote-text');
    const prevBtn = document.getElementById('prev-btn');
    const nextBtn = document.getElementById('next-btn');

    function updateQuote(index) {
      const q = quotes[index];
      imgElement.src = `https://picsum.photos/id/${q.imgId}/700/300`;
      imgElement.alt = `Image inspirante ${index + 1}`;
      quoteText.innerHTML = `${q.text} <div class="author">– ${q.author}</div>`;
    }

    prevBtn.addEventListener('click', () => {
      currentIndex = (currentIndex === 0) ? quotes.length - 1 : currentIndex - 1;
      updateQuote(currentIndex);
    });

    nextBtn.addEventListener('click', () => {
      currentIndex = (currentIndex === quotes.length - 1) ? 0 : currentIndex + 1;
      updateQuote(currentIndex);
    });

    // Initial display
    updateQuote(currentIndex);
  </script>
</body>
</html>

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Open Source Science