-
Notifications
You must be signed in to change notification settings - Fork 0
/
concept.html
137 lines (125 loc) · 5.92 KB
/
concept.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>qwerty</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="https://fonts.googleapis.com/css?family=Catamaran:200,400,500,600,800" rel="stylesheet">
<link rel="stylesheet" href="http://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/qwerty.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/logo.png">
</head>
<body>
<!--****** HEADER ************** -->
<header class="menu-header">
<div class="header-left">
<a class="menu-btn"><i class="icon ion-navicon"></i></a>
</div>
<div class="header-center">
<a href="index.html"><h4 class="logo">qwerty</h4></a>
</div>
<div class="header-right">
<a class=""><i class="icon ion-ios-search-strong"></i></a>
</div>
</header>
<nav class="left-nav">
<div class="brand-box">
<div class="spacer-sm"></div>
<div class="tx-center menu-brand">
<img class="" src="images/logo.png" width="100px" />
<p>qwerty</p>
</div>
<div class="spacer-sm"></div>
</div>
<ul class="brand-ul">
<a href="./index.html"><li class=""><i class="icon ion-android-list"></i> Intro</li></a>
<a href="./concept.html"><li class="active"><i class="icon ion-coffee"></i> Conception</li></a>
<a href="./kanpe.html"><li class=""><i class="icon ion-code"></i> CheetSheet</li></a>
<li class="folder-list">
<a href="#"><i class="icon ion-document-text"></i> Themses <i class="icon arrow-icon ion-ios-arrow-right"></i></a>
</li>
<ul class="hidden-li">
<a href=""><li class="">Coming Soon...</li></a>
</ul>
<li class=""><a href="https://github.com/thousandjapan/qwerty" target="_blank"><i class="icon ion-social-github"></i> Guthub <i class="icon ion-android-open"></i></a></li>
</ul>
</nav>
<div class="site-overlay"></div>
<!--****** MAIN CONTENT ************** -->
<div class="wrap">
<div class="pack">
<div class="row">
<div class="tx-center top-logo">
<img src="images/logo.png" />
<div class="row">
<a href="https://codeload.github.com/thousandjapan/qwerty/zip/master"><button style="margin-top: 8px" class="btn btn-sm fill-red"><i class="icon ion-archive"></i> Download</button></a>
<a href="https://github.com/thousandjapan/qwerty" target="_blank"><button style="margin-top: 8px" class="btn btn-sm"><i class="icon ion-social-github"></i> Github</button></a>
</div>
</div>
</div>
</div>
<div class="pack">
<div class="row">
<div class="">
<h4 class="fw-800">SaaS? Gulp? npm?</h4>
<p>The Way We Build The Website or Webapp is lively Changing. And I'm Sick of new frontend trends, and,
<br />Thinking calmly, The trick is simple. For example, Framework is a mere others Fuckin' code. The Fuckin' code should be Reusable, Intersection of various Projects.
<br />To using qwerty, just put qwerty.css in your Project, or set CDN, as easy as a pie.</p>
<h4 class="fw-800">Less core</h4>
<p>In the first of Design phase, we should focus to "CORE" like a layout, grid, action-flow, because it's Unrecoverable at later phase.<br>Ideal Grid System and Clean Design are included in qwerty.</p>
</div>
</div>
</div>
</div>
<!-- JS Files
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
<!-- Pushy JS -->
<script src="js/pushy.min.js"></script>
<script>
$(function() {
$('.clean-search-show').click(function(e) {
$('.clean-search').addClass('clean-search-active');
});
$('.wrap').click(function(e) {
$('.clean-search').removeClass('clean-search-active');
});
$('.pmenu-submenu').click(function(e) {
if(jQuery(this).hasClass('pmenu-submenu-closed')){
$('.pmenu-icon',this).removeClass('ion-ios-arrow-down');
$('.pmenu-icon',this).addClass('ion-ios-arrow-right');
} else if (jQuery(this).hasClass('pmenu-submenu-open') ) {
$('.pmenu-icon',this).addClass('ion-ios-arrow-down');
$('.pmenu-icon',this).removeClass('ion-ios-arrow-right');
}
});
$('.folder-list').click(function() {
var element = $(this);
var next = $(this).next();
if (next.hasClass('folder-list')) {
} else {
var arrow = element.find('.arrow-icon');
arrow.toggleClass('ion-ios-arrow-right')
arrow.toggleClass('ion-ios-arrow-down')
next.slideToggle('fast');
}
});
});
</script>
</body>
</html>