contribution cards

Карты вкладов

Карты вкладов - это веселый и интерактивный проект, где вы получаете проектирование и настраиваете HTML -карты. Этот проект-фантастический способ узнать о вкладах с открытым исходным кодом, улучшить ваши HTML, CSS, JS, GIT Skills и продемонстрировать свое творчество. Являетесь ли вы новичком или опытным разработчиком, здесь есть что -то для вас! ??

Оглавление

• Начиная
• Как внести свой вклад
  • Вилка репозитория
  • Клонировать репозиторий
  • Создать ветвь
  • Внесите свои изменения
  • Совершить свои изменения
  • Толкнуть к GitHub
  • Создать запрос на вытягивание
• Структура проекта
• Участники
• Лицензия

Начиная

Чтобы начать с карт вклад, следуйте этим шагам:

1. Вилка этого репозитория : нажмите кнопку «Вилка» в правом верхнем углу этой страницы.

2. Клонировать свой раздвоенный репозиторий :

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

3. Перейдите в каталог проектов :

    cd contribution-cards

4. Откройте index.html в вашем браузере, чтобы увидеть проект в действии и добавить данные в конце index.html в корневом каталоге (измените код в конце каждой карты для лучшего понимания структуры кодовой базы)
   Вот пример (отредактируйте ваши данные)

    <!--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-->

5. Откройте users.css в каталоге css , чтобы обновить цвет и цвет вашей карты (добавьте в конце для лучшей структуры кодирования)
   

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

6. Откройте users.json в каталоге data , чтобы обновить данные вашей карты для обновления auto-merge.yml (добавьте в конце для лучшей структуры кодирования)

  {
    "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 "
  },

Как внести свой вклад

Мы приветствуем вклад всех. Вот шаги, чтобы внести свой вклад:

Вилка репозитория

1. Нажмите кнопку «Вилка» в правом верхнем углу страницы репозитория.

Клонировать репозиторий

2. Клонировать свой раздвоенный репозиторий на местную машину:

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

Создать ветвь

3. Создайте новую ветку для ваших изменений:

   git switch -c " your-branch-name "

Внесите свои изменения

4. Внесите свои изменения в проект. Это может включать в себя редактирование файлов HTML, CSS или JavaScript.

Совершить свои изменения

5. Добавьте и совершите свои изменения с помощью значимого послания коммита:

   git add .
   git commit -m " Add a meaningful commit message "

Толкнуть к GitHub

6. Встаньте свои изменения в свой раздвоенный репозиторий:

   git push origin your-branch-name

Создать запрос на вытягивание

7. Создайте запрос на притяжение из вашего раздвоенного хранилища в исходный репозиторий. Нажмите кнопку «Новый запрос на развлечение» на странице исходного хранилища и следуйте инструкциям.

Структура проекта

Вот краткий обзор структуры проекта:

 ├── 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

Участники

Мы ценим вклад следующих людей: участники

Это только начало! Я с нетерпением жду возможности внести более значимый вклад и сотрудничать с этим удивительным сообществом. Давайте построим что-то отличное вместе и сделаем липкий мамон как можно лучше! ❤?

Лицензия

Этот проект лицензирован по лицензии MIT. Смотрите файл лицензии для получения подробной информации.