Almost finished the website - revision 1 obviously
Moved the entire title from the javascript to the PHP section, finished almost all templates, moved the footer on the main "template holder" page, extended the session to three days instead of just one for no technical reasons, added CHANGELOG, added three background images
This commit is contained in:
Bryan Pedini
parent
0f24e8322b
commit
ec496c7ce1
|
|
@ -0,0 +1,5 @@
|
|||
20190113/01 - first commit | basically an empty repository, as always.
|
||||
20190113/02 - First version of the code - finished PHP program and JS scripts. | I seriously never tought I would have needed a slash code because I would have made two commits the same day... I'm not THAT kind of productive, in writing code...
|
||||
20190117/01 - Added templating to the one page app, added and configured sessions to remember the last position and stored sessions for one day, even after browser close. | Nothing to say, I learned how to describe my commits.. (maybe)..
|
||||
20190117/02 - Edited templates location, removed unnecessary CSS and JS files, moved the onePageApp style and scripts into respective files, modified variable names for better comprehension. TODO next: add comments to the code. | I seriously didn't think to work so much, PS: comments are still to come.
|
||||
20190119/01 - Moved the entire title from the javascript to the PHP section, finished almost all templates, moved the footer on the main "template holder" page, extended the session to three days instead of just one for no technical reasons, added CHANGELOG, added three background images. | Did you seriously thought that this changelog was to keep track of any sort of change? OF COURSE NOT: it's for myself, when I commit only once after three days of work, to remember what the hell I did in the three days before, like sidenotes, but inside the own repository I will commit to...
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 420 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 471 KiB |
39
index.php
39
index.php
|
|
@ -1,5 +1,5 @@
|
|||
<?php
|
||||
$session_timeout_days = 1;
|
||||
$session_timeout_days = 3;
|
||||
$session_timeout_hours = 0;
|
||||
$session_timeout_minutes = 0;
|
||||
$session_timeout_seconds = 0;
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
];
|
||||
$page_content_array = [
|
||||
'status' => 200,
|
||||
'pageTitle' => $requested_section_title,
|
||||
'pageTitle' => $requested_section_title.' | Bryan Pedini',
|
||||
'html' => $section_templates [ $requested_section ]
|
||||
];
|
||||
$page_content_json = json_encode($page_content_array);
|
||||
|
|
@ -105,6 +105,41 @@
|
|||
<div id="user-content">
|
||||
|
||||
</div>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-md-10 mx-auto">
|
||||
<ul class="list-inline text-center">
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fas fa-circle fa-stack-2x"></i>
|
||||
<i class="fab fa-instagram fa-stack-1x fa-inverse"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fas fa-circle fa-stack-2x"></i>
|
||||
<i class="fab fa-git fa-stack-1x fa-inverse"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fas fa-circle fa-stack-2x"></i>
|
||||
<i class="fab fa-dev fa-stack-1x fa-inverse"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="copyright text-muted">© Bryan Pedini <?php echo date("Y"); ?> - All rights reserved.<br>Send me an email at <a href="mailto:copyright@bryanpedini.it">this</a> link for copyright and permissions questions.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="vendor/jquery/jquery.min.js"></script>
|
||||
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="js/clean-blog.min.js"></script>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
},
|
||||
success: function (data) {
|
||||
if ( data.status == 200 ) {
|
||||
$('#page-title').html(data.pageTitle + " | Bryan Pedini");
|
||||
$('#page-title').html(data.pageTitle);
|
||||
$('#user-content').html(data.html);
|
||||
}
|
||||
else {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,16 @@
|
|||
<header class="masthead" style="background-image: url(img/bg-5.jpg)">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-md-10 mx-auto">
|
||||
<div class="page-heading">
|
||||
<h1>Why keeping all your questions for you?</h1>
|
||||
<span class="subheading">Just ask them here!</span>
|
||||
<a href="#contact-form" id="scolldown-button">
|
||||
<i class="fas fa-chevron-circle-down fa-3x fa-inverse" style="line-height: 2;"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -5,9 +5,52 @@
|
|||
<div class="col-lg-8 col-md-10 mx-auto">
|
||||
<div class="page-heading">
|
||||
<h1>About Me</h1>
|
||||
<span class="subheading">This is what I do.</span>
|
||||
<span class="subheading">This is what I do</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
</header>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-md-10 mx-auto">
|
||||
<div class="post-preview">
|
||||
<h1 class="post-title">2018 / 2019 - my current position</h1>
|
||||
<h4 class="post-subtitle">Where I am now and why I'm there: I.I.S. F.Corni - Modena (Italy)</h4>
|
||||
<p class="post-meta">
|
||||
It's because I love my school, there's why...<br>
|
||||
I think that even you wouldn't like to learn in a school you don't like, right?
|
||||
</p>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="post-preview">
|
||||
<h1 class="post-title">What I do there</h1>
|
||||
<h4 class="post-subtitle">My work at school, my life by now</h4>
|
||||
<p class="post-meta">
|
||||
I'm one of the two administrators of the course cluster, the machine(s) that holds all the informations the students of the entire IT course desire to put there, safely crypted and redundant.<br>
|
||||
I would love to rework the entire networking of my school, all tho I think this isn't possible yet.
|
||||
</p>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="post-preview">
|
||||
<h1 class="post-title">Why so much efford</h1>
|
||||
<h4 class="post-subtitle">I believe that everything you do makes experience</h4>
|
||||
<p class="post-meta">
|
||||
Did anyone ever asked me to take up my home media streaming server? NO!<br>
|
||||
And I think that everyone of us, one time or another, made a quite huge mistake;<br>
|
||||
And we learned from it, no matter how long it take, or how big it was: we won't commit the same mistake twice;<br>
|
||||
Everything is experience.
|
||||
</p>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="post-preview">
|
||||
<h1 class="post-title">What I plan to do next</h1>
|
||||
<p class="post-meta">
|
||||
Why are you asking that now?<br>
|
||||
I'm still 18 (at January 2019) and I don't know even what I want to do at the end of this school year; maybe ask the same question in a few years.<br>
|
||||
Please visit my "Future Ideas" page for more informations about what COULD come next. Thanks!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -10,39 +10,4 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-md-10 mx-auto">
|
||||
<ul class="list-inline text-center">
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fas fa-circle fa-stack-2x"></i>
|
||||
<i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fas fa-circle fa-stack-2x"></i>
|
||||
<i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fas fa-circle fa-stack-2x"></i>
|
||||
<i class="fab fa-github fa-stack-1x fa-inverse"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="copyright text-muted">Copyright © Bryan Pedini <?php echo date("Y"); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</header>
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
<header class="masthead" style="background-image: url(img/bg-4.jpg)">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-md-10 mx-auto">
|
||||
<div class="page-heading">
|
||||
<h1>I want to...</h1>
|
||||
<span class="subheading">Random thoughts or brilliant ideas?</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-md-10 mx-auto">
|
||||
<div class="post-preview">
|
||||
<a href="#">
|
||||
<h1 class="post-title">
|
||||
Placeholder
|
||||
</h1>
|
||||
<h4 class="post-subtitle">
|
||||
Yes, this is published, and still work in progress
|
||||
</h4>
|
||||
</a>
|
||||
<p class="post-meta">
|
||||
You're right: after more than 5 different revisions, ten plus days of hard coding almost every day, something like half a hundred small tweaking for performance and graphical details, and an outer man which had never seen the site before judgin' it for completeness...<br>
|
||||
This website has become public available, the source code is online, you are visiting it just right now, and I still don't have ideas to put here;<br>
|
||||
Or maybe all of the previous one that were here before became reality and you can enjoy their awesomeness somewhere else on one of my thousands of websites...<br>
|
||||
Maybe...
|
||||
</p>
|
||||
</div>
|
||||
<div class="post-preview">
|
||||
<a href="https://git.bryanpedini.it/bryanpedini/personal-website">
|
||||
<h1 class="post-title">
|
||||
Website translation
|
||||
</h1>
|
||||
<h4 class="post-subtitle">
|
||||
A little more serious here instead
|
||||
</h4>
|
||||
</a>
|
||||
<p class="post-meta">
|
||||
I would like to translate my entire website to French, Dutch, Spanish, English (done), and Italian (not a big deal, my mothertongue).<br>
|
||||
If anyone knows a little bit of PHP, database integration with it, SQL language (all tho it's the least important one), or have any good idea in mind, feel free to send a suggestion to my Telegram bot <a href="https://t.me/bryanpedini_suggestions_bot">@bryanpedini_suggestions_bot</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
<header class="masthead" style="background-image: url(img/bg-3.jpg)">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-md-10 mx-auto">
|
||||
<div class="page-heading">
|
||||
<h1>Finished projects</h1>
|
||||
<span class="subheading">This is what I did</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-md-10 mx-auto">
|
||||
<div class="post-preview">
|
||||
<a href="https://git.bryanpedini.it/bryanpedini/personal-website">
|
||||
<h1 class="post-title">
|
||||
This: my website
|
||||
</h1>
|
||||
<h4 class="post-subtitle">
|
||||
Yes, it's free and public available to download, edit and publish under your own name, prior asking me, of course.
|
||||
</h4>
|
||||
</a>
|
||||
<p class="post-meta">
|
||||
You can clone my project on another git based repository hosting website, fork your own website from there, and edit whatever you like to.<br>
|
||||
Just ask me on my <a href="#">web form</a> or <a href="mailto:copyright@bryanpedini.it">email me</a> if you're interested.
|
||||
</p>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="post-preview">
|
||||
<a href="https://dev.bryanpedini.it/">
|
||||
<h1 class="post-title">
|
||||
Any other content?
|
||||
</h1>
|
||||
<h4 class="post-subtitle">
|
||||
There must be something else, right?
|
||||
</h4>
|
||||
</a>
|
||||
<p class="post-meta">
|
||||
In fact, you can visit <a href="https://git.bryanpedini.it">my private git repository hosting service</a> or <a href="https://dev.bryanpedini.it">my development website</a> to find more, the last of which is entirely dedicated just on this topic!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue