Skip to content

Commit a2a525c

Browse files
M1rotvorezM1rotvorez
committed
added styles for dahua page / added mobile styles for dahua page
1 parent 44fe6d0 commit a2a525c

File tree

8 files changed

+167
-42
lines changed

8 files changed

+167
-42
lines changed

‎gulpfile.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ gulp.task('libraries', function() {
5555
staticFolder +'scripts/vendor/TimelineMax.min.js',
5656
staticFolder +'scripts/vendor/animation.gsap.min.js',
5757
staticFolder +'scripts/vendor/jquery.ScrollMagic.min.js',
58-
staticFolder +'scripts/vendor/debug.addIndicators.min.js'
58+
staticFolder +'scripts/vendor/Chart.min.js'
5959
];
6060
return gulp.src(scripts)
6161
.pipe(concat('libraries.js'))

‎static/dist/libraries-min.js

Lines changed: 15 additions & 10 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎static/dist/scripts-min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎static/dist/styles.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎static/scripts/scripts.js

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,3 +28,37 @@ var scene = new ScrollMagic.Scene({
2828
})
2929
.setTween(tween_projects)
3030
.addTo(controller);
31+
32+
33+
var ctx = $("#myChart");
34+
35+
var myChart = new Chart(ctx, {
36+
type: 'line',
37+
data: {
38+
labels: ["21.03", "22.03", "23.03", "24.03", "25.03", "26.03"],
39+
datasets: [{
40+
label: '# of Votes',
41+
data: [4, 1, 3, 5, 2, 3],
42+
borderColor: [
43+
'#2F86E7'
44+
],
45+
borderWidth: 1
46+
}]
47+
},
48+
options: {
49+
scales: {
50+
yAxes: [{
51+
ticks: {
52+
beginAtZero:true
53+
}
54+
}]
55+
}
56+
}
57+
});
58+
59+
// var myLineChart = new Chart(ctx, {
60+
// type: 'line',
61+
// data: data,
62+
// options: options
63+
// });
64+

‎static/scripts/vendor/Chart.min.js

Lines changed: 14 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎static/styles/_template.scss

Lines changed: 65 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,76 +1,119 @@
1-
.template{
2-
.main--bg{
1+
.template {
2+
.main--bg {
33
height: 250px;
4-
.title{
4+
.title {
55
margin-bottom: 10px;
66
font-size: 40px;
7+
@media screen and (max-width: 890px) {
8+
font-size: 28px;
9+
padding: 0 25px;
10+
line-height: 1.4;
11+
}
712
}
813
}
9-
.check-form--title{
14+
.check-form--title {
1015
font-size: 32px;
1116
font-family: Museo-Bold, sans-serif;
1217
text-align: center;
13-
margin-top: 60px;
14-
margin-bottom: 25px;
18+
margin: 60px auto 25px;
19+
max-width: 860px;
20+
@media screen and (max-width: 890px) {
21+
font-size: 24px;
22+
}
1523
}
16-
.check-form--description{
24+
.check-form--description {
1725
display: flex;
1826
justify-content: space-between;
1927
align-items: flex-start;
2028
margin: auto;
2129
max-width: 960px;
2230
padding-bottom: 60px;
23-
.description--default{
31+
@media screen and (max-width: 890px) {
32+
font-size: 17px;
33+
flex-direction: column;
34+
}
35+
p {
36+
margin-top: 0;
37+
}
38+
.description--default {
2439
font-size: 17px;
2540
line-height: 1.5;
41+
flex: 1;
42+
}
43+
.description--bord-text-wrap {
44+
flex: 1;
2645
}
27-
.description--bord-text{
46+
.description--bord-text {
2847
font-size: 19px;
29-
font-family: Museo-Bold, sans-serif;
48+
font-family: Museo, sans-serif;
3049
border-left: 5px solid #257FE6;
3150
padding-left: 17px;
32-
margin-left: 40px;
51+
margin-left: 17px;
52+
}
53+
.description--bord-text--link {
54+
font-size: 19px;
55+
font-family: Museo, sans-serif;
56+
padding-left: 17px;
57+
margin-left: 17px;
58+
text-decoration: none;
59+
margin-top: 60px;
60+
display: block;
61+
@media screen and (max-width: 890px) {
62+
padding-left: 0;
63+
margin-left: 0;
64+
text-align: center;
65+
}
3366
}
34-
b{
35-
font-family: Museo-Bold, sans-serif;
67+
b {
68+
font-family: Museo, sans-serif;
3669
}
37-
@media screen and (max-width: 890px){
70+
@media screen and (max-width: 890px) {
3871
flex-wrap: wrap;
39-
.description--bord-text{
72+
.description--bord-text {
4073
margin-left: 0;
4174
margin-top: 30px;
4275
}
4376
}
4477
}
45-
.form{
78+
.form {
4679
background: #F5FAFF url("./../../static/img/icons/lowpoly-form.svg") no-repeat center;
4780
background-size: cover;
4881
max-width: 100%;
4982
padding-bottom: 100px;
5083
margin-bottom: 30px;
51-
.title{
84+
.title {
5285
font-family: Museo, sans-serif;
5386
font-size: 26px;
5487
padding-top: 59px;
5588
margin-bottom: 30px;
5689
text-align: center;
5790
}
58-
#ip_address{
91+
form {
92+
max-width: 768px;
93+
margin: auto;
94+
background: #fff;
95+
}
96+
#ip_address {
5997
padding: 13px 15px 15px 14px;
60-
background: rgba(255,255,255, .8);
98+
background: rgba(255, 255, 255, .8);
99+
max-width: 680px;
100+
width: 100%;
101+
margin: 40px auto;
61102
}
62-
.ip-check--btn{
103+
.ip-check--btn {
63104
width: 280px;
64105
color: #fff;
65106
font-size: 17px;
66107
padding: 11px 0 13px;
67108
margin: auto;
68109
border: none;
110+
margin-bottom: 40px;
69111
}
70112
}
71113
}
72-
.chart{
73-
.title{
114+
115+
.chart {
116+
.title {
74117
font-family: Museo, sans-serif;
75118
font-size: 26px;
76119
padding-top: 60px;

‎template.html

Lines changed: 36 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -30,31 +30,60 @@
3030
</button>
3131
</section>
3232
</header>
33-
<main class="template">
33+
<main class="template">
3434
<section class="main--bg">
3535
<div class="title">
3636
Dahua backdoor check
3737
</div>
3838
</section>
3939
<section class="check">
4040
<div class="check-form--wrap">
41-
<div class="check-form--title">Dahua DVR RPC Vulnerability</div>
41+
<div class="check-form--title">IOTSploit shares details of malicious remote hacks into Dahua video cameras
42+
</div>
4243
<div class="check-form--description">
43-
<div class="description--default">On 7 March 2017 an anonymous researcher Bashis published details of vulnerabilities discovered in Dahua manufactured video cameras (or CCTV cameras). According to
44-
<a href="#">Shodan</a>, there is an estimated <b>400,000 IP</b> addresses that use Dahua equipment. The vulnerability allows an unauthorised user to gain admin privileges to Dahua kit. </div>
45-
<div class="description--bord-text">Our Mission is to enable researchers eliminate vulnerabilities in their cameras and to equip them with tools and methods to update or disable affected devices.</div>
44+
<div class="description--default">
45+
<p>On 7 March 2017 an anonymous researcher Bashis published on <a href="http://seclists.org"
46+
target="_blank">seclists.org</a>
47+
an account of security
48+
vulnerabilities discovered in some video cameras (and similar CCTV equipment) manufactured by
49+
Dahua.
50+
</p>
51+
<p>
52+
According to Shodan, an IOT search engine, there is an estimated <b>400,000 IP</b> addresses
53+
that
54+
currently use Dahua equipment worldwide.
55+
</p>
56+
<p>
57+
The discovered vulnerability allows an outside user to remotely hack into Dahua kit and gain
58+
control of admin privileges
59+
</p>
60+
</div>
61+
<div class="description--bord-text-wrap">
62+
<div class="description--bord-text">
63+
IOTsploit’s mission is to enable enterprises discover and eliminate vulnerabilities in their IOT
64+
devices such as connected cameras and to equip them with effective
65+
tools and methods to secure their software,
66+
sensors and networks.
67+
</div>
68+
<a href="#" class="description--bord-text--link">
69+
&#8594; Affected Dahua devices
70+
</a>
71+
</div>
4672
</div>
4773
</div>
4874
</section>
4975
<section class="form">
50-
<div class="title">Do it now</div>
76+
<div class="title">Dahua DVR RPC Vulnerability</div>
5177
<form action="/">
5278
<input type="text" id="ip_address" placeholder="Enter Dahua camera IP">
5379
<button type="submit" class="ip-check--btn">Check</button>
5480
</form>
5581
</section>
5682
<section class="chart">
57-
<div class="title">Dahua vulnerable camera statistics</div>
83+
<div class="title">Daily log of Dahua devices affected by the
84+
discovered vulnerability:
85+
</div>
86+
<canvas id="myChart" width="400" height="400" style="display: none"></canvas>
5887
</section>
5988
</main>
6089
<footer>

0 commit comments

Comments
 (0)