Skip to content

Commit 73b16e8

Browse files
r-carissimir-carissimi
committed
Fixed #2 Issiue, Fixed Minor Bugs, Improved Performance, Fixed ID's and Classe's Names, Implemented JQuery and Bootstrap
1 parent 4e28c2a commit 73b16e8

16 files changed

Lines changed: 346 additions & 369 deletions

‎blog‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ font-size: 30px;
4040
font-family: 'Oswald', Helvetica, Arial, sans-serif;
4141
text-align: center;">SARAI REINDIRIZZATO ENTRO 5 SECONDI...</h1>
4242

43-
<meta http-equiv="Refresh" content="5; URL=http://morrolinux.it:43110">
43+
<meta http-equiv="Refresh" content="2; URL=http://morrolinux.it:43110">
4444

4545
</body>
4646

‎chisono.php‎

Lines changed: 24 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,29 @@
1-
<!DOCTYPE html>
2-
<head>
1+
<?php include("head.html"); ?>
2+
33
<title>Chi Sono :: Morrolinux</title>
44
<link href="css/stile.css" rel="stylesheet" type="text/css">
55

6-
<?php include("head.html"); ?>
7-
86
</head>
97
<body style="background: #D8D8D8;">
10-
<div class="bottomMob" style="background: #353535;">
11-
<a href="policy.pdf" class="linka" id="policy">Privacy Policy</a><br />
12-
</div>
13-
14-
<?php include("nav.php"); ?>
15-
16-
<div class="testo">
17-
18-
<h1>Chi Sono</h1>
19-
<p>
20-
Effettivamente non avevo mai pensato a quanto potesse essere imbarazzante scriversi la propria pagina di “Chi sono”.<br /><br />
21-
Ebbene mi chiamo Moreno Razzoli, sono Perito informatico, appassionato di GNU/Linux e soluzioni OpenSource, di cui parlo spesso sul mio canale youtube
22-
anche se non mi piace definirmi “uno youtuber“: tutto ciò che faccio è condividere reciprocamente entusiasmo e scoperte con una comunità (sempre in crescita!)
23-
di appassionati e professionisti del settore.<br /><br />
24-
Nella vita sono un System Administrator sempre alla ricerca di nuovi stimoli, ragione per la quale sto perseguendo la certificazione LPI
25-
(di cui sto anche tenendo un corso gratuito su youtube) assieme ad un continuo lavoro di ricerca delle nuove tecnologie ed opportunità del settore.
26-
</p>
27-
28-
</div>
29-
</body>
30-
</html>
8+
9+
<div class="mobile_bottom">
10+
<a href="policy.pdf" class="link" id="policy">Privacy Policy</a><br />
11+
</div>
12+
13+
<?php include("nav.php"); ?>
14+
15+
<div class="text">
16+
17+
<h1>Chi Sono</h1>
18+
<p>
19+
Effettivamente non avevo mai pensato a quanto potesse essere imbarazzante scriversi la propria pagina di “Chi sono”.<br /><br />
20+
Ebbene mi chiamo Moreno Razzoli, sono Perito informatico, appassionato di GNU/Linux e soluzioni OpenSource, di cui parlo spesso sul mio canale youtube
21+
anche se non mi piace definirmi “uno youtuber“: tutto ciò che faccio è condividere reciprocamente entusiasmo e scoperte con una comunità (sempre in crescita!)
22+
di appassionati e professionisti del settore.<br /><br />
23+
Nella vita sono un System Administrator sempre alla ricerca di nuovi stimoli, ragione per la quale sto perseguendo la certificazione LPI
24+
(di cui sto anche tenendo un corso gratuito su youtube) assieme ad un continuo lavoro di ricerca delle nuove tecnologie ed opportunità del settore.
25+
</p>
26+
27+
</div>
28+
29+
<?php include("footer.html"); ?>

‎contatti.php‎

Lines changed: 27 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,32 @@
1-
<!DOCTYPE html>
2-
<head>
1+
<?php include("head.html"); ?>
2+
33
<title>Contatti :: Morrolinux</title>
44
<link href="css/stile.css" rel="stylesheet" type="text/css">
55

