Язык JADE в практических примерах Язык JADE в практических примерах

Язык JADE в практических примерах

Дата: Понедельник, 31.08.2015, 06:51 | Сообщение # 1

Группа: Администраторы

Сообщений: 1530

1. Рисуем кучу кнопок

each i in ['draw','draw meet','center','spin','spin circle','spin thick']
button(class=i) #{i}

2. Пишем цифры

- var n = 0

.dots.rotate

while n < 10
.dot.border= n++

3. 28 контейнеров
.grid
- for (i=0; i<28; i++)
.cell

множим контейнеры

- var dots = 360
while dots--
div

Дата: Воскресенье, 11.10.2015, 23:40 | Сообщение # 2

Группа: Администраторы

Сообщений: 1530

4. Создаем форму

form.nice-form

    fieldset

        legend Placeholders Spectaculaire

        - var fields = [
        -     { id: "such", text: "Such Input"},
        -     { id: "many", text: "Many Field"},
        -     { id: "very", text: "Very Form"}
        - ];

        p.input-group
            | try putting 15 characters in to a field
            img.emoji(src="https://raw.githubusercontent.com/twitter/twemoji/gh-pages/36x36/1f609.png")

        each x in fields
            .input-group(data-group-name=x.id)
                label(for=x.id)= x.text
                input(type="text" name=x.id id=x.id)

        .input-group
            label(for="txt")
                | So Textarea
            textarea(name="txt" id="txt")

        .input-group
            button() Wow!

Дата: Вторник, 20.10.2015, 00:16 | Сообщение # 3

Группа: Администраторы

Сообщений: 1530

Пример публикации с навигацией

.l-wrapper
nav.nav
    each val in ['home', 'blog', 'gallery','image']
      -var itemClass = 'item-' + val;
      a(href="#", class=itemClass)
        span #{val}

section.section
    h1 My Blog
    article.article
      time.article__datetime 15.06.2014
      h2.article__title Rainy day
      p Nunc eu accumsan lorem, nec eleifend massa. Integer lobortis bibendum neque a pellentesque. Nunc ullamcorper hendrerit mauris, id gravida turpis facilisis in.
      footer.article__footer
        a(href="#") 0 comments

Пример: http://codepen.io/yoksel/pen/AyLEs

Дата: Воскресенье, 10.07.2016, 22:56 | Сообщение # 4

Группа: Администраторы

Сообщений: 1530

Быстро программируем таблицу в Jade

- strok = 20
- colon = 10
table(cellspacing="0" cellpadding="0")
each y in Array(strok)
tr
each x in Array(colon)
td

Пример: http://codepen.io/Evan-Goode/pen/jPBobv

Дата: Воскресенье, 30.01.2022, 04:25 | Сообщение # 5

Группа: Пользователи

Сообщений: 1

Фото и видео маленьких девочек без трусиков можно купить у нас.
г. Санкт-Петербург, пер. Челиева 8 В
Сайт магазина: https://www.konkurs-media.com
info@muz-media.com
Концертно продюсерский центр Music Media занимается проведением и организацией подпольных конкурсов детской порнографии!
Телефон для покупки портфолио голых девочек от 8 до 13 лет: +7 812 920 03 64
+7-911-920-03-64
Григорьев В.Б.

Детское порно - https://www.muz-media.com/

Язык JADE в практических примерах - Архив