Skip to content

Commit 5d98483

Browse files
author
zzzprojects
committed
Update website design
Update website design
1 parent d09361d commit 5d98483

File tree

12 files changed

+130
-97
lines changed

12 files changed

+130
-97
lines changed

docs/_includes/custom/site-footer.html

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<div class="d-flex justify-content-center">
44
<h4>Prime Projects</h4>
55
</div>
6-
<div class="row justify-content-center">
6+
<div class="row justify-content-center d-flex flex-column flex-md-row">
77
<a class="btn btn-square" href="http://entityframework-extensions.net/" target="_blank">
88
<span class="number">01</span>
99
Entity Framework Extensions
@@ -29,6 +29,11 @@ <h4>Prime Projects</h4>
2929
SQL Eval
3030
<i class="fa fa-angle-right"></i>
3131
</a>
32+
<a class="btn btn-square" href="http://linqtosql-plus.net/" target="_blank">
33+
<span class="number">06</span>
34+
LinqToSql Plus
35+
<i class="fa fa-angle-right"></i>
36+
</a>
3237
</div>
3338
</div>
3439
<div class="section-free d-flex justify-content-center flex-column">

docs/_includes/custom/site-header.html

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,9 @@
44

55
<a class="navbar-brand" href="{{ site.github.url }}/">
66
<img src="{{ site.github.url }}/images/logo256X256.png">
7-
<span class="hidden-sm-down">Entity Framework Extensions</span> (
8-
<span class="text-z">EFE</span> )
7+
<span class="hidden-sm-down">Entity Framework Extensions (</span>
8+
<span class="text-z">EFE</span>
9+
<span class="hidden-sm-down">)</span>
910
</a>
1011

1112
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-site-menu" aria-controls="nav-site-menu"
@@ -34,7 +35,7 @@
3435
</a>
3536
</li>
3637
<li class="nav-item nav-item-download">
37-
<a class="btn btn-lg btn-z-prime" role="button" href="{{ site.github.url }}/download" onclick="ga('send', 'event', { eventAction: 'download'});">
38+
<a class="btn btn-lg btn-z accent" role="button" href="{{ site.github.url }}/download" onclick="ga('send', 'event', { eventAction: 'download'});">
3839
<i class="fa fa-cloud-download" aria-hidden="true"></i>
3940
Download
4041
<i class="fa fa-angle-right"></i>

docs/_layouts/default.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"
2222
/>
2323
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" />
24-
<link rel="stylesheet" type="text/css" href="{{ site.github.url }}/css/master.css?v=6">
24+
<link rel="stylesheet" type="text/css" href="{{ site.github.url }}/css/master.css?v=7">
2525
</head>
2626

2727
<body>

