Skip to content

Commit ec5a392

Browse files
danvoronovdanvoronov
committed
tools upd & style blur fix
1 parent 7cc84bb commit ec5a392

File tree

2 files changed

+86
-52
lines changed

2 files changed

+86
-52
lines changed

‎Tools.md‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,7 @@
11

22
## Integrated Development Environments
33

4-
 These IDEs offer a superior coding experience compared to traditional IDEs.
5-
6-
| Tool | Description | Links |
4+
| Name | Description | Links |
75
| ---------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
86
| ![icon](https://www.google.com/s2/favicons?domain=cursor.com&sz=24) [Cursor](https://www.cursor.sh/) | A next-generation IDE designed for pair-programming with AI. Edit, debug, and understand complex codebases with powerful AI assistance. | [changelog](https://www.cursor.com/changelog)<br>[price](https://www.cursor.com/pricing) ($20)<br>[forum](https://forum.cursor.com/) |
97
| [Windsurf](https://codeium.com/windsurf) | Windsurf, by Codeium, is an AI-powered code completion tool. It is designed to suggest entire functions and blocks of code based on context. | [changelog](https://codeium.com/changelog)<br>[price](https://codeium.com/pricing) ($15+)<br>[discord](https://discord.com/invite/3XFf78nAx5) |
@@ -21,7 +19,6 @@ Closed or unmaintained projects: [aide](https://github.com/codestoryai/aide) (Fe
2119

2220
## AI-Coding Extensions for IDEs
2321

24-
2522
| Tool | Description |
2623
| ------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
2724
| ![icon](https://www.google.com/s2/favicons?domain=cline.bot&sz=24) [Cline](https://cline.bot/) | Сoding agent. VS Code extension that integrates AI-powered agentic coding assistance. Has built-in MCP Marketplace. |
@@ -94,6 +91,6 @@ Closed or unmaintained projects: [rubberduck](https://github.com/rubberduck-ai/r
9491

9592
Instead of paying for individual **API keys** for every AI service, there are cost-effective and flexible alternatives. One option is to use [OpenRouter](https://openrouter.ai/), which acts as a unified API for various models. This can potentially consolidate costs and simplify integration.
9693

97-
In addition to OpenReview's own TOP models in the programming section, you can always check [Chatbot Arena (formerly LMSYS)](https://lmarena.ai/?arena) to see what model is currently performing better with programming tasks or WebDev or Copilot.
94+
In addition to OpenRouter's own **top models** in the programming section, you can always check [Chatbot Arena (formerly LMSYS)](https://lmarena.ai/?arena) to see what model is currently performing better with programming tasks or WebDev or Copilot.
9895

9996
If you have powerful hardware and prioritize privacy or want more control, you can run large language models (LLMs) locally. Tools like [Ollama](https://ollama.com/) and [LM Studio](https://lmstudio.ai/) make it easier to deploy and manage these models on your own machine. For code autocompletion specifically, consider solutions with local-first option like [TabbyML](https://www.tabbyml.com/).

‎www/template/styles.css‎

Lines changed: 84 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -22,12 +22,14 @@ body {
2222
top: 20px;
2323
left: 20px;
2424
z-index: 1002;
25-
background: none;
25+
background: rgba(51, 51, 51, 0.95);
2626
border: none;
2727
padding: 8px;
2828
cursor: pointer;
2929
color: white;
3030
transition: opacity 0.3s ease;
31+
transform: translateZ(0);
32+
will-change: transform;
3133
}
3234

3335
.burger-menu.open svg {
@@ -140,7 +142,6 @@ body {
140142
word-wrap: break-word;
141143
word-break: break-word;
142144
max-width: 100%;
143-
backdrop-filter: blur(10px);
144145
position: relative;
145146
min-height: 100px;
146147
font-size: 1.3rem;
@@ -209,38 +210,32 @@ body {
209210
}
210211

211212
/* Table styles */
212-
.post table {
213-
border-collapse: collapse;
213+
.post table,
214+
.static-content table {
214215
width: 100%;
216+
border-collapse: collapse;
215217
margin: 1rem 0;
218+
background: white;
216219
}
217220

218221
.post th,
219-
.post td {
222+
.post td,
223+
.static-content th,
224+
.static-content td {
220225
padding: 12px;
221-
border-bottom: 1px solid #cccccc;
222-
border-right: 1px solid #e6e6e6;
223-
word-wrap: break-word;
224-
}
225-
226-
.post th:last-child,
227-
.post td:last-child {
228-
border-right: none;
229-
}
230-
231-
.post tr:last-child td {
232-
border-bottom: none;
226+
text-align: left;
227+
border-bottom: 1px solid #ddd;
233228
}
234229

235-
.post td a {
236-
white-space: nowrap;
237-
display: inline-block;
230+
.post th,
231+
.static-content th {
232+
background: #f5f5f5;
233+
font-weight: 600;
238234
}
239235

240-
.post table code {
241-
background: rgba(51, 51, 51, 0.05);
242-
padding: 2px 4px;
243-
border-radius: 3px;
236+
.post tr:hover,
237+
.static-content tr:hover {
238+
background: #f9f9f9;
244239
}
245240

246241
.sidebar {
@@ -250,7 +245,6 @@ body {
250245
padding: 20px;
251246
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
252247
height: fit-content;
253-
backdrop-filter: blur(10px);
254248
}
255249
.nav {
256250
position: fixed;
@@ -314,9 +308,10 @@ body {
314308
border: 1px solid rgba(255, 255, 255, 0.2);
315309
font-size: 0.9em;
316310
transition: 0.2s ease;
317-
background-color: rgba(51, 51, 51, 0.9);
318-
backdrop-filter: blur(10px);
311+
background-color: rgba(51, 51, 51, 0.95);
319312
z-index: 1001;
313+
transform: translateZ(0);
314+
will-change: transform;
320315
}
321316
.github-stars:hover {
322317
color: #EEE65F;
@@ -657,10 +652,11 @@ body {
657652
font-size: 0.9em;
658653
color: white;
659654
text-decoration: none;
660-
background: rgba(51, 51, 51, 0.9);
661-
backdrop-filter: blur(10px);
655+
background: rgba(51, 51, 51, 0.95);
662656
border-radius: 8px 0 8px 0;
663657
transition: all 0.2s ease;
658+
transform: translateZ(0);
659+
will-change: transform;
664660
}
665661
.comments-link a::before {
666662
content: "💬";
@@ -819,7 +815,9 @@ body {
819815
padding: 12px;
820816
border-bottom: 1px solid #cccccc;
821817
border-right: 1px solid #e6e6e6;
822-
word-wrap: break-word;
818+
white-space: normal;
819+
word-break: normal;
820+
overflow-wrap: break-word;
823821
}
824822

825823
.static-content td a {
@@ -902,10 +900,12 @@ body {
902900
top: -1px;
903901
left: 306px;
904902
z-index: 1000;
905-
width: 550px; /* Увеличиваем ширину контейнера */
903+
width: 550px;
906904
transition: width 0.3s ease;
907905
display: flex;
908906
align-items: flex-start;
907+
transform: translateZ(0);
908+
will-change: transform;
909909
}
910910

911911
/* Контейнер для поля ввода и кнопки очистки */
@@ -918,18 +918,20 @@ body {
918918
}
919919

920920
.posts-filter {
921-
width: 100px; /* Начальная ширина */
921+
width: 100px;
922922
padding: 8px 16px;
923-
padding-right: 26px; /* Уменьшенный отступ справа для кнопки очистки */
923+
padding-right: 26px;
924924
border: 2px solid rgba(255, 255, 255, 0.3);
925925
border-radius: 0;
926-
background: rgba(255, 255, 255, 0.2);
927-
backdrop-filter: blur(10px);
926+
background: rgba(255, 255, 255, 0.3);
928927
color: #333;
929928
font-size: 16px;
930929
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
931930
transition: all 0.3s ease, width 0.3s ease;
932931
line-height: 1.2;
932+
backdrop-filter: blur(4px);
933+
transform: translateZ(0);
934+
will-change: transform;
933935
}
934936

935937
.posts-filter:focus, .posts-filter.expanded {
@@ -942,27 +944,28 @@ body {
942944

943945
/* Кнопка поиска в GitHub */
944946
.github-search-btn {
945-
display: none; /* Скрыта по умолчанию */
947+
display: none;
946948
padding: 8px 15px;
947949
margin-left: 8px;
948-
background: #333;
950+
background: rgba(51, 51, 51, 0.95);
949951
color: white;
950952
border: 2px solid rgba(255, 255, 255, 0.3);
951-
border-radius: 0; /* Убираем закругление */
953+
border-radius: 0;
952954
cursor: pointer;
953955
font-size: 16px;
954956
white-space: nowrap;
955957
transition: all 0.2s ease;
956958
opacity: 0;
957959
transform: translateX(-10px);
958-
flex-shrink: 0; /* Не сжимается */
959-
height: 100%; /* Высота как у поля ввода */
960+
flex-shrink: 0;
961+
height: 100%;
960962
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
961-
backdrop-filter: blur(10px);
962-
line-height: 1.2; /* Добавляем line-height как у поля ввода */
963-
display: flex; /* Всегда flex для выравнивания содержимого */
964-
align-items: center; /* Центрируем содержимое по вертикали */
965-
justify-content: center; /* Центрируем содержимое по горизонтали */
963+
line-height: 1.2;
964+
display: flex;
965+
align-items: center;
966+
justify-content: center;
967+
transform: translateZ(0);
968+
will-change: transform;
966969
}
967970

968971
.github-search-btn.visible {
@@ -1079,7 +1082,7 @@ body {
10791082
width: 140%;
10801083
max-width: 600px;
10811084
text-align: center;
1082-
display: none; /* Скрываем по умолчанию */
1085+
display: none;
10831086
opacity: 0;
10841087
transform: translateY(-10px);
10851088
transition: opacity 0.3s ease, transform 0.3s ease;
@@ -1092,7 +1095,7 @@ body {
10921095
top: calc(100% - 10px);
10931096
left: 50%;
10941097
transform: translateX(-50%) translateY(-10px);
1095-
backdrop-filter: blur(10px);
1098+
background: rgba(255, 255, 255, 0.95);
10961099
}
10971100

10981101
/* Класс для отображения панели */
@@ -1154,3 +1157,37 @@ body {
11541157
font-size: 12px;
11551158
}
11561159
}
1160+
1161+
/* Стили для мобильных устройств */
1162+
@media (max-width: 768px) {
1163+
.post table:has(tr td:nth-child(3)),
1164+
.static-content table:has(tr td:nth-child(3)) {
1165+
& td:first-child,
1166+
& th:first-child {
1167+
width: 20%;
1168+
}
1169+
1170+
& td:nth-child(2),
1171+
& th:nth-child(2) {
1172+
width: 60%;
1173+
}
1174+
1175+
& td:last-child,
1176+
& th:last-child {
1177+
width: 20%;
1178+
}
1179+
}
1180+
1181+
.post table:not(:has(tr td:nth-child(3))),
1182+
.static-content table:not(:has(tr td:nth-child(3))) {
1183+
& td:first-child,
1184+
& th:first-child {
1185+
width: 35%;
1186+
}
1187+
1188+
& td:last-child,
1189+
& th:last-child {
1190+
width: 65%;
1191+
}
1192+
}
1193+
}

0 commit comments

Comments
 (0)