189 lines
7.7 KiB
HTML
189 lines
7.7 KiB
HTML
<section id="activity" class="section section--surface" aria-labelledby="mini-projects-title" data-reveal>
|
|
<div class="section__inner">
|
|
<h2 id="mini-projects-title" class="section__title">Activity</h2>
|
|
<div
|
|
class="skills-intro skills-intro--chat section__prose"
|
|
data-skills-intro
|
|
role="region"
|
|
aria-labelledby="mini-projects-title"
|
|
>
|
|
<div class="skills-msg" data-skills-msg>
|
|
<div class="skills-msg__body">
|
|
<p class="skills-msg__author">Nikolay M:</p>
|
|
<p class="skills-msg__text">
|
|
I enjoy building small side projects and sharing something useful with the world.
|
|
</p>
|
|
<time class="skills-msg__time" datetime="" data-skills-msg-time></time>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ol id="mini-projects-list" class="mini-projects-grid" data-mini-projects-list>
|
|
<li class="mini-projects-grid__item" data-mp-cells="2">
|
|
<a
|
|
class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
|
|
href="https://www.figma.com/@mamadaevv"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
aria-label="Figma Community — open profile"
|
|
>
|
|
<div class="mp-card__media" aria-hidden="true">
|
|
<img
|
|
class="mp-card__image"
|
|
src="{{assetPrefix}}assets/misc/figma_logo.webp"
|
|
alt=""
|
|
width="800"
|
|
height="800"
|
|
loading="lazy"
|
|
decoding="async"
|
|
/>
|
|
</div>
|
|
<div class="mp-card__body">
|
|
<h3 class="mp-card__title">
|
|
Figma Community
|
|
<span class="mp-card__ext" aria-hidden="true"></span>
|
|
</h3>
|
|
<p class="mp-card__desc">
|
|
I publish useful files and plugins for the community
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="mini-projects-grid__item" data-mp-cells="2">
|
|
<a
|
|
class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
|
|
href="https://dribbble.com/mamadaevv"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
aria-label="Dribbble — open profile"
|
|
>
|
|
<div class="mp-card__media" aria-hidden="true">
|
|
<img
|
|
class="mp-card__image"
|
|
src="{{assetPrefix}}assets/misc/dribbble_logo.webp"
|
|
alt=""
|
|
width="1024"
|
|
height="1024"
|
|
loading="lazy"
|
|
decoding="async"
|
|
/>
|
|
</div>
|
|
<div class="mp-card__body">
|
|
<h3 class="mp-card__title">
|
|
Dribbble
|
|
<span class="mp-card__ext" aria-hidden="true"></span>
|
|
</h3>
|
|
<p class="mp-card__desc">
|
|
Nice visuals with UI elements
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="mini-projects-grid__item" data-mp-cells="2">
|
|
<a
|
|
class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
|
|
href="https://t.me/designnotpizza"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
aria-label="Design is not pizza — open Telegram channel"
|
|
>
|
|
<div class="mp-card__media" aria-hidden="true">
|
|
<img
|
|
class="mp-card__image"
|
|
src="{{assetPrefix}}assets/misc/tg-channel-logo-design_not_pizza.webp"
|
|
alt=""
|
|
width="640"
|
|
height="640"
|
|
loading="lazy"
|
|
decoding="async"
|
|
/>
|
|
</div>
|
|
<div class="mp-card__body">
|
|
<h3 class="mp-card__title">
|
|
Design is not pizza
|
|
<span class="mp-card__ext" aria-hidden="true"></span>
|
|
</h3>
|
|
<p class="mp-card__desc">
|
|
My channel about design. Posts on product design and useful links
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="mini-projects-grid__item" data-mp-cells="2">
|
|
<a
|
|
class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
|
|
href="https://github.com/mamadaevv"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
aria-label="GitHub — open profile"
|
|
>
|
|
<div class="mp-card__media" aria-hidden="true">
|
|
<img
|
|
class="mp-card__image"
|
|
src="{{assetPrefix}}assets/misc/github_logo.webp"
|
|
alt=""
|
|
width="800"
|
|
height="800"
|
|
loading="lazy"
|
|
decoding="async"
|
|
/>
|
|
</div>
|
|
<div class="mp-card__body">
|
|
<h3 class="mp-card__title">
|
|
GitHub
|
|
<span class="mp-card__ext" aria-hidden="true"></span>
|
|
</h3>
|
|
<p class="mp-card__desc">
|
|
My projects and code experiments
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="mini-projects-grid__item" data-mp-cells="2">
|
|
<a
|
|
class="mp-card mp-card--link mp-card--compact"
|
|
href="cases/ai-assistant-figma/"
|
|
aria-label="AI assistant — open case"
|
|
>
|
|
<div class="mp-card__body">
|
|
<h3 class="mp-card__title">AI assistant</h3>
|
|
<ul class="mp-card__tags" aria-label="Project type">
|
|
<li class="mp-card__tag">Figma plugin</li>
|
|
</ul>
|
|
<p class="mp-card__desc">An AI assistant for any editor plan</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="mini-projects-grid__item" data-mp-cells="2">
|
|
<a
|
|
class="mp-card mp-card--link mp-card--compact"
|
|
href="cases/card-columns-obsidian/"
|
|
aria-label="Card Columns — open case"
|
|
>
|
|
<div class="mp-card__body">
|
|
<h3 class="mp-card__title">Card Columns</h3>
|
|
<ul class="mp-card__tags" aria-label="Project type">
|
|
<li class="mp-card__tag">Obsidian plugin</li>
|
|
</ul>
|
|
<p class="mp-card__desc">Shows note cards in a kanban-board style</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="mini-projects-grid__item" data-mp-cells="2">
|
|
<a
|
|
class="mp-card mp-card--link mp-card--compact"
|
|
href="cases/site-with-ai-ide/"
|
|
aria-label="This site — open case"
|
|
>
|
|
<div class="mp-card__body">
|
|
<h3 class="mp-card__title">This site</h3>
|
|
<ul class="mp-card__tags" aria-label="Project type">
|
|
<li class="mp-card__tag">Built with AI IDE</li>
|
|
</ul>
|
|
<p class="mp-card__desc">The whole site-building cycle with AI</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</section>
|