better support for mobile devices and more content and photos, one script to automate updating

master
Justyna Att Ilczuk 2012-08-11 23:25:16 +02:00
parent c330fd69ed
commit e71350bd5d
12 changed files with 321 additions and 110 deletions

View File

@ -14,7 +14,7 @@
padding-top: 60px;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="shortcut icon" href="ico/favicon.ico">
@ -25,19 +25,21 @@
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Attero</a>
<div class="nav-collapse collapse">
<ul class="nav nav-pills">
<li><a href="./index.html">Home</a></li>
<li class="active"><a href="./about.html">About</a></li>
<li class="active"><a href="./about.html">About</a>
<li><a href="./contact.html">Contact</a></li>
<li><a href="./projects.html">Projects</a></li>
</ul>
</a>
<div class="nav-collapse collapse">
</div><!--/.nav-collapse -->
</div>
</div>
@ -46,15 +48,42 @@
<div class="container">
<div class="page-header">
<h1>Who I am?</h1>
</div>
<p>Why so difficult questions?</p>
<div class="container">
<div class="container-fluid">
<div class="row-fluid">
<div class="span2 well">
<div class="">
<p>11.08.2012</p>
<h3>
<i class="icon-wrench"></i>Something about something!
</h3>
</div>
</div>
<div class="span10">
<div class="page-header">
<h1>About this site...</h1>
</div>
<p>Site is designed to be my home page. However I still
don't have clear idea, what I'm going to store here. Probably
lot of everything if I get serious about this site...</p>
<p>Firstly I want to develop <a href="./projects.html">Projects</a>
section. My life is mostly reading about interesting stuff and doing
things, hence I regard projects as something really important.</p>
<img src="./img/measure.jpg" style="padding:10px"/>
<p>Photo taken in
<a href="http://if.pw.edu.pl/www_en/">faculty of physics
at Warsaw University of Technology</a>.
</p>
<br/>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class= "span12">Made by Justyna Edyta Ilczuk also known as Attero ;)</div>
<div>
</div>
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.8.0.min.js"></script>

View File

@ -14,7 +14,7 @@
padding-top: 60px;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="shortcut icon" href="ico/favicon.ico">
@ -25,18 +25,21 @@
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Attero</a>
<div class="nav-collapse collapse">
<ul class="nav nav-pills">
<li><a href="./index.html">Home</a></li>
<li class="active"><a href="./about.html">About</a></li>
<li class="active"><a href="./about.html">About</a>
<li><a href="./contact.html">Contact</a></li>
<li><a href="./projects.html">Projects</a></li>
</ul>
</a>
<div class="nav-collapse collapse">
</div><!--/.nav-collapse -->
</div>
</div>
@ -45,16 +48,39 @@
<div class="container">
<div class="page-header">
<h1>Who I am?</h1>
</div>
<p>Why so difficult questions?</p>
<div class="container">
<div class="container-fluid">
<div class="row-fluid">
<div class="span2 well">
<div class="">
<p>11.08.2012</p>
<h3>
<i class="icon-wrench"></i>Something about something!
</h3>
</div>
</div>
<div class="span10">
<div class="page-header">
<h1>About this site...</h1>
</div>
<p>Site is designed to be my home page. However I still
don't have clear idea, what I'm going to store here. Probably
lot of everything if I get serious about this site...</p>
<p>Firstly I want to develop <a href="./projects.html">Projects</a>
section. My life is mostly reading about interesting stuff and doing
things, hence I regard projects as something really important.</p>
<img src="./img/measure.jpg" style="padding:10px"/>
<p>Photo taken in
<a href="http://if.pw.edu.pl/www_en/">faculty of physics
at Warsaw University of Technology</a>.
</p>
<br/>
</div>
</div>
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.8.0.min.js"></script>

View File

