mirror of
https://github.com/StepanovPlaton/AboutMe.git
synced 2026-04-03 20:30:49 +04:00
Updated
This commit is contained in:
@@ -77,6 +77,22 @@ const getLevelWidth = (level: string) => {
|
||||
}
|
||||
};
|
||||
|
||||
// 技能等级进度条颜色映射 (从绿色到红色)
|
||||
const getLevelProgressColor = (level: string) => {
|
||||
switch (level) {
|
||||
case "expert":
|
||||
return "#ef4444"; // red-500
|
||||
case "advanced":
|
||||
return "#f97316"; // orange-500
|
||||
case "intermediate":
|
||||
return "#eab308"; // yellow-500
|
||||
case "beginner":
|
||||
return "#22c55e"; // green-500
|
||||
default:
|
||||
return "#6b7280"; // gray-500
|
||||
}
|
||||
};
|
||||
|
||||
// 尺寸样式映射
|
||||
const getSizeClasses = (size: string) => {
|
||||
switch (size) {
|
||||
@@ -175,7 +191,7 @@ const getExperienceText = (experience: Props["skill"]["experience"]) => {
|
||||
<div class={`w-full bg-gray-200 dark:bg-gray-700 rounded-full ${sizeClasses.progress}`}>
|
||||
<div
|
||||
class={`rounded-full transition-all duration-500 ${sizeClasses.progress}`}
|
||||
style={`width: ${getLevelWidth(skill.level)}; background-color: ${skillColor}`}
|
||||
style={`width: ${getLevelWidth(skill.level)}; background-color: ${skill.color || getLevelProgressColor(skill.level)}`}
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -41,13 +41,21 @@ const id = `profile-${side}`;
|
||||
<div class="text-center text-neutral-400 mb-2.5 transition">{profileConfig.bio}</div>
|
||||
<div class="flex gap-2 justify-center mb-1">
|
||||
{profileConfig.links.length > 1 && profileConfig.links.map(item =>
|
||||
<a rel="me" aria-label={item.name} href={item.url} target="_blank" class="btn-regular rounded-lg h-10 w-10 active:scale-90">
|
||||
<Icon name={item.icon} class="text-[1.5rem]"></Icon>
|
||||
<a rel="me" aria-label={item.name} href={item.url} target="_blank" class="btn-regular rounded-lg h-10 w-10 active:scale-90 flex items-center justify-center">
|
||||
{item.rawIcon ? (
|
||||
<span class="text-[1.5rem] [&>svg]:w-full [&>svg]:h-full [&>svg]:block" set:html={item.rawIcon}></span>
|
||||
) : (
|
||||
<Icon name={item.icon} class="text-[1.5rem]"></Icon>
|
||||
)}
|
||||
</a>
|
||||
)}
|
||||
{profileConfig.links.length == 1 && <a rel="me" aria-label={profileConfig.links[0].name} href={profileConfig.links[0].url} target="_blank"
|
||||
class="btn-regular rounded-lg h-10 gap-2 px-3 font-bold active:scale-95">
|
||||
<Icon name={profileConfig.links[0].icon} class="text-[1.5rem]"></Icon>
|
||||
class="btn-regular rounded-lg h-10 gap-2 px-3 font-bold active:scale-95 flex items-center">
|
||||
{profileConfig.links[0].rawIcon ? (
|
||||
<span class="text-[1.5rem] [&>svg]:w-full [&>svg]:h-full [&>svg]:block" set:html={profileConfig.links[0].rawIcon}></span>
|
||||
) : (
|
||||
<Icon name={profileConfig.links[0].icon} class="text-[1.5rem]"></Icon>
|
||||
)}
|
||||
{profileConfig.links[0].name}
|
||||
</a>}
|
||||
</div>
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
Интернет огромен, и в нём куча страниц. Некоторые популярны, другие не очень, но эти особенно интересны:
|
||||
|
||||
+ [Онлайн книга Linux From Scratch](https://linuxfromscratch.org) — бесплатное руководство по созданию своей GNU/Linux системы из исходного кода (с нуля). Лучшее развлечение на вечер для админа.
|
||||
+ [Этаж 796](https://floor796.com) — проект русского художника, который объединил на 796 этаже космической станции всех самых знаковых персонажей, гиков, мемов, фильмов, комиксов и сериалов человечества. Тут залип на 2 часа...
|
||||
+ [Этаж 796](https://floor796.com) — проект русского художника, который объединил на 796 этаже космической станции всех самых знаковых персонажей из мемов, фильмов, комиксов и сериалов. Тут залип на 2 часа...
|
||||
+ [SCP Foundation](https://scpfoundation.net) — открытая научно-фантастическая онлайн вселенная. Мурашки по коже, невозможно оторваться. Обязательно прочтите [SCP-079 — Старый ИИ](https://scpfoundation.net/scp-079) и [Хаб отдела антимеметики](https://scpfoundation.net/antimemetics-division-hub).
|
||||
+ [CashGo](https://cashgo.ru) — онлайн игра, тренажёр финансового интеллекта. Здесь я успел ухватить кусочек старого интернета с ламповыми форумами. Спасибо за детство, передавайте привет Оксюше, Пингвинатко, Успеху и Лису!
|
||||
+ [Неолурк](https://neolurk.org) — народная википедия.
|
||||
|
||||
@@ -88,7 +88,7 @@ export const ru: Translation = {
|
||||
[Key.projectsCompleted]: "Завершён",
|
||||
[Key.projectsInProgress]: "В разработке",
|
||||
[Key.projectsTechStack]: "Статистика технологий",
|
||||
[Key.projectsFeatured]: "Лучшие проекты",
|
||||
[Key.projectsFeatured]: "Сейчас я работаю этим",
|
||||
[Key.projectsPlanned]: "Запланированных",
|
||||
[Key.projectsDemo]: "Демо",
|
||||
[Key.projectsSource]: "Исходный код",
|
||||
|
||||
@@ -135,6 +135,9 @@ profile:
|
||||
- name: "Telegram"
|
||||
icon: "fa6-brands:telegram"
|
||||
url: "https://t.me/StepanovPlaton"
|
||||
- name: "HeadHunter"
|
||||
rawIcon: '<svg width="25" height="25" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M400 200C400 310.457 310.457 400 200 400C89.5431 400 0 310.457 0 200C0 89.5431 89.5431 0 200 0C310.457 0 400 89.5431 400 200ZM160.34 161.226C146.98 161.226 136.74 166.526 130.84 176.486V127.126H99.8802V262.406H130.84V214.846C130.84 203.766 133.16 196.666 136.64 192.486C140.02 188.326 144.76 186.706 149.9 186.706C154.44 186.706 158.02 188.126 160.54 190.686C163.06 193.346 164.5 197.406 164.5 203.086V262.286H195.46V197.126C195.46 186.046 192.18 177.046 185.98 170.786C179.88 164.546 171.08 161.226 160.34 161.226ZM299.58 170.886C293.38 164.626 284.58 161.226 273.84 161.226C260.48 161.226 250.24 166.526 244.34 176.486V127.126H213.38V262.406H244.34V214.846C244.34 203.766 246.66 196.666 250.14 192.486C253.52 188.326 258.26 186.706 263.4 186.706C267.94 186.706 271.52 188.126 274.04 190.686C276.56 193.346 278 197.406 278 203.086V262.286H308.96V197.126C308.98 186.046 305.68 177.046 299.58 170.886Z" fill="currentColor"/></svg>'
|
||||
url: "https://hh.ru/resume/15c78a92ff09c786890039ed1f6f7474704952"
|
||||
- name: "Email"
|
||||
icon: "material-symbols:mail-outline"
|
||||
url: "mailto:mail2platon@yandex.ru"
|
||||
|
||||
Reference in New Issue
Block a user