diff --git a/2011/06/07/first-blog-entry.html b/2011/06/07/first-blog-entry.html index 682c159..cd9986f 100644 --- a/2011/06/07/first-blog-entry.html +++ b/2011/06/07/first-blog-entry.html @@ -1,23 +1,45 @@ + + + -
-
+
+
+
+ + +
+
+
+
-

my first post

- -

Tags IVL: + +

my first post

+ + + + alpha - alpha + beta - beta - - -
+ + +

Test message

@@ -45,6 +67,18 @@

Back

-
+
+ + + + + + + + \ No newline at end of file diff --git a/2011/06/08/second-blog-entry.html b/2011/06/08/second-blog-entry.html index e416fcb..5760552 100644 --- a/2011/06/08/second-blog-entry.html +++ b/2011/06/08/second-blog-entry.html @@ -1,23 +1,45 @@ + + + -
-
+
+
+
+ + +
+
+
+
-

Second post

- -

Tags IVL: + +

Very very vey loooooooooooooooooooooooong title

+ + + + alpha - alpha - - -
+ + +
-

Second blog entry

+

Second blog entry very very very big entry. Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.

Back

@@ -25,7 +47,7 @@

Back

+ +
+ + +
+ \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..12bf2d7 --- /dev/null +++ b/css/style.css @@ -0,0 +1,345 @@ +body { + width: 100%; + margin-left: 0px; + margin-top: 0px; + padding-top: 0px; + padding-right: 0px; + margin-right: 0px; +} +#lin { + width: 100%; + height: 20px; + background: url(../images/ruler.gif) no-repeat left top; + position: relative; + z-index: 30; + padding-left: 0px; + margin-left: 0px; + padding-top: 0px; + margin-top: 0px; + +} +#pagewrap { + margin-top: 0px; + padding-top: 0px; + width: 1140px; + max-width: 98%; + + position: relative; + min-height: 100%; + /*background: blue;*/ +} +#body { + padding-left: 225px; + padding-top: 10px; +} +#header { + position: fixed; + z-index: 20; + width: 180px; + padding-top: 80px; + text-align: right; + +} +#contentwrap { + /*margin-left: 225px;*/ + margin-right: -268px; + margin-bottom: 60px; + float: left; + width: 100%; + /*background: red;*/ +} +#content { + margin-right: 268px; + padding-right: 7.4%; + padding-left : 10px; +} +#sidebar { + float: right; + display:block; + width: 268px; + margin: 15px 0 60px; + word-wrap: break-word; + font-size: 85%; + line-height: 140%; + /*background: yellow;*/ +} +#footer { + + clear: both; + font-size: 85%; + line-height: 160%; + padding-top: 30px; +} +/**********************/ +/*** */ +/**********************/ + +#main-nav { + +} +#main-nav li { + padding: 0; + margin: 0 0 5px; + float: right; + clear: both; + list-style: none; + position: relative; +} +#main-nav a { + color: #8f0206; + text-decoration: none; + font-size: 14px; + line-height: 100%; + /*background: url(images/nav-icons.png) no-repeat;*/ + padding: 2px 27px 2px 10px; + -webkit-border-radius: 10em; + -moz-border-radius: 10em; + border-radius: 10em; + -webkit-transition: background-color .7s; + -moz-transition: background-color .7s; + -o-transition: background-color .7s; + transition: background-color .7s; +} + +#main-nav a:hover { + color: #000; + background-color: #f5ec82; + background-color: rgba(245,236,130,.8); +} + +@media screen and (max-width: 1000px) { + #pagewrap { + max-width: 94%; + + } + #body { + width: auto; + padding-left: 0; + padding-top: 10px; + clear: both; + } + #header { + position: relative; + z-index: 20; + width: auto; + padding: 70px 0 10px; + text-align: left; + + } + + #main-nav { + margin: 8px 0 7px; + position: relative; + z-index: 100; + } + #main-nav li { + padding: 0 0 8px; + display: inline; + float: none; + text-transform: uppercase; + } + #main-nav a { + padding: 2px 10px 2px 25px; + } + +} +/* 1 column layout */ +@media screen and (max-width: 760px) { + #pagewrap { + max-width: 90%; + } + #header { + padding-top: 40px; + } + #contentwrap { + margin-right: 0; + float: none; + width: auto; + } + #content { + margin-right: 0; + padding-right: 0; + padding-left : 10px; + } + #sidebar { + + padding-top: 20px; + width: auto; + float: none; + clear: both; + } + +} +/* small 1 column */ +@media screen and (max-width: 600px) { +} + + +/* iphone portrait */ +@media screen and (max-width: 320px) { + #main-nav a { + background: none; + padding: 0; + margin-right: 10px; + } +} + +/* iphone landscape */ +@media screen and (max-width: 480px) { + #pagewrap { + max-width: 92%; + } +} + +.tm { + float: left; + width: 100px; + /*position: relative; + left: 0px; + */ +} +.tm strong { + /*position: absolute; + left: 0px; + top: 0;*/ + font-size: 36px; + float: left; + width: 50px; + padding: 5px 10px 10px; + height: 65px; + text-align: center; + color: rgb(228, 229, 235); + color: rgba(228, 229, 235, .75); + background-color: rgb(14, 32, 59); + background-color: rgba(14, 32, 59, .5); + -webkit-box-shadow: 0 0 10px rgba(14, 32, 59, .5); + -moz-box-shadow: 0 0 10px rgba(14, 32, 59, .5); +} + +.tm strong em { + font-size: 10px; + display: block; + font-style: normal; + background-color: rgb(14, 32, 59); + background-color: rgba(14, 32, 59, .5); + line-height: 20px; + margin-top: 5px; +} + +.blogarticle { + width:100%; + +} + +.blogarticle header { + width:100%; +} +.blogarticle header h2 { + +} +.blogarticle header h3 { +} +.blogarticle span { + padding: 0 0 3px 19px; + margin-right: 12px; +} +.posttag { + background: url(../images/postdata-icons.png) no-repeat 0 -86px; +} +.posttag:hover { + background-position: 0 -339px; +} + +.posttag a { + color: #b09473; + text-decoration: none; + padding-bottom: 4px; + margin: 0 0 20px; + font: bold .9em/1.3em Arial, Helvetica, sans-serif; + color: #b09473; +} +.posttag a:hover { + color: #ca6c18; + text-decoration: none; +} +/* resume page CSS's */ +.cv h1{padding:0.2em 5em 0.2em 1em;margin-left:1em;border-left:5px solid black;font:bold 1.5em 'Droid Sans','Helvetica Neue',Helvetica,arial,sans-serif;} +.cv h2{clear:both;border-bottom:2px solid #4a82d9;padding-bottom:0.2em;} +.cv h3{display:inline;color:black;background-color:#c9d9f3;padding:0 1em 0 1em;margin-bottom:0.2em;} +.cv-block{padding-top:0.6em;page-break-inside:avoid;} +.cv-position{display:inline;padding-left:1em;font:bold 1em 'Droid Sans','Helvetica Neue',Helvetica,arial,sans-serif;} +.cv-label{clear:left;float:left;width:12em;font-style:italic;font-size:90%;} +.cv-content{margin-left:12em;} +.cv-description{font-size:90%;} + +.cv-description ul{padding-top:0;} +.cv-description p {padding:0;margin:0;} +.cv-description p {margin-top: 10px; margin-bottom: 10 px;} +.cv-description ul li p:first-child {color:black;background-color:#c9d9f3;} + + +.cv header{ + float:right; + transform:rotate(1deg); + -moz-transform:rotate(1deg); + -o-transform:rotate(1deg); + -webkit-transform:rotate(1deg); + -ms-transform:rotate(1sdeg); + width:16em; + position:relative; + padding:1em 50px 1em 1.6em; + border:1px solid #888; + box-shadow:0 0 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.2); + -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.2); +} +.cv header a{color:#21519c;border-bottom:1px dotted;text-decoration:none;}#lf-page a:hover{color:#CC0000;} +.cv header a { + border-bottom:none;font:bold 1.1em monospace; +} + +.cv header h1{padding:0;margin:0;text-transform:none;font:normal 2.2em 'Droid Sans','Helvetica Neue',Helvetica,arial,sans-serif;border:none;} +.cv header address{margin-top:1em;border-top:2px solid #21519c;padding-top:1em;} +.cv header img { + position:absolute; + top:6em;left:13.5em; + border:1px solid #888; + opacity:0.9; + transform:rotate(-1deg); + -moz-transform:rotate(-1deg); + -o-transform:rotate(-1deg); + -webkit-transform:rotate(-1deg); + -ms-transform:rotate(-1deg); + box-shadow:0 0 7px rgba(0, 0, 0, 0.2); + -moz-box-shadow:0 0 7px rgba(0, 0, 0, 0.2); + -webkit-box-shadow:0 0 7px rgba(0, 0, 0, 0.2); + } + +/*#attachments {display:none !important;}; */ +#attachments { + z-index:101;position:fixed; + left:10px;top:220px; + margin-left:-5px; + background-color:rgba(255, 255, 255, 0.5); + width:8em;padding:0.7em 0.1em 0.7em 10px; + border:1px solid #21519c;font:normal 12px 'Droid Sans','Helvetica Neue',Helvetica,arial,sans-serif; +} +#attachments p{color:#888;font-weight:bold;margin-top:0.3em;} +#attachments ul {list-style: none;} +#attachments li{padding-left:0.25em;} +#attachments li a{text-decoration:none;color:#21519c;} +#attachments li a:hover{color:#CC0000;} + +@media screen and (max-width: 1000px) { + #attachments { + /* + position: static; + + float: right; + */ + display: none; + } + + +} + diff --git a/cv.html b/cv.html new file mode 100644 index 0000000..259bade --- /dev/null +++ b/cv.html @@ -0,0 +1,256 @@ + + + + + + + + + +
+
+
+ + +
+
+
+
+

