jimholman1199 / homepage Goto Github PK

View Code? Open in Web Editor NEW

1.0 2.0 0.0 3.36 MB

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

Home Page: https://jimholman1199.github.io/homepage/

License: MIT License

HTML 83.77% JavaScript 0.49% CSS 15.74%

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

homepage's People

Contributors

Stargazers

Watchers

homepage's Issues

Create workbox-config.js

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

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>

Create patch/content/primary branch and add primary content

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

Update Readme.md with more info !

Validate CSS with help of https://stylelint.io/

Validate HTML with help of https://html5.validator.nu/

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

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

Create .git/hooks/pre-commit file that should look roughly like this

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

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

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

Merge feature/body into develop using pull request

Add margin to avatar on mobile device

Аdd a button to be able to download the resume

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

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

The main image gets out to other content on small screen

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

Align the avatar and social links on the tablets

Update README.md

You might want to take a look at GitHub Flavored Markdown and Documenting your projects on GitHub

Changing the minimum height of social links

Set min to 48px

Create patch/content/secondary branch and add secondary content

languages, skills, character, etc...

Create index.html using GitHub online editor and the snippet below:

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

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

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

Add \<main\>

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

jimholman1199 / homepage Goto Github PK

homepage's People

Contributors

Stargazers

Watchers

homepage's Issues

Recommend Projects

Recommend Topics

Recommend Org