Skip to content

Commit c29c415

Browse files
committed
refactor style docs
1 parent c35dc82 commit c29c415

File tree

5 files changed

+147
-37
lines changed

5 files changed

+147
-37
lines changed

Angular_files/cli.png

23.4 KB
Loading

Angular_files/detect.png

53 KB
Loading

Angular_files/styles.custom.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -189,4 +189,15 @@ article {
189189
.home-row img.card-default {
190190
border: none;
191191
border-radius: initial;
192+
}
193+
194+
.card--align {
195+
text-align: center;
196+
font-size: 12px;
197+
margin-top: 15px;
198+
}
199+
200+
.card--link {
201+
font-size: 12px;
202+
border-bottom: 1px dotted;
192203
}

Angular_files/universal.png

132 KB
Loading

index.html

Lines changed: 136 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -164,6 +164,7 @@ <h1 class="no-anchor no-toc" style="display: none" id=""></h1>
164164
<div class="homepage-container">
165165

166166
</div>
167+
167168
<!-- Group 1 -->
168169
<div layout="row" layout-xs="column" class="home-row homepage-container">
169170
<div class="promo-img-container promo-1">
@@ -179,36 +180,8 @@ <h1 class="no-anchor no-toc" style="display: none" id=""></h1>
179180
</div>
180181
</div>
181182
<hr>
183+
182184
<!-- Group 2 -->
183-
<div layout="row" layout-xs="column" class="home-row">
184-
<div class="text-container">
185-
<div class="text-block">
186-
<div class="text-headline">Скорость и производительность</div>
187-
<p class="text-body">Теперь вы можете достичь максимально возможной скорости работы приложений на веб-платформах уже сегодня, используя Web Workers и серверный рендеринг.</p>
188-
<p class="text-body">Теперь приложения на Angular легко масштабируются. Работа с данными отвечает высоким требованиям за счет обработки ваших моделей данных на RxJS, Immutable.js или любой другой push-model архитектуры.</p>
189-
</div>
190-
</div>
191-
<div class="promo-img-container promo-2">
192-
<div>
193-
<img height="222" width="323" src="./Angular_files/speed-performance.svg" alt="speed and performance">
194-
</div>
195-
</div>
196-
</div>
197-
<hr>
198-
<!-- Group 3 -->
199-
<div layout="row" layout-xs="column" class="home-row">
200-
<div class="promo-img-container promo-3">
201-
<div><img src="./Angular_files/joyful-development.svg" alt="IDE example" width="400" height="251"></div>
202-
</div>
203-
<div class="text-container">
204-
<div class="text-block promo-3-desc">
205-
<div class="text-headline">Огромный набор инструментов</div>
206-
<p class="text-body">Быстрое создание компонентов с помощью простых декларативных шаблонов. Язык шаблонов, расширяемый вашими собственными компонентами, и использование наборов существующих. Поддержка во всех современных средах разработки (IDE) и редакторах. Все это объединяется в единую платформу, и теперь вы можете сосредоточиться на создании отличных приложений, а не на попытке заставить свой код работать.</p>
207-
</div>
208-
</div>
209-
</div>
210-
<hr>
211-
<!-- Group 4 -->
212185
<div layout="row" layout-xs="column" class="home-row">
213186
<div class="text-container">
214187
<div class="text-block l-pad-top-2">
@@ -222,9 +195,9 @@ <h1 class="no-anchor no-toc" style="display: none" id=""></h1>
222195
<div class="card">
223196
<img src="https://avatars2.githubusercontent.com/u/29404381?s=200&amp;v=4" height="70px">
224197
<div class="card-text-container">
225-
<span class="card-text-title">Angular Meetup</span>
198+
<span class="card-text-title">Предложить доклад</span>
226199
<p class="card-text-subtitle">
227-
AnguarMoscow <br>
200+
Angular Meetups <br>
228201
©2016-<span id="ngmoscow-full-year"></span>
229202
</p>
230203
</div>
@@ -234,7 +207,7 @@ <h1 class="no-anchor no-toc" style="display: none" id=""></h1>
234207
</div>
235208
</div>
236209
<hr>
237-
<!-- Group 4 -->
210+
<!-- Group 3 -->
238211
<div layout="row" layout-xs="column" class="home-row">
239212

240213
<div class="promo-img-container promo-img-container--full promo-4">
@@ -287,17 +260,39 @@ <h1 class="no-anchor no-toc" style="display: none" id=""></h1>
287260
<span class="card-text-title chat-angular-nativescript">NativeScript RU</span>
288261
</a>
289262
<p class="card-text-subtitle">Общаемся на темы мобильной разработки и Angular</p>
290-
</div>
291-
263+
</div>
292264

293265
</div>
266+
267+
<div class="card--align">
268+
Также может быть интересно:
269+
<a href="https://t.me/ngMoscow">ngMoscow</a>,
270+
<a href="https://t.me/clarity_ui">ClarityUI</a>,
271+
<a class="card--link" href="https://github.com/Angular-RU/angular-ru.github.io/issues/new">добавить новый чат</a>
272+
</div>
294273

295274
</div>
296275
</div>
297276

298277
</div>
299278
<hr>
300279

280+
<!-- Group 4 -->
281+
<div layout="row" layout-xs="column" class="home-row">
282+
<div class="text-container">
283+
<div class="text-block">
284+
<div class="text-headline">Скорость и производительность</div>
285+
<p class="text-body">Теперь вы можете достичь максимально возможной скорости работы приложений на веб-платформах уже сегодня, используя Web Workers и серверный рендеринг.</p>
286+
<p class="text-body">Теперь приложения на Angular легко масштабируются. Работа с данными отвечает высоким требованиям за счет обработки ваших моделей данных на RxJS, Immutable.js или любой другой push-model архитектуры.</p>
287+
</div>
288+
</div>
289+
<div class="promo-img-container promo-2">
290+
<div>
291+
<img height="222" width="323" src="./Angular_files/speed-performance.svg" alt="speed and performance">
292+
</div>
293+
</div>
294+
</div>
295+
<hr>
301296

302297
<!-- Group 5 -->
303298
<div layout="row" layout-xs="column" class="home-row">
@@ -310,13 +305,13 @@ <h1 class="no-anchor no-toc" style="display: none" id=""></h1>
310305

311306
<div>
312307

313-
<div class="card telegram youtube">
308+
<div class="card youtube">
314309

315310
<div class="card-text-container">
316311
<a href="https://www.youtube.com/channel/UCpDTAtunmHBcI6CsJoUV7ww/videos" target="_blank">
317-
<img class="card-scope card-default" width="80" height="80" src="https://avatars2.githubusercontent.com/u/29404381?s=200&v=4">
312+
<img class="card-scope card-default" width="80" height="80" src="Angular_files/angular-ru.svg">
318313
</a>
319-
<p class="card-text-subtitle">AngularMoscow - митапы</p>
314+
<p class="card-text-subtitle">Angular Russia</p>
320315
</div>
321316

322317
<div class="card-text-container">
@@ -362,6 +357,110 @@ <h1 class="no-anchor no-toc" style="display: none" id=""></h1>
362357
</div>
363358

364359
</div>
360+
361+
<div class="card--align">
362+
Также может быть интересно:
363+
<a href="https://www.youtube.com/channel/UCIF1hNN9DpSNWVYSfPBRuWw/videos">nvx</a>,
364+
<a href="https://www.youtube.com/watch?v=NzsQnEaDhB4&list=PLLvTAhHe8AYCflB7fv79TU9Y6WK52L8nb">KravaDima</a>,
365+
<a class="card--link" href="https://github.com/Angular-RU/angular-ru.github.io/issues/new">добавить свой канал</a>
366+
</div>
367+
368+
</div>
369+
</div>
370+
371+
</div>
372+
<hr>
373+
374+
<!-- Group 6 -->
375+
<div layout="row" layout-xs="column" class="home-row">
376+
<div class="promo-img-container promo-3">
377+
<div><img src="./Angular_files/joyful-development.svg" alt="IDE example" width="400" height="251"></div>
378+
</div>
379+
<div class="text-container">
380+
<div class="text-block promo-3-desc">
381+
<div class="text-headline">Огромный набор инструментов</div>
382+
<p class="text-body">Быстрое создание компонентов с помощью простых декларативных шаблонов. Язык шаблонов, расширяемый вашими собственными компонентами, и использование наборов существующих. Поддержка во всех современных средах разработки (IDE) и редакторах. Все это объединяется в единую платформу, и теперь вы можете сосредоточиться на создании отличных приложений, а не на попытке заставить свой код работать.</p>
383+
</div>
384+
</div>
385+
</div>
386+
<hr>
387+
388+
<!-- Group 7 -->
389+
<div layout="row" layout-xs="column" class="home-row">
390+
391+
<div class="promo-img-container promo-img-container--full promo-4">
392+
<div class="text-headline text-middle-title">
393+
<i class="fa fa-code" aria-hidden="true"></i>
394+
Разработки сообщества
395+
</div>
396+
397+
<div>
398+
399+
<div class="card youtube">
400+
401+
<div class="card-text-container">
402+
<a href="https://github.com/Angular-RU/angular-universal-starter" target="_blank">
403+
<img class="card-scope card-default" width="80" height="80" src="https://s.gravatar.com/avatar/8a4dee5fb03c58865ebfe05a43587171?size=496&default=retro">
404+
</a>
405+
<p class="card-text-subtitle">Universal starter</p>
406+
</div>
407+
408+
<div class="card-text-container">
409+
<a href="https://github.com/Angular-RU/angular-ngrx-starter" target="_blank">
410+
<img class="card-scope card-default" width="80" height="80" src="https://ultimateangular.com/assets/img/categories/ngrx.svg">
411+
</a>
412+
<p class="card-text-subtitle">Arngular ngrx (redux) starter</p>
413+
</div>
414+
415+
<div class="card-text-container">
416+
<a href="https://github.com/Angular-RU/angular-nest-starter">
417+
<img class="card-scope card-default" width="80" height="80" src="https://nestjs.com/img/logo-small.svg">
418+
</a>
419+
<p class="card-text-subtitle">Angular + Nest.js starter</p>
420+
</div>
421+
422+
<div class="card-text-container">
423+
<a href="https://github.com/Angular-RU/angular-cli-webpack" target="_blank">
424+
<img class="card-scope card-default" width="80" height="80" src="./Angular_files/cli.png">
425+
</a>
426+
<p class="card-text-subtitle">Angular Webpack CLI</p>
427+
</div>
428+
429+
<div class="card-text-container">
430+
<a href="https://github.com/Angular-RU/angular-e2e-cucumber-quick-start" target="_blank">
431+
<img class="card-scope card-default" width="80" height="80" src="https://crossbrowsertesting.com/design/images/integrations/cucumber-logo.svg">
432+
</a>
433+
<p class="card-text-subtitle">Angular E2E + Cucumber</p>
434+
</div>
435+
436+
<div class="card-text-container">
437+
<a href="https://github.com/Angular-RU/angular-storybook-starter" target="_blank">
438+
<img class="card-scope card-default" width="80" height="80" src="https://pbs.twimg.com/profile_images/864996946502574080/zFnlqAJp.png">
439+
</a>
440+
<p class="card-text-subtitle">Angular Storybook</p>
441+
</div>
442+
443+
<div class="card-text-container">
444+
<a href="https://github.com/Angular-RU/change-detection-tree" target="_blank">
445+
<img class="card-scope card-default" width="80" height="80" src="./Angular_files/detect.png">
446+
</a>
447+
<p class="card-text-subtitle">Визуальное дерево обнаружений</p>
448+
</div>
449+
450+
451+
</div>
452+
453+
<div class="card--align">
454+
Также может быть интересно: <br>
455+
<a href="https://github.com/Angular-RU/angular-ru-interview-questions">вопросы на собеседовании</a>,
456+
<a href="https://github.com/Angular-RU/angular-ionic-starter">angular-ionic-starter</a>,
457+
<a href="https://github.com/Angular-RU/angular-clarity-ui-starter">angular-clarity-ui-starter</a>, <br>
458+
<a href="https://github.com/Angular-RU/angular-kendo-ui-starter">angular-kendo-ui-starter</a>,
459+
<a href="https://github.com/Angular-RU/ngx-i18n-combine">ngx-i18n-combine</a>,
460+
<a href="https://github.com/Angular-RU/angular-ngx-kit">angular-ngx-kit</a>,
461+
<a href="https://github.com/Angular-RU/webpack-typescript-starter">webpack-typescript-starter</a> <br>
462+
<a class="card--link" href="https://github.com/Angular-RU/angular-ru.github.io/issues/new">добавить свою разработку</a>
463+
</div>
365464

366465
</div>
367466
</div>

0 commit comments

Comments
 (0)