@ -14,7 +14,7 @@
padding-top: 60px;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="shortcut icon" href="ico/favicon.ico">
@ -23,24 +23,26 @@
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Attero</a>
<div class="nav-collapse collapse">
<ul class="nav nav-pills">
<li><a href="./index.html">Home</a></li>
<li><a href="./about.html">About</a></li>
<li class="active"><a href="./contact.html">Contact</a></li>
<li><a href="./projects.html">Projects</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<a class="brand" href="#">Attero</a>
<ul class="nav nav-pills">
<li><a href="./index.html">Home</a></li>
<li><a href="./about.html">About</a>
<li class="active"><a href="./contact.html">Contact</a></li>
<li><a href="./projects.html">Projects</a></li>
</ul>
</a>
<div class="nav-collapse collapse">
</div><!--/.nav-collapse -->
</div>
</div>
</div>
@ -62,8 +64,8 @@
<p>Eh? Is anyone interested in contacting with me? I'm usually not at home...</p>
<img src="./img/not_at_home.jpg" style="padding:10px"/>
<p>But you can catch me via
<a href="http://www.facebook.com/jilczuk">my facebook page</a>.
</p>
<a href="http://www.facebook.com/jilczuk">my facebook page</a>
or send me an email: justyna.ilczuk[at]gmail.com. </p>
<br/>
</div>
</div>

View File

@ -14,7 +14,7 @@
padding-top: 60px;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="shortcut icon" href="ico/favicon.ico">
@ -23,24 +23,26 @@
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Attero</a>
<div class="nav-collapse collapse">
<ul class="nav nav-pills">
<li><a href="./index.html">Home</a></li>
<li><a href="./about.html">About</a></li>
<li class="active"><a href="./contact.html">Contact</a></li>
<li><a href="./projects.html">Projects</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<a class="brand" href="#">Attero</a>
<ul class="nav nav-pills">
<li><a href="./index.html">Home</a></li>
<li><a href="./about.html">About</a>
<li class="active"><a href="./contact.html">Contact</a></li>
<li><a href="./projects.html">Projects</a></li>
</ul>
</a>
<div class="nav-collapse collapse">
</div><!--/.nav-collapse -->
</div>
</div>
</div>
@ -59,8 +61,11 @@
<div class="page-header">
<h1>Contact</h1>
</div>
<p>Eh? <a href="http://www.facebook.com/jilczuk">My facebook page</a></p>
<p>Eh? Is anyone interested in contacting with me? I'm usually not at home...</p>
<img src="./img/not_at_home.jpg" style="padding:10px"/>
<p>But you can catch me via
<a href="http://www.facebook.com/jilczuk">my facebook page</a>
or send me an email: justyna.ilczuk[at]gmail.com </p>
<br/>
</div>
</div>

BIN
img/VDG2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

BIN
img/measure.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

View File

