KetiBochorishvili / Portfolio

1 stars 0 forks source link

Adding Post #4

Open bumbeishvili opened 3 years ago

bumbeishvili commented 3 years ago

Jekyll არის ე.წ. სტატიკური საიტის გენერატორი. ანუ html ფაილებს აგენერირებს იმის მიხედვით რა კონფიგურაციებს გადააწვდი.

იმის შემდეგ რაც jekyll-ს გაუშვებ #3 მხოლოდ 2 ადგილას დაგჭირდება ცვლილება.

ადგილი 1: - სადაც ფოტოები უნდა ჩაყარო

images => projects => შესაბამისი პროექტის ფოლდერს შექმნი და იქ ჩაყრი ფოტოებს.

ფოტოებს რაც შეეხება , მინიმუმ 2 ფაილი არის აუცილებელი.

ფაილი1 - thumbnail.png ესე დაარქვი, ეს არის რაც შენს საიტზე გამოჩნდება თავიდან

ფაილი 2 - preview.gif -ეს არის პროექტში როცა შეხვალ ანიმაცია რომ გამოჩნდეს.

სკრინშოთის გადაღება ისედაც იცი პროექტისთვის, ანიმაციას რაც შეეხება - Kap აპლიკაცია გადმოწერე და ამით შეგეძლება Gif-ების გადაღება

https://getkap.co/

ეცადე რომ Gif მაქსიმუმ 5-6 წამიანი იყოს და მაქსიმალური width სურათებსაც და gif-საც 760px ჰქონდეს, თორე შენელდება საიტი

ადგილი 2 - სადაც პოსტები უნდა გქონდეს

_posts ფოლდერში.

ახალი პოსტი რომ შექმნა, უბრალოდ დააკოპირებ ერთ-ერთ არსებულს და კონტენტს შეცვლი. ****

ამ სურათშია შიგთავსი თითოეული პოსტის

Screenshot 2021-09-07 at 17 14 40

მოკლედ უბრალოდ ტექსტი და სურათების მისამართები და ეგაა. gallery-ში რაც მეტი ფოტო გექნება უკეთესია სხვადასხვა რაკურსით.

საბოლოოდ ჩვეულებრივად დააკომიტებ ყველაფერს რაც დაგენერირდა (Jekyll აგენერირებს სტატიკურ ფაილებს შენი ცვლილების მერე), ატვირთავ და ეგაა რა

KetiBochorishvili commented 3 years ago

დათო, gif-ის ზომებიც დავაპატარავო 400-მდე? 90-ს აჩვენებს ახლა მობილურისთის, გარეთა ფოტოები დავაპატარავე და ფორმატი შევცვალე. და tag - ები რა შეიძლება დავამატო? რაც შენ გაქვს თითოეულ დავალებაზე აქ თეგები იქედან რო ავიღო ზოგი?

bumbeishvili commented 3 years ago

არა, 760 px იქნება იდეალური gif-სთვის. თვითონ Gif-ის ზომა არ შეცვალო, ხარისხს გაუფუჭებს, უბრალოდ gif-s რომ გადაიღებ და ინახავ იქ მიუთითე 760 პიქსელი სიგრძედ.

Tag-ებს რაც შეეხება, ეგ ძირითადად არის იმისთვის რომ კლიენტს დაულინკო რელევანტური ნამუშევრები ან შენ იპოვო ხოლმე მსგავსი

ძირითადად უნდა იყოს :

Technology Tags: d3, react, angular, vue, deck.gl, Mapbox, leaflet, webgl, 3d

Visualization Type: bar, scatterplot, line, area, network, hierarchy, org-chart, map, class-diagram, radial, globe, pie, force-network, beeswarm ... მოკლედ ბევრია :დ

Vis Behavior: zoom, drag, pan, real-time, update

Project Tags: light, dark, dashboard

bumbeishvili commented 3 years ago

Dark-ს და Light-ს Background-ის მიხედვით შეარჩევ, შენი ყველა პროექტი Bar-ია (მხოლოდ ესაა scatterplot-ი https://ketevani.com/project/purple-scatterplot)

Update ბოლო ორი პროექტია (button-ზე დაჭერის მერე რომ მონაცემები იცვლება) . და ყველა d3-ზეა კიდევ

KetiBochorishvili commented 3 years ago

https://ketibochorishvili.github.io/d3-projects/barsUpdate3D.html

ამის ანიმაცია არეული რომაა, ასე გამოვაჩინო გიფში?

bumbeishvili commented 3 years ago

საწყისი ანიმაცია რაცაა მხოლოდ ეგ გამოაჩინე