css page layout

static :
relative : relatice to itself
fixed: relatice to the browser window
absoute:relative to its parent

display: inline
inline-block ??

box model:

box-sizing : border-box

float property
overflow:auto ; if an element goes out of the box then with this one the element will get enlarged to accomodate the overfolowed element

text-align: center ; check it


selector {
property:value ;

select element, class, id

h2,h3 {
font-family:somefont ;


i a m a div

.classname {


div.classname {}
applies only to div with class = “calssname”


#idname {

applying css to pages and elements

parent/child and containers

nav a => any anchor inside nav
nav > a => direct child anchor of nav

mikrotik with user manager


set dhcp client on ethernet 1 and ping inside mikrotik terminal

set the ip for the lan

set the wirelss ap bridge and name the ssid
run the hotspot setup on lan, masquerade and …

on the hot spot srerver profile -> radius -> selcect use radius

set an ip address on any free ethernet or on a bridge for loopback !

create new radius server on the loopback ip created above
– adding address and secret
– select hotspot to use that ip address

— add user from terminal

tool user-manager customer add login=”FFN” password=”FFN” permissions=owner

login with this account on
add router :name ffn ip : loopback ip shared secret : radius secret and ebalbe

create profile:

add user:
usrr name
assgin progile

mikrotik hotspot configuratin


the modem is with IP

the bridge will be :

the pool will be from .10.2 to .10.100

change the identity


change time zone<h4<

rename ethernet 1 and 2

ethernet 1 -> wan
ethernet 2 -> lan

activate switch mode on eth 3 to 4 by making the master port of each the lan port.

rename the wifi interface

create a bridge port with name bridge-lan-wifi

add the port lan to the new bridge from ports tab on the bridge window.
add the wifi interface to the bridge.

add ip address :


set the IP/DNS : (modem IP)

select allow remote requests

set the defualt gateway

ip/routes : dst address -> , Gateway :

mikrotik hotspot setup

hotspot setup
interface -> bridge
local address -> (default one!) and masquerade
pool -> modify as you wish !
certificate -> noe
smtp ->
dns ->
dns name -> anything
hotspot user > admin admin !

clean hotspot configuration:

you could change the hotspot name from the server tab.
you could change the server profile
remove cokiee from server profile.
user profile :
shared users to nil on default
create new user profile give it a name and a rate (512k/512k) and shared user to 1.
create new hotspt user:
server : the new server name on server tab
user : give it a name ans password
profile: the new created profile
and apply.

clean up the dhcp:

rename and change the lease time
rename the ip pool.

activate tranparent web proxy:

ip-> web proxy and choose enables and you might need to change the administraor to your email.
then go to user profile and select transpernt proxy

wifi intercae settings

wireless -> security profile -> add
give it a name
mode is dynamic keys
wpa2 psk and choose aes and tkip on both lines !
and put your shared key

on the interface itself:

mode : ap bridge
frequency : all
ssid : your prefered name
securiy profile : teh profile you have just created.
bridge mode : disabled

JetPack unable to conncet to wrodpess.com

I am looking for solutions to this problem.
Your website needs to be publicly accessible to use Jetpack: site_inaccessible
Error Details: The Jetpack server was unable to communicate with your site [HTTP 500]. Ask your web host if they allow connections from WordPress.com. If you need further assistance, contact Jetpack Support: http://jetpack.com/support/

wtf flask

create a class for the form. the class can be in a seperate file.
we will name it form.py

inside the main app:
import the from
create instance of the form
render a template and passing the from to it

in the template file, you can access the from like this:


to start the server

create the database

add the database info to the settings.py file

create a module = folder as in the course it is autor
add it to the __init__.py


create a file settings.py

create a file manage.py :


creating virtual environment for python and activate

create a file name requirments.txt

create file __init__.py

create a folder for a view as an example blog folde and inside the folder create a file named views.py with this content

inside the __init__py add the following