Skip to content

Commit bf45813

Browse files
FabrizioFubelliFabrizioFubelli
committed
updated website
1 parent 8431947 commit bf45813

20 files changed

+167
-139
lines changed

‎.gitignore

+2
Original file line numberDiff line numberDiff line change
@@ -2,3 +2,5 @@ _site
22
.sass-cache
33
node_modules
44
.DS_STORE
5+
.idea
6+
.jekyll-cache

‎_config.yml

+8-8
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
# Site settings
2-
title: A blog about lorem ipsum dolor sit amet
3-
description: A blog about lorem ipsum dolor sit amet
2+
title: Offensive Hub - Offensive penetration testing tools
3+
description: We make modern and up-to-date penetration testing software. Our software all have GUI. We are Open Source lovers.
44
# baseurl: "/particle" # the subpath of your site, e.g. /blog
55
# url: "localhost:3000" # the base hostname & protocol for your site e.g. http://willianjusten.com.br
66

77
# User settings
8-
username: Anon Developer
9-
user_description: Bicycle rights irony actually neutra typewriter lyft. Man bun taxidermy put a bird on it, umami yr ramps pop-up ugh bushwick chia lo-fi. Occupy bitters pour-over snackwave you probably haven't heard of them small batch. Cornhole mustache man bun letterpress echo park VHS.
10-
user_title: Software Developer
11-
email: anon@anon.com
12-
twitter_username: lorem_ipsum
13-
github_username: lorem_ipsum
8+
username: Offensive Hub
9+
user_description: We make modern and up-to-date penetration testing software. Our software all have GUI. We are Open Source lovers.
10+
user_title: Offensive penetration testing tools
11+
email: offensive-hub@protonmail.com
12+
twitter_username: Offensive_Hub
13+
github_username: offensive-hub
1414
gplus_username: lorem_ipsum
1515

1616
# Google-analytics

‎_includes/about.html

+24-27
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,27 @@
1-
<div class="user-details">
2-
<h1> My Expertise </h1>
1+
<div class="user-details">
2+
<h1> Our Expertise </h1>
33
<p> {{site.user_description}} </p>
44
</div>
5-
<div class="user">
6-
<div class="tech">
7-
<h2>Design</h2>
8-
<i class="devicon-html5-plain-wordmark"></i>
9-
<i class="devicon-bootstrap-plain-wordmark colored"></i>
10-
<i class="devicon-sass-original colored"></i>
11-
<p>Mumblecore hexagon kombucha, pitchfork four loko raclette intelligentsia master cleanse.
12-
Vinyl XOXO lumbersexual</p>
13-
</div>
14-
<div class="tech">
15-
<h2>Code</h2>
16-
<i class="devicon-javascript-plain colored"></i>
17-
<i class="devicon-react-original-wordmark colored"></i>
18-
<i class="devicon-nodejs-plain-wordmark"></i>
19-
<p>Mumblecore hexagon kombucha, pitchfork four loko raclette intelligentsia master cleanse.
20-
Vinyl XOXO lumbersexual</p>
21-
</div>
22-
<div class="tech">
23-
<h2>Tools</h2>
24-
<i class="devicon-git-plain"></i>
25-
<i class="devicon-gulp-plain colored"></i>
26-
<i class="devicon-atom-original-wordmark"></i>
27-
<p>Mumblecore hexagon kombucha, pitchfork four loko raclette intelligentsia master cleanse.
28-
Vinyl XOXO lumbersexual</p>
29-
</div>
5+
<div class="user">
6+
<div class="tech">
7+
<h2>Design</h2>
8+
<i class="devicon-html5-plain-wordmark colored"></i>
9+
<i class="devicon-bootstrap-plain-wordmark colored"></i>
10+
<i class="devicon-sass-original colored"></i>
11+
<p>HTML5, Bootstrap, Sass, Angular, CSS3</p>
12+
</div>
13+
<div class="tech">
14+
<h2>Code</h2>
15+
<i class="devicon-python-plain colored"></i>
16+
<i class="devicon-java-plain colored"></i>
17+
<i class="devicon-javascript-plain"></i>
18+
<p>Python, Java, JavaScript, C</p>
19+
</div>
20+
<div class="tech">
21+
<h2>Development</h2>
22+
<i class="devicon-git-plain colored"></i>
23+
<i class="devicon-docker-plain colored"></i>
24+
<i class="devicon-intellij-plain colored"></i>
25+
<p>Git, Docker, IntelliJ</p>
26+
</div>
3027
</div>