6-
<?php include("head.html"); ?>
7-
86
</head>
97
<body style="background: #D8D8D8;">
10-
<div class="bottomMob" style="background: #353535;">
11-
<a href="policy.pdf" class="linka" id="policy">Privacy Policy</a><br />
12-
</div>
13-
14-
<?php include("nav.php"); ?>
15-
16-
<div class="testo">
17-
18-
<h1>Contatti</h1>
19-
<p>
20-
Restiamo in contatto!<br />
21-
Sulla mia pagina Facebook condivido “cose interessanti” da all over the world.
22-
Mentre se non volete perdervi l’ultimo video e un po' di backstage, trovate il mio canale Telegram.
23-
Twitter è consigliato per non perdersi le pubblicazioni automatiche :)<br /><br />
24-
Youtube: <a href="https://www.youtube.com/user/morrolinux/" target="blank_">MorrolinuxYouTube</a><br />
25-
Facebook: <a href="https://www.facebook.com/MorrolinuxOfficial/" target="blank_">MorrolinuxOfficial</a><br />
26-
Twitter: <a href="https://twitter.com/morrolinux/" target="blank_">MorrolinuxTwitter</a><br />
27-
Google+: <a href="https://plus.google.com/u/0/+morrolinux/" target="blank_">+Morrolinux</a><br />
28-
Telegram: <a href="https://telegram.me/morrolinux_feed" target="blank_">MorrolinuxFeed</a><br />
29-
</p>
30-
31-
</div>
32-
</body>
33-
</html>
8+
9+
<div class="mobile_bottom">
10+
<a href="policy.pdf" class="link" id="policy">Privacy Policy</a><br />
11+
</div>
12+
13+
<?php include("nav.php"); ?>
14+
15+
<div class="text">
16+
17+
<h1>Contatti</h1>
18+
<p>
19+
Restiamo in contatto!<br />
20+
Sulla mia pagina Facebook condivido “cose interessanti” da all over the world.
21+
Mentre se non volete perdervi l’ultimo video e un po' di backstage, trovate il mio canale Telegram.
22+
Twitter è consigliato per non perdersi le pubblicazioni automatiche :)<br /><br />
23+
Youtube: <a href="https://www.youtube.com/user/morrolinux/" target="blank_">MorrolinuxYouTube</a><br />
24+
Facebook: <a href="https://www.facebook.com/MorrolinuxOfficial/" target="blank_">MorrolinuxOfficial</a><br />
25+
Twitter: <a href="https://twitter.com/morrolinux/" target="blank_">MorrolinuxTwitter</a><br />
26+
Google+: <a href="https://plus.google.com/u/0/+morrolinux/" target="blank_">+Morrolinux</a><br />
27+
Telegram: <a href="https://telegram.me/morrolinux_feed" target="blank_">MorrolinuxFeed</a><br />
28+
</p>
29+
30+
</div>
31+
32+
<?php include("footer.html"); ?>

‎creators.php‎

Lines changed: 20 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,28 @@
1-
<!DOCTYPE html>
2-
<head>
1+
<?php include("head.html"); ?>
2+
33
<title>Easter Egg :: Morrolinux</title>
44
<link href="css/stile.css" rel="stylesheet" type="text/css">
5-
<?php include("head.html"); ?>
5+
66
</head>
77
<body>
8+
89
<?php include("nav.php"); ?>
9-
<div class="testo">
10-
<?php
11-
include 'videos.php';
12-
$randindex = rand (0,count($videos)-1);
13-
?>
14-
<h1><?php echo $videos[$randindex][1]; ?> </h1><br /><br />
15-
<p>
10+
11+
<div class="text">
1612
<?php
17-
echo "<iframe width=\"820\" height=\"630\" align=\"left\" style=\"margin-right:30px; position:relative;\" src=\"https://www.youtube.com/embed/".$videos[$randindex][0]."\" frameborder=\"0\" allowfullscreen=\"\"></iframe>";
13+
include 'videos.php';
14+
$randindex = rand (0,count($videos)-1);
1815
?>
19-
<?php echo "<br>" .$videos[$randindex][2]; ?>
20-
</p>
16+
17+
<h1><?php echo $videos[$randindex][1]; ?> </h1><br /><br />
18+
<p>
19+
20+
<?php
21+
echo "<iframe class=\"video\" width=\"820\" height=\"630\" align=\"left\" src=\"https://www.youtube.com/embed/".$videos[$randindex][0]."\" frameborder=\"0\" allowfullscreen=\"\"></iframe>";
22+
?>
23+
24+
<?php echo "<br><span class=\"videos_text\">" .$videos[$randindex][2] . "</span>"; ?>
25+
</p>
2126
</div>
22-
</body>
23-
</html>
27+
28+
<?php include("footer.html"); ?>

‎css/stile.css‎

