kplachkov / kplachkov.github.io Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 4.0 11.27 MB

Personal website.

Home Page: https://kplachkov.github.io

License: Creative Commons Attribution 4.0 International

HTML 73.83% CSS 20.32% JavaScript 5.85%

kplachkov.github.io's People

Contributors

Stargazers

Watchers

Forkers

han1967 rehankhan8219 zohaib18980 xxyvva

kplachkov.github.io's Issues

Reduce project cards height

Add location property to the item type event

Talks link does not work properly.

The Talks button works fine when the page is loaded, but in some cases (observed on laptop and tablet resolutions, phone resolutions seem to be fine) by opening the link: https://kplachkov.github.io/#talks the page goes to the bottom, instead of the Talks section.

Change the talks section design

Add rounded corners to the project cards

Links do not have a discernible name

<a href="http://m.me/FaceWallet" title="" class="card-image hover-overlay" target="_blank" rel="noopener"> <img src="/img/projects/FaceWallet.png" alt="" class="img-responsive"> </a>
<a href="https://github.com/kplachkov/MachineLearning" title="" class="card-image hover-overlay" target="_blank" rel="noopener"> <img src="/img/projects/MachineLearning.jpg" alt="" class="img-responsive"> </a>
<a href="https://github.com/kplachkov/DeepLearning" title="" class="card-image hover-overlay" target="_blank" rel="noopener"> <img src="/img/projects/DeepLearning.jpg" alt="" class="img-responsive"> </a>
<a href="https://github.com/kplachkov/UkDatabase" title="" class="card-image hover-overlay" target="_blank" rel="noopener"> <img src="/img/projects/UkDatabase.png" alt="" class="img-responsive"> </a>
<a href="https://github.com/kplachkov/OOP" title="" class="card-image hover-overlay" target="_blank" rel="noopener"> <img src="/img/projects/OOP.jpg" alt="" class="img-responsive"> </a>
<a href="https://github.com/kplachkov/btcprice" title="" class="card-image hover-overlay" target="_blank" rel="noopener"> <img src="/img/projects/btcprice.png" alt="" class="img-responsive"> </a>
<a href="https://github.com/kplachkov/KPBlog" title="" class="card-image hover-overlay" target="_blank" rel="noopener"> <img src="/img/projects/KPBlog.jpg" alt="" class="img-responsive"> </a>
<a href="https://github.com/kplachkov/Databases-MS-SQL-Server" title="" class="card-image hover-overlay" target="_blank" rel="noopener"> <img src="/img/projects/SQLServer.png" alt="" class="img-responsive"> </a>
<a href="/talk/blockchain-plovdev/"> <img src="/img/talks/plovdev_talk.jpg" itemprop="image" alt=""> </a>

Edit projects toolbar

Edit about me section

Redesign contact section

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

Add dark mode

Add a dark mode similar to that in youtube and a button that changes the modes (light/dark).

The button should be on the top right (where the X is). The mode should be saved.

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

Navbar buttons are not colored properly when selected

Happens after switching on/off full screen mode after the page is loaded.

Contact form goes over the send button when typing text (mobile)

Change the logo icon and the manifest

Change the project toolbar design

Implement dark and light theme

Currently, the website has only light mode style implemented.

The colors of the current style should be changed to the light mode palette listed below.
A dark mode style should be added which is based on the dark mode palette listed below.
The user should be able to switch between the themes by clicking on a text describing the theme, which should be located on the top right (by switching between the themes, the text should also change in order to reflect the next theme).
The preferred theme, selected by the user, should be stored in the local storage of the browser, so the next time when the user visits the website, the preferred theme is automatically selected and rendered.
Soft to medium contrast should be ideal.
The red colors should be avoided.