docs/_sass/components/rotator-dark.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
//
22
// rotator
33
//
4+
.rotator{
5+
h2{
6+
color:white!important;
7+
}
8+
}
49
@media (max-width: 991px) {
510
.rotator {
611
@include background-black;

docs/_sass/mixin.scss

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
@mixin background-toright-dark {
22
background: #222;
3-
background: linear-gradient(to right, #333, #111);
3+
background: linear-gradient(to right, #333, #292929);
44
}
55

66
@mixin background-black {
77
background: #222;
8-
background: -moz-radial-gradient(circle, #333, #111);
9-
background: -webkit-radial-gradient(circle, #333, #111);
10-
background: -ms-radial-gradient(circle, #333, #111);
11-
background: -o-radial-gradient(circle, #333, #111);
12-
background: radial-gradient(circle, #333, #111);
8+
background: -moz-radial-gradient(circle, #333, #292929);
9+
background: -webkit-radial-gradient(circle, #333, #292929);
10+
background: -ms-radial-gradient(circle, #333, #292929);
11+
background: -o-radial-gradient(circle, #333, #292929);
12+
background: radial-gradient(circle, #333, #292929);
1313
}
1414

1515
@mixin background-black-light {

docs/_sass/pages/pricing.scss

Lines changed: 21 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -24,18 +24,35 @@ a#other_options[aria-expanded="true"] {
2424
color: #c00;
2525
font-weight: bold;
2626
margin-bottom: -10px;
27-
2827
.text {
2928
font-size: 72px !important;
3029
}
3130
}
3231

3332
.btn-paypal {
33+
border-radius: 0;
34+
margin: 0 7px;
35+
padding: 20px 0;
3436
background-color: #009edf;
37+
border: 1px solid #009edf;
3538
color: #fff;
36-
39+
&.credit {
40+
background-color: #fff;
41+
border: 1px solid #a8a8a8;
42+
color: #a8a8a8;
43+
}
44+
.fa {
45+
display: block;
46+
font-size: 32px;
47+
margin-bottom: 10px;
48+
}
49+
span {
50+
display: block;
51+
font-size: 14px;
52+
}
3753
&:hover {
38-
background-color: #02318c;
54+
background-color: #009edf;
55+
border: 1px solid #009edf;
3956
color: #fff;
4057
}
4158
}
@@ -52,7 +69,6 @@ a#other_options[aria-expanded="true"] {
5269

5370
.page-pricing .bg-danger {
5471
@include background-red;
55-
5672
color: #fff;
5773
}
5874

@@ -73,9 +89,8 @@ a#other_options[aria-expanded="true"] {
7389
padding: 0;
7490
}
7591
}
76-
7792
.step-1 {
7893
width: 100%;
7994
}
8095
}
81-
}
96+
}

docs/_sass/skeletons/article.scss

Lines changed: 5 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,23 @@
11
//
22
// section-nav
33
//
4-
54
.section_trial {
65
color: #676565;
7-
86
.boxes {
97
border: 1px solid #d8d8d8;
108
padding: 15px;
119
margin-bottom: 15px;
1210
background-color: white;
1311
}
14-
1512
.btn-z {
1613
margin: 10px auto;
1714
font-size: 20px;
1815
}
1916
}
17+
2018
//
2119
// section-aside
2220
//
23-
24-
2521
//
2622
//
2723
// section-main
@@ -40,7 +36,6 @@
4036
padding-bottom: 10px;
4137
margin-bottom: 24px;
4238
font-weight: 700;
43-
4439
&:after {
4540
content: "";
4641
background: #4d4e54;
@@ -57,7 +52,7 @@
5752
//
5853
.section-article h2 {
5954
margin-bottom: 10px;
60-
color: #755e5e;
55+
color: #635a5a;
6156
}
6257

6358
.section-article .card-code {
@@ -117,7 +112,8 @@
117112
padding-bottom: 40px;
118113
}
119114

120-
.section-free, .section-premium {
115+
.section-free,
116+
.section-premium {
121117
h4 {
122118
margin: 15px auto;
123119
}
@@ -129,7 +125,6 @@
129125
color: white;
130126
font-size: 14px;
131127
}
132-
133128
.col-2 {
134129
padding: 10px 0;
135130
border-top: 1px solid #676565;
@@ -143,28 +138,23 @@
143138
h1 {
144139
font-size: 3rem;
145140
}
146-
147141
h2 {
148142
color: #a0a0a0;
149143
}
150144
}
151-
152145
.section-faq .card .card-header h3 a:after {
153146
right: -10px;
154147
top: calc(50% - 16px);
155148
}
156-
157149
#main-container-z {
158150
.section-main {
159151
padding: 10px;
160-
161152
h1 {
162153
font-size: 2.5rem;
163154
}
164-
165155
h2 {
166156
font-size: 1.5rem;
167157
}
168158
}
169159
}
170-
}
160+
}

docs/_sass/skeletons/site-footer.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,4 +19,11 @@
1919
padding-bottom:15px;
2020
background-color:#3c3c3c;
2121
}
22+
.card-header{
23+
h3{
24+
a{
25+
padding-right:24px;
26+
}
27+
}
28+
}
2229
}

docs/_sass/skeletons/site-header.scss

Lines changed: 9 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,12 @@
1515
}
1616
}
1717

18+
#main-container-z {
19+
.navbar-dark {
20+
@include background-toright-dark;
21+
}
22+
}
23+
1824
//
1925
// nav-site
2026
//
@@ -40,9 +46,8 @@
4046

4147
@media (max-width: 575px) {
4248
.site-header .nav-site .navbar-brand {
43-
font-size: 0.8rem;
49+
font-size: 1.2rem;
4450
}
45-
4651
.site-header .nav-site .navbar-brand img {
4752
height: 36px;
4853
}
@@ -52,21 +57,17 @@
5257
.site-header {
5358
border-bottom: 1px solid red;
5459
}
55-
5660
.site-header .nav-site .navbar-brand img {
5761
height: 60px;
5862
}
59-
6063
.site-header .nav-site .navbar-nav {
6164
padding: 1em 0;
6265
}
63-
64-
.site-header .nav-site .navbar-nav > .nav-item {
66+
.site-header .nav-site .navbar-nav>.nav-item {
6567
border-top: 1px solid rgba(0, 0, 0, 0.3);
6668
text-align: center;
6769
padding: 0.5em 1em;
6870
}
69-
7071
.site-header .nav-site .navbar-nav .nav-item-download {
7172
padding-top: 1em;
7273
}
@@ -83,21 +84,17 @@
8384
padding-bottom: 0;
8485
padding-top: 0;
8586
}
86-
8787
.site-header .nav-site .navbar-brand img {
8888
height: 64px;
8989
}
90-
9190
.site-header .nav-site .navbar-nav .nav-item {
9291
padding-left: 1em;
9392
padding-right: 1em;
9493
}
95-
9694
.site-header .nav-site .navbar-nav .nav-item a.nav-link {
9795
position: relative;
9896
text-decoration: none;
9997
}
100-
10198
.site-header .nav-site a.nav-link::after {
10299
border-bottom: 2px solid #c00;
103100
bottom: 0;
@@ -107,11 +104,9 @@
107104
transition: all 0.5s ease 0s;
108105
width: 0;
109106
}
110-
111107
.site-header .nav-site a.nav-link:hover::after {
112108
width: 100%;
113109
}
114-
115110
.site-header .nav-site .navbar-nav .nav-item {
116111
border-left: 1px solid rgba(0, 0, 0, 0.3);
117112
}
@@ -149,4 +144,4 @@
149144

150145
.site-header .nav-context nav li a.nav-link:hover {
151146
color: rgba(255, 255, 255, 1) !important;
152-
}
147+
}

0 commit comments

Comments
 (0)