Lines changed: 71 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
/* General Sets */
2+
13
* {
24
margin: 0px;
35
padding: 0px;
@@ -11,134 +13,152 @@ body {
1113
overflow-x: hidden;
1214
}
1315
p {
14-
font-family: 'Open Sans', sans-serif;
16+
font-family: 'Roboto', sans-serif;
1517
color: #414141;
1618
}
1719
h1 {
18-
font-family: 'Open Sans', sans-serif;
20+
font-family: 'Roboto', sans-serif;
1921
color: #525252;
22+
font-weight: bold;
2023
}
2124
h2 {
22-
font-family: 'Open Sans', sans-serif;
25+
font-family: 'Roboto', sans-serif;
2326
color: #525252;
2427
}
2528
a {
2629
text-decoration: none;
2730
margin: 5px;
28-
font-family: 'Open Sans', sans-serif;
31+
font-family: 'Roboto', sans-serif;
2932
color: #525252;
3033
}
3134
a:hover {
3235
color: #FFA200;
36+
text-decoration: none;
3337
}
34-
.nav {
38+
39+
/* Classes */
40+
41+
.menu {
3542
background: #353535;
3643
position: fixed;
3744
width: 300px;
3845
height: 100%;
3946
padding: 10px;
47+
box-sizing: content-box;
48+
-moz-box-sizing: content-box;
49+
-webkit-box-sizing: content-box;
4050
}
41-
.linkNav {
51+
.menu_link {
4252
padding: 15px;
4353
}
44-
.textnav {
45-
margin: 5px;
46-
color: white;
47-
font-family: 'Open Sans', sans-serif;
48-
}
49-
.linka {
54+
.link {
5055
color: white;
5156
}
5257
.button {
5358
margin: 5px;
5459
cursor: pointer;
5560
}
56-
.testo {
61+
.text {
5762
font-size: 20px;
5863
margin-left: 420px;
5964
padding-top: 50px;
6065
margin-right: 20px;
6166
}
62-
.testohome {
63-
margin-left: 330px;
64-
padding-top: 200px;
65-
margin-right: 10px;
66-
}
67-
.testolpi {
67+
.long_text {
6868
font-size: 17px;
6969
width: 65%;
7070
margin-left: 420px;
7171
padding-top: 50px;
7272
padding-bottom: 60px;
7373
}
74-
#imgHome {
75-
margin: 0 auto;
76-
width: 960px;
77-
min-height: 200px;
78-
position: absolute;
79-
top: 100px;
80-
bottom: 0;
81-
right: 0;
82-
left: 300px;
83-
}
84-
#bottom-banner {
74+
.videos_text {
75+
min-width: 150px;
76+
}
77+
.video {
78+
margin-right:30px;
79+
padding-bottom: 50px;
80+
position: relative;
81+
}
82+
.mobile_bottom {
83+
display: none;
84+
background: #353535;
85+
}
86+
87+
/* IDs */
88+
89+
#home_text {
90+
max-width: 800px;
91+
}
92+
#bottom {
8593
position: fixed;
8694
bottom: 0px;
8795
z-index: 999999;
8896
}
89-
.bottomMob {
97+
#logo {
9098
display: none;
9199
}
92-
#icona {
93-
display: none;
100+
101+
/* Responsive Sets */
102+
103+
@media screen and (min-device-width: 930px) and (max-device-width: 1500px) {
104+
.video {
105+
padding-right: 100%;
106+
}
94107
}
95108
@media screen and (min-device-width: 190px) and (max-device-width: 930px) {
96-
.nav {
109+
110+
/* General Sets */
111+
112+
body {
113+
background: #353535;
114+
}
115+
116+
/* Classes */
117+
118+
.menu {
97119
width: 100%;
98120
height: auto;
99121
position: relative;
100122
}
101-
.nav img {
123+
.menu img {
102124
display: none;
103125
}
104-
.testohome {
105-
display: none;
106-
}
107-
.linka {
126+
.link {
108127
font-size: 30px;
109128
}
110-
#bottom-banner {
111-
display: none;
112-
}
113-
.linkNav {
129+
.menu_link {
114130
padding: 5px;
115131
}
116132
.policy {
117133
padding-left: 5px;
118134
}
119-
.testolpi {
135+
.long_text {
120136
margin-left: 10px;
121137
width: 90%;
122138
}
123-
.testo {
139+
.text {
124140
margin-left: 10px;
125141
}
126-
.bottomMob {
142+
.mobile_bottom {
127143
display: block;
128144
text-align: right;
129145
width: 100%;
130146
padding-right: 20px;
131147
}
148+
149+
/* IDs */
150+
151+
#bottom {
152+
display: none;
153+
}
132154
#policy {
133155
font-size: 10px;
134156
}
135-
body {
136-
background: #353535;
137-
}
138-
#icona {
157+
158+
#logo {
139159
display: block;
140160
}
141-
#thome {
161+
#home_text {
142162
display: none;
143163
}
144164
}

‎footer.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" integrity="sha384-THPy051/pYDQGanwU6poAc/hOdQxjnOEXzbT+OuUAFqNqFjL+4IGLBgCJC3ZOShY" crossorigin="anonymous"></script>
2+
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js" integrity="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB" crossorigin="anonymous"></script>
3+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.3/js/bootstrap.min.js" integrity="sha384-ux8v3A6CPtOTqOzMKiuo3d/DomGaaClxFYdCu2HPMBEkf6x2xiDyJ7gkXU0MWwaD" crossorigin="anonymous"></script>
4+
</body>
5+
</html>

0 commit comments

Comments
 (0)