‎_includes/footer.html

+4-5
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
<footer class="footer">
2-
<p>&copy; {{site.username}}</p>
3-
<p>Build with Jekyll and <span class="love">❤</span> by <a href="https://github.com/nrandecker">Nathan Randecker</a></p>
2+
<p> Copyright &copy; 2020, {{site.username}} </p>
43
</footer>
5-
<script src="//cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
6-
<script src="{{ "/assets/js/sweet-scroll.min.js" | prepend: site.baseurl }}"></script>
7-
<script src="{{ "/assets/js/main.js" | prepend: site.baseurl }}"></script>
4+
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
5+
<script src="/assets/js/sweet-scroll.min.js"></script>
6+
<script src="/assets/js/main.js"></script>
87
{% include google-analytics.html %}

‎_includes/head.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,5 +6,5 @@
66
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
77
<meta name="description" content="{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
88

9-
<link rel="stylesheet" href="{{ "/assets/css/main.css" | prepend: site.baseurl }}">
9+
<link rel="stylesheet" href="/assets/css/main.css">
1010
</head>

‎_includes/header.html

+20-17
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,22 @@
11
<div id="particles-js">
2-
<div class="header">
3-
<h1>
4-
<span class="site-title">{{site.username}}</span>
5-
<span class="site-description">{{site.user_title}}</span>
6-
</h1>
7-
<div class="header-icons">
8-
<a aria-label="Send email" href="#"><i class="icon fa fa-envelope"></i></a>
9-
<a aria-label="My Twitter" target="_blank" href="#"><i class="icon fa fa-twitter" aria-hidden="true"></i></a>
10-
<a aria-label="My Google Plus" target="_blank" href="#"><i class="icon fa fa-google-plus" aria-hidden="true"></i></a>
11-
<a aria-label="My Github" target="_blank" href="#"><i class="icon fa fa-github-alt" aria-hidden="true"></i></a>
12-
</div>
13-
<div class="header-links">
14-
<a class="link" href="#about" data-scroll>About Me</a>
15-
<a class="link" href="#projects" data-scroll>Projects</a>
16-
</div>
17-
</div>
18-
<a class="down" href="#about" data-scroll><i class="icon fa fa-chevron-down" aria-hidden="true"></i></a>
2+
<div class="header">
3+
<img src="/assets/img/logo_m_512.png" alt="LOGO">
4+
<!-- <h1>-->
5+
<!-- <span class="site-title">{{site.username}}</span>-->
6+
<!-- <span class="site-description">{{site.user_title}}</span>-->
7+
<!-- </h1>-->
8+
<div class="header-icons">
9+
<a aria-label="Send email" title="Send email" href="mailto:[email protected]"><i class="icon fa fa-envelope"></i></a>
10+
<a aria-label="Github" title="GitHub" target="_blank" href="https://github.com/offensive-hub"><i class="icon fa fa-github-alt" aria-hidden="true"></i></a>
11+
<a aria-label="Facebook" title="Facebook" target="_blank" href="https://facebook.com/OffensiveHub"><i class="icon fa fa-facebook" aria-hidden="true"></i></a>
12+
<a aria-label="Instagram" target="_blank" href="https://instagram.com/0ffens1ve_Hub"><i class="icon fa fa-instagram" aria-hidden="true"></i></a>
13+
<a aria-label="Twitter" title="Twitter" target="_blank" href="https://twitter.com/Offensive_Hub"><i class="icon fa fa-twitter" aria-hidden="true"></i></a>
14+
<a aria-label="Github" title="YouTube" target="_blank" href="https://www.youtube.com/channel/UCHq7PaQzun7OQpW0jXclxfg"><i class="icon fa fa-youtube-play" aria-hidden="true"></i></a>
15+
</div>
16+
<div class="header-links">
17+
<a class="link" href="#about" data-scroll>About Me</a>
18+
<a class="link" href="#projects" data-scroll>Projects</a>
19+
</div>
20+
</div>
21+
<a class="down" href="#about" data-scroll><i class="icon fa fa-chevron-down" aria-hidden="true"></i></a>
1922
</div>

