simport 1.5.0 → 1.6.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: f5c4751096fa58791efa8fbc49b3fbe77b03c065
4
- data.tar.gz: a786f8d728a3a5e04b3db3e771f36496c29aa04d
3
+ metadata.gz: 897bf4173c9c4ee0d17329004646d753863aaa06
4
+ data.tar.gz: 9971b93cd17a8fa7345747817407ee880d2121f9
5
5
  SHA512:
6
- metadata.gz: e44278e4bfebe2ac6003acfb4e6f62897b7bbcc73f083f3336bcd765e949969d35ce84d96939f57075cb020f69bee70334a6c6de7357b0de2f927aa135b646ea
7
- data.tar.gz: 247819b6dde4b10a228c87511744943e55c7c16da32675916e395acbdb84ab7f3b38b5fdb0ff8061346176f4cf406683941b4513f52a9e7017c1fdc50a9d0c72
6
+ metadata.gz: 72236104932f26af1db262f5b982dc99d70383fdae42d8fd73c3e5f08c1355ea31d0e141a3d70c91575fd43d72c5537cc69c5f15559a8f8c76494272e7c2bcc8
7
+ data.tar.gz: f12460357701ce90fb86b8c4677e04135e7a07adea076cc27c720d0145e128496852a0c2f8e31adc985286cae0b7370103b2ed98e9ffa7cf1fd0d805efd77df4
@@ -1,21 +1,16 @@
1
- <nav>
2
- <nav>
3
- <div id="logo" class="left">
4
- <a href="{{ '/' | relative_url }}">
5
- <button class="nav-button left" type="button">
6
- {% include logo.html %}
7
- </button>
8
- </a>
9
- </div>
10
- <div id="navbar-navigation" class="right">
11
- {% assign sorted = site.data.navigation | reverse %}
12
- {% for item in sorted %}
13
- <a href="{{ item.link | relative_url }}">
14
- <button class="nav-button right" type="button">
15
- <span>{{item.name}}</span>
16
- </button>
17
- </a>
18
- {% endfor %}
19
- </div>
20
- </nav>
21
- </nav>
1
+ <div id="logo">
2
+ <a href="{{ '/' | relative_url }}">
3
+ <button class="nav-button left" type="button">
4
+ {% include logo.html %}
5
+ </button>
6
+ </a>
7
+ </div>
8
+ <div id="navbar-navigation">
9
+ {% for item in site.data.navigation %}
10
+ <a class="nav-item" href="{{ item.link | relative_url }}">
11
+ <button class="nav-button" type="button">
12
+ <span>{{item.name}}</span>
13
+ </button>
14
+ </a>
15
+ {% endfor %}
16
+ </div>
@@ -2,6 +2,7 @@
2
2
  <html>
3
3
  <head>
4
4
  <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
6
  <title>{{ page.title }}</title>
6
7
  {% seo %}
7
8
  <link rel="stylesheet" href="{{ '/assets/css/styles.css' | relative_url }}">
@@ -11,10 +12,14 @@
11
12
  {%- endif -%}
12
13
  </head>
13
14
  <body>
14
- {% include navigation.html %}
15
- <main>
16
- {{ content }}
17
- </main>
15
+ <div id="site">
16
+ <div id="navbar">
17
+ {% include navigation.html %}
18
+ </div>
19
+ <div id="main">
20
+ {{ content }}
21
+ </div>
22
+ </div>
18
23
  </body>
19
24
  <script src="{{ '/assets/js/highlight.pack.min.js' | relative_url }}"></script>
20
25
  <script>hljs.initHighlightingOnLoad();</script>
@@ -1,6 +1,8 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- <div id="home">
5
- {{ content }}
4
+ <div id="home-wrapper">
5
+ <div id="home">
6
+ {{ content }}
7
+ </div>
6
8
  </div>
