→ PHP & login systems
reference:
https://www.youtube.com/watch?v=agCCPonx2rE
https://www.youtube.com/watch?v=arqv2YVp_3E
How to Increase File Upload Size in PHP
Increase Media File Maximum Upload Size in WordPress Step by Step Guide
→ Apache symlink a.k.a. alias
reference:
http://httpd.apache.org/docs/2.4/en/urlmapping.html
→ 1. mapping URLs to filesystem locations
reference:
https://httpd.apache.org/docs/2.4/en/urlmapping.html
http://stackoverflow.com/questions/5570085/accessing-files-outside-the-document-root-with-apache
2. alias 403 forbidden
reference:
http://stackoverflow.com/questions/11215283/alias-403-forbidden-with-apache
solution:
revise /etc/apache2/sites-enabled/000-default.conf
+ Alias /academic /var/lib/share/Academic
revise /etc/apache2/apache2.conf
+ <Directory /var/lib/share/Academic>
+ Options Indexes FollowSymLinks
+ AllowOverride None
+ Require all granted
+ </Directory>
→Workflow
# |
Name |
Description |
Code |
File |
1 |
Installation
[1]
|
follow
[1]
|
|
|
2 |
Set symlink
[2]
|
|
sudo ln -s /home/trancemania/Sync/Website /var/www/trancemania.website
sudo ln -s /home/trancemania/Sync/Academic /var/www/Academic.link
sudo ln -s /home/trancemania/Share/Resource /var/www/Resource.link
sudo mkdir ~/.websymlink
|
|
3 |
Change root
[3]
, set alias redirect to other path
|
modify /etc/apache2/sites-available/000-default.conf
|
sudo nano /etc/apache2/sites-available/000-default.conf
- DocumentRoot /var/www/html
+ DocumentRoot /var/www/trancemania.website
+ Alias /[alias1] /var/www
+ Alias /[alias2] /home/trancemania/.websymlink
sudo service apache2 restart
|
|
4 |
grant permission to Alias
[4]
|
modify /etc/apache2/apache2.conf
|
sudo nano /etc/apache2/apache2.conf
+ <Directory /home/trancemania/.websymlink>
+ Options Indexes FollowSymLinks
+ AllowOverride None
+ Require all granted
+ </Directory>
sudo service apache2 restart
|
|
→ visual studio for web essentials environment settings, extensions and updates
→ import existing web site
reference:
https://www.youtube.com/watch?v=BpAJwLWl8qc
solution:
follow the way of the video except changing
Existing Project...
to
Existing Web Site...
at
00:37
reference:
http://stackoverflow.com/questions/1418838/html-making-a-link-lead-to-the-anchor-centered-in-the-middle-of-the-page
solution:
<a name="#">
revised to
<a id="#" style="position: relative; padding-top: 50px;">
→ override Bootstrap default <a> tag style of navigation anchor
reference:
http://stackoverflow.com/questions/22429881/how-to-unstyle-anchor-when-using-bootstrap
solution:
create new style sheet file (
anchor.css) to override the Bootstrap one, and also the solution of
bootstrap navbar overlaps navigation anchors can be add to this file.
.anchor-default {
color: black;
position: relative;
padding-top: 50px;
}
.anchor-default:hover,
.anchor-default:focus {
color: black;
text-decoration: none;
}
→ jumbotron background
reference:
http://stackoverflow.com/questions/20914711/bootstrap-3-jumbotron-background-image-effect
→ bootstrap social
reference:
Social buttons for Bootstrap
Bootstrap buttons
HTML title Attribute
pattern:
<a href="#" title="GitHub" class="btn btn-social-icon btn-lg btn-github"><span class="fa fa-github"></span></a>
remember including
font-awesome.css
→ MathJax: MathML compatible in Chrome (math equation)
reference:
MathJax
instruction of MathJax
download
MathML notation sample
solution:
<script type="text/javascript" src="#MathJax.js?config=MML_HTMLorMML-full"></script>
→ different text alignment in the same line
reference:
How may I align text to the left and text to the right in the same line?
solution:
<p class="text-center">
text to be aligned center
<span style="float:right;">
text to be aligned right
</span>
</p>
→ center and percentage image
reference:
Center image using text-align center?
solution:
<img src="#" style="width: 75%; display: block; margin: 0 auto;">
→ introduction of asp.net and how to edit in Visual Studio
ASP.NET is a web forms page, or dynamic web site edit directly without HTML language skills.
reference:
https://msdn.microsoft.com/en-us/library/9z74w20y(v=vs.110).aspx