‎_includes/projects.html

+26-19
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,36 @@
1+
<!--suppress ALL -->
12
<div class="user-details">
23
<h1> Featured Projects </h1>
34
</div>
45
<div class="user-projects">
56
<div class="images-right">
6-
<img alt="mountains" src="{{ "/assets/img/mountains.jpg" | prepend: site.baseurl }}" />
7+
<a title="black-widow.jpg" href="/assets/img/black-widow.jpg" target="_blank">
8+
<img alt="black-widow" src="/assets/img/black-widow.jpg" />
9+
</a>
710
</div>
811
<div class="contents">
9-
<h3> Project Title </h3>
10-
<ul>
11-
<li> Featured Skills</li>
12+
<h3> black-widow </h3>
13+
<ul style="list-style-type: none">
14+
<li> ✔ Traffic Sniffing </li>
15+
<li> [WIP] SQL Injection </li>
16+
<li> [WIP] DoS </li>
17+
<li> [WIP] DDoS </li>
1218
</ul>
13-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
14-
<a class="project-link" href="#">Check it out</a>
15-
</div>
16-
</div>
17-
<div class="user-projects">
18-
<div class="images-left">
19-
<img alt="mountains" src="{{ "/assets/img/skate.jpg" | prepend: site.baseurl }}" />
20-
</div>
21-
<div class="contents-right">
22-
<h3> Project Title </h3>
23-
<ul>
24-
<li> Featured Skills</li>
25-
</ul>
26-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
27-
<a class="project-link" href="#">Check it out</a>
19+
<p>black-widow is one of the most useful, powerful and complete offensive penetration testing tool.</p>
20+
<p>It provides easy ways to execute many kinds of information gatherings and attacks.</p>
21+
<a class="project-link" href="https://black-widow.io">Check it out</a>
2822
</div>
2923
</div>
24+
<!--<div class="user-projects">-->
25+
<!-- <div class="images-left">-->
26+
<!-- <img alt="mountains" src="{{ "/assets/img/skate.jpg" | prepend: site.baseurl }}" />-->
27+
<!-- </div>-->
28+
<!-- <div class="contents-right">-->
29+
<!-- <h3> Project Title </h3>-->
30+
<!-- <ul>-->
31+
<!-- <li> Featured Skills</li>-->
32+
<!-- </ul>-->
33+
<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>-->
34+
<!-- <a class="project-link" href="#">Check it out</a>-->
35+
<!-- </div>-->
36+
<!--</div>-->

‎assets/css/main.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/img/black-widow.jpg

146 KB
Loading

‎assets/img/logo_m_512.png

61.5 KB
Loading

