Git Product home page Git Product logo

homepage's People

Contributors

rusgumeniuk avatar

Watchers

 avatar

homepage's Issues

Create workbox-config.js

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

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

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

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

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

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

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

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

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

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

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

Fix header

Site doesn't display "Resume by Iryna Nezhynska"

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>

Build a website using the stylesheet from https://volodymyrkushnir.com/ as a foundation (see Résumé Wiki for reference)

  1. Create a new branch named feature/head (see GitFlow workflow for reasons why) and use it to update <head>
  2. At the very least add <link rel="stylesheet" href="https://volodymyrkushnir.com/assets/stylesheets/base.css">, but you may also add other meta tags
  3. When done ― push the branch to the remote, create a new pull request and merge into develop
  4. Create a new branch named feature/body and use it to edit <body>
  5. Add <main>
  6. Add Content
  7. Preview the website in a browser
  8. Create <patch/content/primary> branch and add primary content (e.g. avatar, name, job, contacts, intro, etc.)
  9. Create <patch/content/secondary> branch and add secondary content (e.g. languages, skills, character, etc.)
  10. Iterate further and fix bugs, add metadata, implement your own additional features and add more visual effects (if necessary), maybe run Lighthouse audits and check if the page is responsive and accessible, etc.
  11. Merge both branches into feature/body using pull requests
  12. Merge feature/body into develop using pull request
  13. Open a pull request and merge develop into master.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.