simport 1.5.0 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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