alexeytryapko / homepage Goto Github PK

View Code? Open in Web Editor NEW

1.0 0.0 1.0 2.4 MB

This is just a incredible résumé for Donald Trump.

Home Page: http://alexeytryapko-production.s3-website.us-east-2.amazonaws.com/

License: MIT License

HTML 88.05% CSS 2.64% JavaScript 9.31%

personal-website homepage resume binary-studio-academy bsa19

homepage's Introduction

Donald Trump Resume

Awesome resume for USA president

Demo

Preview

homepage's People

Stargazers

Forkers

irynamukhina

homepage's Issues

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>

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>

Add main

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

Create patch/content/secondary branch and add secondary content (e.g. languages, skills, character, etc.)

Log in to AWS Console, go to S3 service, create two buckets for staging and production

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

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

Create patch/content/primary branch and add primary content (e.g. avatar, name, job, contacts, intro, etc.)

Update README.md

Add styling of preloading

Fix header img path

Add decorative img to top

Add img for preload spin

Add walking trump gif

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

Change avatar

Develop script for preloading

Improve content

Add art images

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

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