desevoker / bsa-2019-html-css-test-homepage-dh Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 0.0 1.78 MB

My very own personal website. Basically this is just a résumé.

Home Page: https://desevoker.github.io/bsa-2019-html-css-test-homepage-dh/

License: MIT License

HTML 41.96% CSS 53.19% JavaScript 4.84%

binary-studio-academy bsa19 gh-pages homepage html-css-javascript personal-website resume

bsa-2019-html-css-test-homepage-dh's People

Contributors

Stargazers

bsa-2019-html-css-test-homepage-dh's Issues

Скласти інтро

Скласти інтро (вступ), де в 2-4 реченнях описати, що замовник робить, що подобається робити, що хочеться робити краще, що важливо робити, тощо.

Exclude .DS_Store from the repository by adding it to .gitignore

.gitignore

/.vscode
/node_modules
.DS_Store

Create patch/content/primary branch and add primary content

e.g. avatar, name, job, contacts, intro, etc.

Add <main>

<main>
  <article>
    <div class="page" style="border-color: midnightblue;">
      <!-- Content -->
    </div>
  </article>
</main>

Скласти таймлайн

Скласти список всіх (важливих) життєвих подій, визначних дат, досягнень, періодів, що дали приємний і неприємний досвід, тощо.

Create workbox-config.js

module.exports = {
  "globDirectory": "./",
  "globPatterns": [
    "**/*.{png,svg,ico,jpg,mp3,css,html}"
  ],
  "swDest": "sw.js"
};

Iterate further and fix bugs, add metadata, implement additional features and add more visual effects (if necessary), maybe run Lighthouse audits and check if the page is responsive and accessible, etc.

Create now.json

{
  "name": "homepage"
}

Add Content

<div class="stackable grid">
  <div class="row">
    <div class="three wide center aligned column">
      <!-- Avatar -->
    </div>
    <div class="thirteen wide column">
      <div class="stackable grid">
        <div class="sixteen wide column">
          <!-- Name, job, contacts -->
        </div>
        <div class="sixteen wide mobile only column">
          <div class="divider"></div>
        </div>
        <div class="sixteen wide column">
          <!-- Intro -->
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="sixteen wide column">
      <div class="fat divider"></div>
    </div>
  </div>
  <div class="row">
    <div class="ten wide column">
      <!-- Experience -->
    </div>
    <div class="six wide column">
      <!-- Languages -->
      <!-- Skills -->
      <!-- Character -->
      <!-- Likes -->
      <!-- Dislikes -->
      <!-- Wants -->
      <!-- Education -->
      <!-- Articles -->
    </div>
  </div>
</div>

Скласти блок контактної інформації

Посилання на соцмережі (Facebook чи Instagram, тощо), номер телефону чи адреса електронної скриньки, тощо. Може не всі лінки в світі, а тільки ті, що дійсно доречні.

Update <head>

Add <link rel="stylesheet" href="https://volodymyrkushnir.com/assets/stylesheets/base.css">, and other meta tags

Скласти додаткові інформаційні блоки

Можна зробити резюме менш формальним, додавши додаткові блоки, які містять корисну інформацію, але подають її в "розважальній" формі. Наприклад, що подобається і не подобається, сильні і слабкі сторони, перелік навиків чи хобі, інфографіка або ж інтерактивні модулі, тощо.

Update README.md

Change homepage to Homepage

Create index.html using GitHub online editor

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Résumé</title>
  </head>
  <body>
    ― Hello World! &#x1F609;
  </body>
</html>

Create patch/content/secondary branch and add secondary content

e.g. languages, skills, character, etc.

Create .git/hooks/pre-commit file

#!/bin/sh
if workbox generateSW workbox-config.js ; then
  git add sw.js
  exit 0
else
  echo "Cannot generate sw.js"
  echo "Aborting"
fi

Make sure it's executable, chmod +x .git/hooks/pre-commit if necessary.

Create .travis.yml

language: node_js
node_js:
  - 11.13.0
script:
  - npm install --global workbox-cli
  - workbox generateSW workbox-config.js
deploy:
  - provider: s3
    skip_cleanup: true
    access_key_id: $ACCESS_KEY_ID
    secret_access_key: $SECRET_ACCESS_KEY
    bucket: ________-staging
    region: eu-central-1
    acl: public_read
    on:
      branch: develop
  - provider: s3
    skip_cleanup: true
    access_key_id: $ACCESS_KEY_ID
    secret_access_key: $SECRET_ACCESS_KEY
    bucket: ________-production
    region: eu-central-1
    acl: public_read
    on:
      branch: master

desevoker / bsa-2019-html-css-test-homepage-dh Goto Github PK

bsa-2019-html-css-test-homepage-dh's People

Contributors

Stargazers

bsa-2019-html-css-test-homepage-dh's Issues

Recommend Projects

Recommend Topics

Recommend Org