‎assets/js/main.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
"license": "ISC",
1111
"dependencies": {
1212
"browser-sync": "^2.26.3",
13-
"gulp": "^4.0.0",
13+
"gulp": "^4.0.2",
1414
"gulp-concat": "^2.6.1",
1515
"gulp-csso": "^3.0.1",
1616
"gulp-imagemin": "^5.0.3",

‎src/img/black-widow.jpg

144 KB
Loading

‎src/styles/_about.scss

+1
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@
99

1010
.tech {
1111
margin: 10px;
12+
width: 100%;
1213
}
1314

1415
.user {

‎src/styles/_base.scss

+3-2
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,9 @@ body {
55
padding: 0;
66
font-size: 100%;
77
line-height: 1.5;
8-
color: #555;
8+
color: #b9b9b9;
99
font-family: 'Montserrat', sans-serif;
10+
background: #000;
1011
}
1112
article, aside, figcaption, figure, footer, header, nav, section {
1213
display: block;
@@ -15,7 +16,7 @@ h1, h2, h3, h4, stong {
1516
margin-top: 1em;
1617
padding-top: 1em;
1718
line-height: 1.25;
18-
color: #333;
19+
color: #fff;
1920
}
2021
h1 {
2122
font-size: 2.5rem;

‎src/styles/_footer.scss

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
.footer {
2-
background: $main;
2+
background: $sec;
33
padding: 10px 0;
44
margin-top: 100px;
55
text-align: center;
6-
color: #FFF;
6+
color: #000;
77
.love {
88
color: red;
99
}
1010
a {
1111
text-decoration: none;
1212
margin: 0;
13-
color: #FFF;
13+
color: #000;
1414
&:hover{
1515
color: $sec;
1616
}

‎src/styles/_header.scss

+24-17
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
11
#particles-js {
2-
background: $main;
2+
background: #247b00;
33
display: flex;
44
vertical-align: bottom;
55
width: 100%;
66
min-height: 100vh;
77
background-repeat: no-repeat;
88
background-size: cover;
99
background-attachment: fixed;
10+
position: relative;
1011
.particles-js-canvas-el {
1112
width:100% !important;
1213
height:100vh !important;
@@ -16,7 +17,7 @@
1617
.header {
1718
z-index: 1;
1819
text-align: center;
19-
color:#FFF;
20+
color: #000;
2021
position: absolute;
2122
top: 50%;
2223
left: 50%;
@@ -27,7 +28,7 @@
2728
font-size: 50px;
2829
display: block;
2930
line-height: 1;
30-
color: #FFF;
31+
color: #000;
3132
@media only screen and (min-width:$cut){
3233
margin: 0;
3334
font-size: 100px;
@@ -37,18 +38,22 @@
3738
font-size: 20px;
3839
display: block;
3940
line-height: 1;
40-
color: #FFF;
41+
color: #000;
4142
margin-top: 10px;
4243
@media only screen and (min-width:$cut){
4344
font-size: 40px;
4445
}
4546
}
47+
img {
48+
max-width: 100%;
49+
max-height: 50vh;
50+
}
4651
}
4752

4853
.header-links {
49-
margin: 10px;
54+
margin: 30px 10px 10px;
5055
.link {
51-
color: #FFF;
56+
color: #000;
5257
text-decoration: none;
5358
font-size: 15px;
5459
margin: 10px;
@@ -62,24 +67,25 @@
6267
display: flex;
6368
justify-content: center;
6469
text-align: center;
70+
margin-top: 30px;
6571
.icon {
6672
text-align: center;
67-
color: #FFF;
68-
width: 20px;
69-
height: 20px;
70-
font-size: 20px;
73+
color: #000;
74+
width: 16px;
75+
height: 16px;
76+
font-size: 16px;
7177
padding: 10px;
7278
margin: 5px;
7379
border-radius: 50%;
74-
border: 2px solid #FFF;
80+
border: 2px solid #000;
7581
transition: all .7s;
7682
&:hover {
7783
color: $main;
78-
background: #FFF;
84+
background: #000;
7985
}
8086
&:active {
8187
color: $main;
82-
background: #FFF;
88+
background: #000;
8389
}
8490
@media only screen and (min-width:$cut) {
8591
width: 35px;
@@ -90,7 +96,7 @@
9096
}
9197

9298
.down {
93-
color: #FFF;
99+
color: #000;
94100
position: absolute;
95101
bottom: 25px;
96102
width: 100%;
@@ -99,6 +105,7 @@
99105
text-align: center;
100106
font-size: 30px;
101107
cursor: pointer;
108+
z-index: 1;
102109
.icon {
103110
position: absolute;
104111
-webkit-transform-style: preserve-3d;
@@ -109,14 +116,14 @@
109116
transform: translate(-50%, -50%);
110117
width: 100px;
111118
height: 100px;
112-
fill: #fff;
119+
fill: #000;
113120
-webkit-animation: pulse 1.3s infinite;
114121
animation: pulse 1.3s infinite;
115122
&:hover {
116-
color: $sec;
123+
color: $main;
117124
}
118125
&:active {
119-
color: $sec;
126+
color: $main;
120127
}
121128
}
122129
}

0 commit comments

Comments
 (0)