@ -13,9 +13,10 @@
<style>
body {
padding-top: 60px;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="shortcut icon" href="ico/favicon.ico">
@ -23,27 +24,30 @@
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Attero</a>
<div class="nav-collapse collapse">
<ul class="nav nav-pills">
<li class="active"><a href="#">Home</a></li>
<li><a href="./about.html">About</a></li>
<li class="active"><a href="./index.html">Home</a></li>
<li><a href="./about.html">About</a>
<li><a href="./contact.html">Contact</a></li>
<li><a href="./projects.html">Projects</a></li>
</ul>
</a>
<div class="nav-collapse collapse">
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<div class="container-fluid">
<div class="row-fluid">

View File

@ -13,9 +13,10 @@
<style>
body {
padding-top: 60px;
padding-bottom: 60px;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="shortcut icon" href="ico/favicon.ico">
@ -23,26 +24,30 @@
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Attero</a>
<div class="nav-collapse collapse">
<ul class="nav nav-pills">
<li class="active"><a href="#">Home</a></li>
<li><a href="./about.html">About</a></li>
<li class="active"><a href="./index.html">Home</a></li>
<li><a href="./about.html">About</a>
<li><a href="./contact.html">Contact</a></li>
<li><a href="./projects.html">Projects</a></li>
</ul>
</a>
<div class="nav-collapse collapse">
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<div class="container-fluid">
<div class="row-fluid">

View File

@ -14,7 +14,7 @@
padding-top: 60px;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="shortcut icon" href="ico/favicon.ico">
@ -22,22 +22,24 @@
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Attero</a>
<div class="nav-collapse collapse">
<ul class="nav nav-pills">
<li><a href="./index.html">Home</a></li>
<li><a href="./about.html">About</a></li>
<li><a href="./about.html">About</a>
<li><a href="./contact.html">Contact</a></li>
<li class="active"><a href="./projects.html">Projects</a></li>
</ul>
</a>
<div class="nav-collapse collapse">
</div><!--/.nav-collapse -->
</div>
</div>
@ -45,17 +47,54 @@
<div class="container">
<div class="page-header">
<h1>Projects</h1>
</div>
<p>More info soon...</p>
<div class="container">
<div class="container-fluid">
<div class="row-fluid">
<div class="span2 well">
<div class="">
<p>11.08.2012</p>
<h3>
<i class="icon-wrench"></i>Why I am so busy?
</h3>
</div>
</div>
<div class="span10">
<div class="page-header">
<h1>Projects</h1>
</div>
<h2>Big things</h2>
<h3>Van Der Graaf Generator</h3>
<p>It's a very interesting device, which can be used to generate a
really big voltage. At least measured in hundreds of kVolts!</p>
<p><a href="http://en.wikipedia.org/wiki/Van_de_Graaff_generator">
Here</a>'s more info about how this thing works.</p>
<p>I hope that we'll finish it soon. It'd be probably done by now,
but our workspace is actually out of order. Eh...</p>
<p>I'm working on it with q3k.</p>
<img src="./img/VDG2.jpg" style="padding:10px"/>
<p>Photo was taken in the <a href="https://hackerspace.pl">Warsaw Hackerspace</a>
by <a href="http://q3k.org/">q3k</a>.</p>
<br/>
<h2>Programming</h2>
<p>Will be updated later on...</p>
<h2>Physics</h2>
<p>Will be updated later on...</p>
<h2>Art</h2>
<p>Will be updated later on...</p>
<h2>Different stuff</h2>
<p>Will be updated later on...</p>
</br>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class= "span12">Made by Justyna Edyta Ilczuk also known as Attero ;)</div>
<div>
</div>
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.8.0.min.js"></script>

View File

@ -1,8 +1,103 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta content="">
<style></style>
<meta charset="utf-8">
<title>Atte.ro</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Home page of Attero">
<meta name="author" content="Justyna Edyta Ilczuk">
<link href="css/bootstrap.css" rel="stylesheet">
<style>
body {
padding-top: 60px;
}
</style>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="shortcut icon" href="ico/favicon.ico">
</head>
<body></body>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<a class="brand" href="#">Attero</a>
<ul class="nav nav-pills">
<li><a href="./index.html">Home</a></li>
<li><a href="./about.html">About</a>
<li><a href="./contact.html">Contact</a></li>
<li class="active"><a href="./projects.html">Projects</a></li>
</ul>
</a>
<div class="nav-collapse collapse">
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<div class="container-fluid">
<div class="row-fluid">
<div class="span2 well">
<div class="">
<p>11.08.2012</p>
<h3>
<i class="icon-wrench"></i>Why I am so busy?
</h3>
</div>
</div>
<div class="span10">
<div class="page-header">
<h1>Projects</h1>
</div>
<h2>Big things</h2>
<h3>Van Der Graaf Generator</h3>
<p>It's a very interesting device, which can be used to generate a
really big voltage. At least measured in hundreds of kVolts!</p>
<p><a href="http://en.wikipedia.org/wiki/Van_de_Graaff_generator">
Here</a>'s more info how it works.</p>
<p>I hope that we'll finish it soon. It'd be probably done by now,
but our workspace is actually out of order. Eh...</p>
<p>I'm working on it with q3k.</p>
<img src="./img/VDG2.jpg" style="padding:10px"/>
<p>Photo was taken in the <a href="https://hackerspace.pl">Warsaw Hackerspace</a>
by <a href="http://q3k.org/">q3k</a>.</p>
<br/>
<h2>Programming</h2>
<p>Will be updated later on...</p>
<h2>Physics</h2>
<p>Will be updated later on...</p>
<h2>Art</h2>
<p>Will be updated later on...</p>
<h2>Different stuff</h2>
<p>Will be updated later on...</p>
</br>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class= "span12">Made by Justyna Edyta Ilczuk also known as Attero ;)</div>
<div>
</div>
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.8.0.min.js"></script>
</body>
</html>

5
update_basic_views Executable file
View File

@ -0,0 +1,5 @@
#!/bin/bash
scp index.html att@vicodin.q3k.org:./htdocs-atte.ro
scp contact.html att@vicodin.q3k.org:./htdocs-atte.ro
scp projects.html att@vicodin.q3k.org:./htdocs-atte.ro
scp about.html att@vicodin.q3k.org:./htdocs-atte.ro

1
update_basic_views~ Normal file
View File

@ -0,0 +1 @@