Attachments

+ +
+ +
+
+

Ihor Vlasiuk

+
+067 93 18 022
+ igor.vlasiuk@gmail.com
+ http://ivl.github.com + +
+
+ Ivano-Frankivsk
Ukraine +
+ +
+
+

Senior Developer

+ +
+

Skills and abilities

+
+
Programming +
+
+
+
    +
  • C/C++, C#, Objective-C, Java
    • +
  • Ruby (Ruby On Rails, Sinatra, Cucumber), Python
    • +
  • Javascript, HTML, CSS
    • +
  • SQL
    • +
+
+
+ +
System +
+
+
+
    +
  • Windows, Linux, Mac OS, iOS, Android
    • +
+
+
+ +
Personal interest
+
+
+
    +
  • Functional programming: LISP, Clojure, Haskell, Erlang
    • +
  • Data mining: Hadoop, Camel
    • +
  • Project management: Kanban, Scrum
    • +
+
+
+ + +
+

Experience

+ +
+
May 2007 – Present
+
+

SoftJourn, inc

+
Snr. Developer
+
+
    +
  • +

    Project:Check 21 deposit application for US customer

    +

    Responsibilities:Software Design and development including centralized server application and client check processing application. Design and development of the interface with US banks.

    +

    Tools:C#.NET, ADO.NET, ASP.NET, MS SQL, MS Reporting Services

    + +
    • +
  • +

    Project:DB Migration from MSSQL to Firebird

    + +

    Responsibilities:Software Design and development. Communication with client.

    + +

    Tools:C/C++ ADO/OLE providers. SideBySide tech from Microsoft. C# ADO.NET, Microsoft Enterprise Patterns library MSSQL, Firebird. Stored procedures, views, triggers.

    + +
    • + +
  • +

    Project:Plugin for iTunes

    + +

    Responsibilities:Software Design and development. Communication with client.

    + +

    Tools:C#, C++, Win32 API, SQLite, XML.

    + +
    • +
  • +

    Project:Shiron AAC server – part of Shiron's InterSky Satellite Communication solution

    + +

    Responsibilities:Software Design and development. Communication with client.

    + +

    Tools:C/C++, Win32, STL, ACE-5.5.1. Oracle, MySQL

    + +
    • + +
  • +

    Project:MAATS 2.0

    + +

    Responsibilities:Software Design and development.

    + +

    Tools:ASP.NET MVC, JQuery, C#, LINQ, MSSQL

    + +
    • +
  • +

    Project:Secured Address Book

    + +

    Responsibilities:Software Design and development.

    + +

    Tools:WindowsCE, C++,STL,Win32 CE

    + +
    • +
  • +

    Project:Lemur - internal project. Company Project Management tool.

    + +

    Responsibilities:Software Design and development.

    + +

    Tools:Ruby, Ruby on Rails, MySQL

    + +
    • +
  • +

    Project:iTrivia

    + +

    Responsibilities:Software Design and development. Communication with client.

    + +

    Tools:Objective-C,CocoaTouch SDK,UIKit,QuartzCore

    + +
    • +
  • +

    Project:iTrivia - web mobile version

    + +

    Responsibilities:Software Design and development. Communication with client.

    + +

    Tools: HTML5, CSS3, jQuery, jQtouch

    + +
    • +
  • +

    Project:Entertainment application for Android platform.

    + +

    Responsibilities:Software Design and development.

    + +

    Tools:Eclipse, Java, Android SDK

    + +
    • +
  • +

    Project:SoftJourn publishing framework - tool for creating interactive magazines for iPad.

    + +

    Responsibilities:Software Design and development.

    + +

    Tools:Objective-C,CocoaTouch SDK,UIKit,QuartzCore

    + +
    • +
+
+
+
+ +
+
July 2005 – July 2006
+
+

Telrad Networks

+
Software Designer
+
+
    +
  • +

    Project:Distributed Service Module Multi Service Platform “DSM MSP” Project

    + +

    Responsibilities:Software Designer, embedded programming under + psOS+,VxWorks

    + +

    c PLS System, ClearCase, UNIX C/C ++ compilers + Additional technologies: SONET/SDH/PDH, TL1.

    +

    • +
+
+
+
+ + +
+
June 2004 – July 2005
+
+

Mita-Teknik A/S

+
Software Developer
+
+
    +
  • +

    Project: Gateway - SCADA application for the management of wind turbines

    + +

    Responsibilities: Design, refactoring and development of client side

    + +

    Tools:Borland C++ Builder 6, Borland JBuilder 9, Borland Together 6.1, MySQL 4, Firebird 1.5

    +
    • +
+ +
+ +

Education

+
+
1998 - 2003
+

State University 'Lviv Polytechnics'

+
+
Specialist, Applied Mathematics
+ +
+
+ +
+
+ + +
+ + +
+ + + \ No newline at end of file diff --git a/cv.pdf b/cv.pdf new file mode 100644 index 0000000..040a682 Binary files /dev/null and b/cv.pdf differ diff --git a/cvpdf.html b/cvpdf.html new file mode 100644 index 0000000..9fa6c18 --- /dev/null +++ b/cvpdf.html @@ -0,0 +1,219 @@ + + + + + + + + + + + +
+
+

Ihor Vlasiuk

+
+067 93 18 022
+ igor.vlasiuk@gmail.com
+ http://ivl.github.com + +
+
+ Ivano-Frankivsk
Ukraine +
+ +
+ +

Senior Developer

+ + +

Skills and abilities

+
+
Programming +
+
+
+
    +
  • C/C++, C#, Objective-C, Java
    • +
  • Ruby (Ruby On Rails, Sinatra, Cucumber), Python
    • +
  • Javascript, HTML, CSS
    • +
  • SQL
    • +
+
+
+ +
System +
+
+
+
    +
  • Windows, Linux, Mac OS, iOS, Android
    • +
+
+
+ +
Personal interest
+
+
+
    +
  • Functional programming: LISP, Clojure, Haskell, Erlang
    • +
  • Data mining: Hadoop, Camel
    • +
  • Project management: Kanban, Scrum
    • +
+
+
+ + +
+

Experience

+ +
+
May 2007 – Present
+
+

SoftJourn, inc

+
Snr. Developer
+
+
    +
  • +

    Project:Check 21 deposit application for US customer

    +

    Responsibilities:Software Design and development including centralized server application and client check processing application. Design and development of the interface with US banks.

    +

    Tools:C#.NET, ADO.NET, ASP.NET, MS SQL, MS Reporting Services

    + +
    • +
  • +

    Project:DB Migration from MSSQL to Firebird

    + +

    Responsibilities:Software Design and development. Communication with client.

    + +

    Tools:C/C++ ADO/OLE providers. SideBySide tech from Microsoft. C# ADO.NET, Microsoft Enterprise Patterns library MSSQL, Firebird. Stored procedures, views, triggers.

    + +
    • + +
  • +

    Project:Plugin for iTunes

    + +

    Responsibilities:Software Design and development. Communication with client.

    + +

    Tools:C#, C++, Win32 API, SQLite, XML.

    + +
    • +
  • +

    Project:Shiron AAC server – part of Shiron's InterSky Satellite Communication solution

    + +

    Responsibilities:Software Design and development. Communication with client.

    + +

    Tools:C/C++, Win32, STL, ACE-5.5.1. Oracle, MySQL

    + +
    • + +
  • +

    Project:MAATS 2.0

    + +

    Responsibilities:Software Design and development.

    + +

    Tools:ASP.NET MVC, JQuery, C#, LINQ, MSSQL

    + +
    • +
  • +

    Project:Secured Address Book

    + +

    Responsibilities:Software Design and development.

    + +

    Tools:WindowsCE, C++,STL,Win32 CE

    + +
    • +
  • +

    Project:Lemur - internal project. Company Project Management tool.

    + +

    Responsibilities:Software Design and development.

    + +

    Tools:Ruby, Ruby on Rails, MySQL

    + +
    • +
  • +

    Project:iTrivia

    + +

    Responsibilities:Software Design and development. Communication with client.

    + +

    Tools:Objective-C,CocoaTouch SDK,UIKit,QuartzCore

    + +
    • +
  • +

    Project:iTrivia - web mobile version

    + +

    Responsibilities:Software Design and development. Communication with client.

    + +

    Tools: HTML5, CSS3, jQuery, jQtouch

    + +
    • +
  • +

    Project:Entertainment application for Android platform.

    + +

    Responsibilities:Software Design and development.

    + +

    Tools:Eclipse, Java, Android SDK

    + +
    • +
  • +

    Project:SoftJourn publishing framework - tool for creating interactive magazines for iPad.

    + +

    Responsibilities:Software Design and development.

    + +

    Tools:Objective-C,CocoaTouch SDK,UIKit,QuartzCore

    + +
    • +
+
+
+
+ +
+
July 2005 – July 2006
+
+

Telrad Networks

+
Software Designer
+
+
    +
  • +

    Project:Distributed Service Module Multi Service Platform “DSM MSP” Project

    + +

    Responsibilities:Software Designer, embedded programming under + psOS+,VxWorks

    + +

    c PLS System, ClearCase, UNIX C/C ++ compilers + Additional technologies: SONET/SDH/PDH, TL1.

    +

    • +
+
+
+
+ + +
+
June 2004 – July 2005
+
+

Mita-Teknik A/S

+
Software Developer
+
+
    +
  • +

    Project: Gateway - SCADA application for the management of wind turbines

    + +

    Responsibilities: Design, refactoring and development of client side

    + +

    Tools:Borland C++ Builder 6, Borland JBuilder 9, Borland Together 6.1, MySQL 4, Firebird 1.5

    +
    • +
+ +
+ +

Education

+
+
1998 - 2003
+

State University 'Lviv Polytechnics'

+
+
Specialist, Applied Mathematics
+ +
+ + + \ No newline at end of file diff --git a/images/ivltry4.png b/images/ivltry4.png new file mode 100644 index 0000000..82cb067 Binary files /dev/null and b/images/ivltry4.png differ diff --git a/images/liniyka.gif b/images/liniyka.gif new file mode 100644 index 0000000..469bc3e Binary files /dev/null and b/images/liniyka.gif differ diff --git a/images/postdata-icons.png b/images/postdata-icons.png new file mode 100644 index 0000000..2a998ac Binary files /dev/null and b/images/postdata-icons.png differ diff --git a/images/ruler.gif b/images/ruler.gif new file mode 100644 index 0000000..af4becc Binary files /dev/null and b/images/ruler.gif differ diff --git a/images/sjlogo.png b/images/sjlogo.png new file mode 100644 index 0000000..d3c8f9b Binary files /dev/null and b/images/sjlogo.png differ diff --git a/index.html b/index.html index 7555157..340213c 100644 --- a/index.html +++ b/index.html @@ -1,16 +1,80 @@ - + - - - IVL + + + + + -
- 2011 June 08 Second post -
+ +
+
+
+ + +
+
+
+ -
- 2011 June 07 my first post -
+
+
- - \ No newline at end of file +

Very very vey loooooooooooooooooooooooong title

+ + + + alpha + + + +
+

Second blog entry very very very big entry. Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second blog entry very very very big entry.Second... + (Read more) +

+ + + + + +
+
+ + +
+ + +
+ + + \ No newline at end of file diff --git a/server/2011/06/07/first-blog-entry.html b/server/2011/06/07/first-blog-entry.html new file mode 100644 index 0000000..29631c9 --- /dev/null +++ b/server/2011/06/07/first-blog-entry.html @@ -0,0 +1,78 @@ + + + + + + + + + +
+ + +
+
+
+
+ +
+

my first post

+ +

Tags IVL: + + alpha + + beta + +

+
+ +

Test message

+ +
+

Back

+ +
+ + + +

Tag cloud beta +alpha +

+
+
+ +
+
+
+ + + +
+ + + \ No newline at end of file diff --git a/server/2011/06/08/second-blog-entry.html b/server/2011/06/08/second-blog-entry.html new file mode 100644 index 0000000..d803bd4 --- /dev/null +++ b/server/2011/06/08/second-blog-entry.html @@ -0,0 +1,76 @@ + + + + + + + + + +
+ + +
+
+
+
+ +
+

Second post

+ +

Tags IVL: + + alpha + +

+
+ +

Second blog entry

+ +
+

Back

+ +
+ + + +

Tag cloud beta +alpha +

+
+
+ +
+
+
+ + + +
+ + + \ No newline at end of file diff --git a/server/Rakefile b/server/Rakefile new file mode 100644 index 0000000..f7a191e --- /dev/null +++ b/server/Rakefile @@ -0,0 +1,74 @@ + +require 'webrick' +require "term/ansicolor" +require "jekyll" + +task :default => :tag_cloud + +desc 'Generate tags page' +task :tags do + puts "Generating tags..." + require 'rubygems' + require 'jekyll' + include Jekyll::Filters + + options = Jekyll.configuration({}) + site = Jekyll::Site.new(options) + site.read_posts('') + + FileUtils.rm_rf "tags" + + site.tags.sort.each do |tag, posts| + html = '' + html << <<-HTML +--- +layout: default +title: Postings tagged "#{tag}" +--- +

Postings tagged "#{tag}"

+ HTML + + html << '
    ' + posts.each do |post| + post_data = post.to_liquid + html << <<-HTML +
  • #{post_data['title']}
    • + HTML + end + html << '
