かみーゆ yuririn

## gist:b0512b5de7cb7f7adf5bcd99e9966e35
doctype html
html(lang="ja")
  head
    meta(charset="utf-8")
    title Pugレッスン
  body
    h1 Pug始めました
    main.main
      p Pugでhtml作ったよ

## gist:2c4a500554146edf6227c926b2ef792e
ul
  li: a(href="#") List01
  li: a(href="#") List02
  li: a(href="#") List03

## gist:14b1b902aa0424e30a380886603a2708
#id-name DivタグにIDを振る
.class-name DivタグにClassをつける

## gist:614e290eca47f985631e5f8ad97809a9
- var url = "//www.example.com/";

a(href=url) トップページ
a(href=url + "contact/") お問い合わせ

## gist:fd35d0328708fd337242fdbeb56c0a98
ul
- for (var i = 0; i <= 3; i++) {
  .item
    li List0#{i}
- }

## gist:06d5d22ae5ef240a273c9f0ce15dddf8
- var title = { home: "トップページ" }

if title.home
  h2 #{title.home}
else
  h2 title.lower

## gist:72963a3b581e0a379f5fc2cd43ed9e80
include inc/_header.pug

## gist:a3381e46d2ce07f86f20a055d82be817
//- inc/_layout.pug
block main

//- index.pug
extend inc/_layout

block main
  main.main
    h2 Pugでhtml作ったよ
    p Pugって楽しいね！！！！

## gist:546ee980ca16012a1bec264809e3d59f
//- inc/_layout.pug
block js

//- index.pug
append js
  script(src="top.js")

## gist:d398339b6a4a81ffd1939a62ae098a79
mixin list
  ul
    li List01
    li List02
    li List03

+list
+list
	doctype html
	html(lang="ja")
	head
	meta(charset="utf-8")
	title Pugレッスン
	body
	h1 Pug始めました
	main.main
	p Pugでhtml作ったよ
	ul
	li: a(href="#") List01
	li: a(href="#") List02
	li: a(href="#") List03
	#id-name DivタグにIDを振る
	.class-name DivタグにClassをつける
	- var url = "//www.example.com/";

	a(href=url) トップページ
	a(href=url + "contact/") お問い合わせ
	- var title = { home: "トップページ" }

	if title.home
	h2 #{title.home}
	else
	h2 title.lower
	//- inc/_layout.pug
	block main

	//- index.pug
	extend inc/_layout

	block main
	main.main
	h2 Pugでhtml作ったよ
	p Pugって楽しいね！！！！
	//- inc/_layout.pug
	block js

	//- index.pug
	append js
	script(src="top.js")