@@ -1,8 +1,23 @@
1
+ #home-wrapper {
2
+ height: 100%;
3
+ padding: 10px;
4
+ }
5
+
6
+ @media only screen and (min-width: 600px) {
7
+ #home-wrapper {
8
+ padding: 0px;
9
+ display: grid;
10
+ grid-template-rows: 3fr 9fr;
11
+ grid-template-areas:
12
+ "space-top"
13
+ "home";
14
+ }
15
+ }
16
+
1
17
  #home {
2
- margin: auto;
18
+ grid-area: home;
3
19
  max-width: 500px;
4
- margin-top: 200px;
5
- padding: 0 25px;
20
+ justify-self: center;
6
21
  }
7
22
 
8
23
  #home p {
@@ -1,9 +1,32 @@
1
- body {
2
- margin: 0;
1
+ #site {
2
+ height: 100vh;
3
+ display: grid;
4
+ grid-template-rows: auto 50px;
5
+ grid-template-areas:
6
+ "main"
7
+ "navbar";
8
+ }
9
+
10
+ #main {
11
+ grid-area: main;
12
+ overflow-y: scroll;
13
+ }
14
+
15
+ @media only screen and (min-width: 600px) {
16
+ #site {
17
+ grid-template-rows: 50px auto;
18
+ grid-template-areas:
19
+ "navbar"
20
+ "main";
21
+ }
22
+ }
23
+
24
+ #navbar {
25
+ grid-area: navbar;
3
26
  }
4
27
 
5
- main {
6
- padding-top: 50px;
28
+ body {
29
+ margin: 0;
7
30
  }
8
31
 
9
32
  h1,
@@ -22,11 +45,3 @@ li {
22
45
  letter-spacing: 1px;
23
46
  -webkit-font-smoothing: antialiased !important;
24
47
  }
25
-
26
- .right {
27
- float: right;
28
- }
29
-
30
- .left {
31
- float: left;
32
- }
@@ -1,33 +1,57 @@
1
- nav {
2
- height: 50px;
3
- width: 100%;
4
- position: fixed;
5
- top: 0;
6
- border-bottom: 1px solid lightgrey;
1
+ #navbar {
2
+ border-top: 1px solid lightgrey;
3
+ }
4
+
5
+ #navbar-navigation {
6
+ grid-area: navigation;
7
+ display: grid;
8
+ height: 100%;
7
9
  background: white;
8
10
  }
9
11
 
10
12
  #logo {
13
+ grid-area: logo;
11
14
  height: 100%;
12
- width: 25%;
15
+ display: none;
13
16
  }
14
17
 
15
- #navbar-navigation {
16
- height: 100%;
17
- width: 75%;
18
+ @media only screen and (min-width: 600px) {
19
+ #navbar {
20
+ display: grid;
21
+ grid-template-columns: 1fr 1fr;
22
+ grid-template-areas: "logo navigation";
23
+ border-bottom: 1px solid lightgrey;
24
+ border-top: 0px;
25
+ }
26
+
27
+ #navbar-navigation {
28
+ display: flex;
29
+ justify-content: flex-end;
30
+ }
31
+
32
+ #logo {
33
+ display: flex;
34
+ }
35
+
36
+ .nav-button {
37
+ min-width: 88px;
38
+ }
18
39
  }
19
40
 
20
- nav a {
41
+ #navbar-navigation a {
21
42
  text-decoration: none;
22
43
  color: #505050;
23
44
  }
24
45
 
46
+ .nav-item {
47
+ grid-row: 1;
48
+ }
49
+
25
50
  .nav-button {
26
51
  height: 100%;
52
+ width: 100%;
27
53
  color: rgba(0, 0, 0, 0.87);
28
- padding: 8px 16px;
29
54
  font-size: 0.875rem;
30
- min-width: 88px;
31
55
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
32
56
  font-weight: 500;
33
57
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: simport
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.5.0
4
+ version: 1.6.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Redhwan Nacef
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-07-12 00:00:00.000000000 Z
11
+ date: 2019-07-26 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll