contribution cards herunterladen - contribution cards Quellcode herunterladen

contribution cards

Anderer Quellcode

1.0.0

Herunterladen

Beitragskarten

Beitragskarten sind ein lustiges und interaktives Projekt, bei dem Sie HTML -Karten entwerfen und anpassen können. Dieses Projekt ist eine fantastische Möglichkeit, sich über Open-Source-Beiträge zu informieren, Ihre HTML, CSS, JS, GIT-Fähigkeiten zu verbessern und Ihre Kreativität zu präsentieren. Egal, ob Sie ein Anfänger oder ein erfahrener Entwickler sind, hier gibt es etwas für Sie! ?

Inhaltsverzeichnis

Erste Schritte
Wie man beiträgt
- Geben Sie das Repository auf
- Klonen Sie das Repository
- Erstellen Sie einen Zweig
- Nehmen Sie Ihre Änderungen vor
- Verpflichten Sie Ihre Änderungen
- Drücken Sie nach Github
- Erstellen Sie eine Pull -Anfrage
Projektstruktur
Mitwirkende
Lizenz

Erste Schritte

Befolgen Sie die folgenden Schritte, um mit Beitragskarten zu beginnen:

Fork dieses Repository : Klicken Sie oben rechts auf der Schaltfläche "Fork" oben rechts auf dieser Seite.

Klonen Sie Ihr Forked Repository :

git clone https://github.com/your-username/contribution-cards.git

Navigieren Sie in das Projektverzeichnis :
```
 cd contribution-cards
```

Öffnen Sie index.html in Ihrem Browser, um das Projekt in Aktion anzuzeigen und die Daten am Ende von index.html im Stammverzeichnis hinzuzufügen (ändern Sie den Code am Ende jeder Karte, um eine bessere Verständnis der Codebasis -Struktur zu erhalten).
Hier ist ein Beispiel (bearbeiten mit Ihren Details)

 <!--John Doe's Card Start-->
  < div class =" cards john-doe " >
      < div class =" card-head " >
          < h5 class =" card-title " > John Doe </ h5 >
          < ul class =" card-social-links " >
              < li > < a href =" https://www.linkedin.com/in/johndoe " class =" card-link " data-toggle =" tooltip " title =" LinkedIn " > < i class =" bi bi-linkedin " > </ i > </ a > </ li >
              < li > < a href =" https://github.com/johndoe " class =" card-link " data-toggle =" tooltip " title =" GitHub " > < i class =" bi bi-github " > </ i > </ a > </ li >
              < li > < a href =" https://johndoe.com " class =" card-link " data-toggle =" tooltip " title =" Portfolio " > < i class =" bi bi-globe " > </ i > </ a > </ li >
          </ ul >
      </ div >
      < p class =" card-text " > John is a software developer with a passion for open-source projects and community engagement. </ p >
      < ul class =" card-study-links " >
          < li > < a href =" https://www.freecodecamp.org " target =" _blank " class =" study-link " data-toggle =" tooltip " title =" FreeCodeCamp " > < i class =" bi bi-book " > </ i > </ a > </ li >
          < li > < a href =" https://www.w3schools.com " target =" _blank " class =" study-link " data-toggle =" tooltip " title =" W3Schools " > < i class =" bi bi-mortarboard " > </ i > </ a > </ li >
          < li > < a href =" https://docs.github.com " target =" _blank " class =" study-link " data-toggle =" tooltip " title =" GitHub Docs " > < i class =" bi bi-file-code " > </ i > </ a > </ li >
      </ ul >
      < h6 class =" card-subtitle mb-2 text-muted card-date " > Updated on: July 22, 2024 </ h6 >
  </ div >
<!--John Doe's Card End-->

Öffnen Sie users.css im css -Verzeichnis, um Ihre Farbe und Farbe Ihrer Kartenhintergrund zu aktualisieren (fügen Sie am Ende für eine bessere Codierungsstruktur hinzu)

. john-doe {
  background-color : # ff6b6b ;
  color : white;
}

Öffnen Sie users.json im data , um Ihre Kartendaten für auto-merge.yml -Update zu aktualisieren (fügen Sie am Ende für eine bessere Codierungsstruktur hinzu).

  {
    "name" : " John Doe " ,
    "title" : " Software Developer " ,
    "socialLinks" : {
      "linkedin" : " https://www.linkedin.com/in/johndoe " ,
      "github" : " https://github.com/johndoe " ,
      "portfolio" : " https://johndoe.com "
    },
    "description" : " John is a software developer with a passion for open-source projects and community engagement. " ,
    "studyLinks" : {
      "freeCodeCamp" : " https://www.freecodecamp.org " ,
      "w3Schools" : " https://www.w3schools.com " ,
      "githubDocs" : " https://docs.github.com "
    },
    "updatedOn" : " July 22, 2024 "
  },

Wie man beiträgt

Wir begrüßen Beiträge von allen. Hier sind die Schritte, um einen Beitrag zu leisten:

Geben Sie das Repository auf

Klicken Sie in der oberen rechten Ecke der Repository -Seite auf die Schaltfläche "Fork".

Klonen Sie das Repository

Klonen Sie Ihr Gabel -Repository in Ihre lokale Maschine:

git clone https://github.com/your-username/contribution-cards.git

Erstellen Sie einen Zweig

Erstellen Sie einen neuen Zweig für Ihre Änderungen:
```
git switch -c " your-branch-name "
```

Nehmen Sie Ihre Änderungen vor

Nehmen Sie Ihre Änderungen am Projekt vor. Dies kann die Bearbeitung von HTML-, CSS- oder JavaScript -Dateien umfassen.

Verpflichten Sie Ihre Änderungen

Fügen Sie Ihre Änderungen mit einer aussagekräftigen Commit -Botschaft hinzu und begehen Sie diese.
```
git add .
git commit -m " Add a meaningful commit message "
```

Drücken Sie nach Github

Drücken Sie Ihre Änderungen in Ihr Forked Repository:
```
git push origin your-branch-name
```

Erstellen Sie eine Pull -Anfrage

Erstellen Sie eine Pull -Anfrage aus Ihrem Forked Repository zum ursprünglichen Repository. Klicken Sie auf der Seite "New Pull Request" auf der Seite "Neue Pull Request" auf der Seite "Original Repository" und befolgen Sie die Anweisungen.

Projektstruktur

Hier ist ein kurzer Überblick über die Projektstruktur:

 ├── assets
├── CODE_OF_CONDUCT.md
├── Contributors.md
├── css
│   ├── styles.css
│   └── users.css
├── data
│   └── users.json
├── index.html
├── js
│   └── main.js
├── MIT-LICENSE.txt
└── README.md

Mitwirkende

Wir schätzen die Beiträge der folgenden Personen: Mitwirkende

Dies ist nur der Anfang! Ich freue mich darauf, sinnvollere Beiträge zu leisten und mit dieser erstaunlichen Gemeinschaft zusammenzuarbeiten. Lass uns zusammen etwas Großartiges bauen und klebrige Memo so gut wie möglich machen! ❤️?