' + FileUtils.mkdir_p("tags/#{tag}"); + File.open("tags/#{tag}/index.html", 'w+') do |file| + file.puts html + end + end + puts 'Done.' +end + +desc 'Generate tags pages' +task :tag_cloud => :tags do + puts 'Generating tag cloud...' + require 'rubygems' + require 'jekyll' + include Jekyll::Filters + + options = Jekyll.configuration({}) + site = Jekyll::Site.new(options) + site.read_posts('') + + html = '' + max_count = site.tags.map{|t,p| p.count}.max + site.tags.sort.each do |tag, posts| + s = posts.count + font_size = ((20 - 10.0*(max_count-s)/max_count)*2).to_i/2.0 + html << "#{tag} " + end + File.open('_includes/tag_cloud.html', 'w+') do |file| + file.puts html + end + puts 'Done.' +end + + + + + diff --git a/server/css/style.css b/server/css/style.css new file mode 100644 index 0000000..7286b90 --- /dev/null +++ b/server/css/style.css @@ -0,0 +1,166 @@ +#pagewrap { + width: 1140px; + max-width: 98%; + margin: 0 auto; + position: relative; + min-height: 100%; +} +#body { + padding-left: 225px; + padding-top: 10px; +} +#header { + position: fixed; + z-index: 20; + width: 180px; + padding-top: 80px; + text-align: right; + +} +#contentwrap { + margin-right: -268px; + margin-bottom: 60px; + float: left; + width: 100%; + background: red; +} +#content { + margin-right: 268px; + padding-right: 7.4%; + background: green; +} +#sidebar { + float: right; + display:block; + width: 268px; + margin: 15px 0 60px; + word-wrap: break-word; + font-size: 85%; + line-height: 140%; + background: yellow; +} +#footer { + + clear: both; + font-size: 85%; + line-height: 160%; + padding-top: 30px; +} +/**********************/ +/*** */ +/**********************/ + +#main-nav { + +} +#main-nav li { + padding: 0; + margin: 0 0 5px; + float: right; + clear: both; + list-style: none; + position: relative; +} +#main-nav a { + color: #8f0206; + text-decoration: none; + font-size: 14px; + line-height: 100%; + /*background: url(images/nav-icons.png) no-repeat;*/ + padding: 2px 27px 2px 10px; + -webkit-border-radius: 10em; + -moz-border-radius: 10em; + border-radius: 10em; + -webkit-transition: background-color .7s; + -moz-transition: background-color .7s; + -o-transition: background-color .7s; + transition: background-color .7s; +} + +#main-nav a:hover { + color: #000; + background-color: #f5ec82; + background-color: rgba(245,236,130,.8); +} + +@media screen and (max-width: 1000px) { + #pagewrap { + max-width: 94%; + + } + #body { + width: auto; + padding-left: 0; + padding-top: 30px; + clear: both; + } + #header { + position: relative; + z-index: 20; + width: auto; + padding: 70px 0 10px; + text-align: left; + + } + + #main-nav { + margin: 8px 0 7px; + position: relative; + z-index: 100; + } + #main-nav li { + padding: 0 0 8px; + display: inline; + float: none; + text-transform: uppercase; + } + #main-nav a { + padding: 2px 10px 2px 25px; + } +} +/* 1 column layout */ +@media screen and (max-width: 760px) { + #pagewrap { + max-width: 90%; + } + #header { + padding-top: 40px; + } + #contentwrap { + margin-right: 0; + float: none; + width: auto; + } + #content { + margin-right: 0; + padding-right: 0; + } + #sidebar { + + padding-top: 20px; + width: auto; + float: none; + clear: both; + } + +} +/* small 1 column */ +@media screen and (max-width: 600px) { +} + + +/* iphone portrait */ +@media screen and (max-width: 320px) { + #main-nav a { + background: none; + padding: 0; + margin-right: 10px; + } +} + +/* iphone landscape */ +@media screen and (max-width: 480px) { + #pagewrap { + max-width: 92%; + } +} diff --git a/server/index.html b/server/index.html new file mode 100644 index 0000000..7555157 --- /dev/null +++ b/server/index.html @@ -0,0 +1,16 @@ + + + + + IVL + +
+ 2011 June 08 Second post +
+ +
+ 2011 June 07 my first post +
+ + + \ No newline at end of file diff --git a/server/tags/alpha/index.html b/server/tags/alpha/index.html new file mode 100644 index 0000000..43f374f --- /dev/null +++ b/server/tags/alpha/index.html @@ -0,0 +1,43 @@ + + + + + + + + + +
+ + +
+
+
+

Postings tagged "alpha"

+ + +
+
+
+ + + +
+ + + \ No newline at end of file diff --git a/server/tags/beta/index.html b/server/tags/beta/index.html new file mode 100644 index 0000000..b00cdb8 --- /dev/null +++ b/server/tags/beta/index.html @@ -0,0 +1,42 @@ + + + + + + + + + +
+ + +
+
+
+

Postings tagged "beta"

+ + +
+
+
+ + + +
+ + + \ No newline at end of file diff --git a/tags/alpha/index.html b/tags/alpha/index.html index 4aecabb..e0f196b 100644 --- a/tags/alpha/index.html +++ b/tags/alpha/index.html @@ -1,15 +1,47 @@ + + + -
-

Postings tagged "alpha"

+
+
+
+ + +
+
+
+

Postings tagged "alpha"

-
+
+
+ + +
+ + + + \ No newline at end of file diff --git a/tags/beta/index.html b/tags/beta/index.html index 3c7d411..22fcc01 100644 --- a/tags/beta/index.html +++ b/tags/beta/index.html @@ -1,14 +1,46 @@ + + + -
-

Postings tagged "beta"

+
+
+
+ + +
+
+
+

Postings tagged "beta"

-
+
+ + + + + + + + \ No newline at end of file