Background
++ Where I come from +
++ Stuff I want to develop +
+Interests
++ I have cats and kids and a house. +
++ I also have games, reading and the world +
+Contact me
+
diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..89dd47d --- /dev/null +++ b/.gitignore @@ -0,0 +1,37 @@ +/Assets/.DS_Store +*.gem +*.rbc +/.config +/coverage/ +/specs/coverage +/InstalledFiles +/pkg/ +/spec/reports/ +/test/tmp/ +/test/version_tmp/ +/tmp/ + +## Specific to RubyMotion: +.dat* +.repl_history +build/ + +## Documentation cache and generated files: +/.yardoc/ +/_yardoc/ +/doc/ +/rdoc/ + +## Environment normalisation: +/.bundle/ +/vendor/bundle +/lib/bundler/man/ + +# for a library or gem, you might want to ignore these files since the code is +# intended to run in multiple environments; otherwise, check them in: +# Gemfile.lock +# .ruby-version +# .ruby-gemset + +# unless supporting rvm < 1.11.0 or doing something fancy, ignore this: +.rvmrc diff --git a/Assets/commuter.jpg b/Assets/commuter.jpg new file mode 100644 index 0000000..eca0b14 Binary files /dev/null and b/Assets/commuter.jpg differ diff --git a/Assets/facebook-wrap.png b/Assets/facebook-wrap.png new file mode 100644 index 0000000..5c38d5b Binary files /dev/null and b/Assets/facebook-wrap.png differ diff --git a/Assets/linkedin.png b/Assets/linkedin.png new file mode 100644 index 0000000..b124893 Binary files /dev/null and b/Assets/linkedin.png differ diff --git a/Assets/slottskogen.jpg b/Assets/slottskogen.jpg new file mode 100644 index 0000000..75c573a Binary files /dev/null and b/Assets/slottskogen.jpg differ diff --git a/Assets/twitter-wrap.png b/Assets/twitter-wrap.png new file mode 100644 index 0000000..215a526 Binary files /dev/null and b/Assets/twitter-wrap.png differ diff --git a/Styles/index.css b/Styles/index.css new file mode 100644 index 0000000..011e3d5 --- /dev/null +++ b/Styles/index.css @@ -0,0 +1,39 @@ +#A, #M { + display: inline; + + font-size: 5em; + font-family: 'Courgette', cursive; + +} + +div.monogram { + border: 4px solid black; + border-radius: 50%; + margin: 5% auto auto auto; + padding: 5%; + height: 8em; + width: 8em; + + background-color: #4A95BD; +} + +li.bubble:nth-of-type(1) { + background-color: transparent; + border: none; + padding: 0em 1em 0em 0em; + + position: absolute; + top: 21vmin; +} + +li.bubble:nth-of-type(2) { + background-color: yellow; +} + +li.bubble:nth-of-type(3) { + background-color: red; +} + +li.bubble:nth-of-type(4) { + background-color: green; +} diff --git a/Styles/secondary-pages.css b/Styles/secondary-pages.css new file mode 100644 index 0000000..6d39912 --- /dev/null +++ b/Styles/secondary-pages.css @@ -0,0 +1,51 @@ +section.featured { + float:left; + position: relative; +} + +section.current { + clear: left; + float: left; +} + +section.previous { + clear: right; + float: right; + width: 25%; + position: absolute; +} + +section.contact-me { + clear: right; + float: right; + width: 25%; + position: absolute; +} + +section.contact-me ul { + list-style-type: none; +} + +section.contact-me div img { + width: 100%; +} + +li.bubble { + float: right; + + position: absolute; + top: -10vmin; + right: 2em; +} + +ul.portfolio li.bubble { + background-color: yellow; +} + +ul.code-journal li.bubble { + background-color: red; +} + +ul.about-me li.bubble { + background-color: green; +} diff --git a/Styles/styles.css b/Styles/styles.css new file mode 100644 index 0000000..15f3d7b --- /dev/null +++ b/Styles/styles.css @@ -0,0 +1,112 @@ +/*Colors #E44424 #BD4A5B #DFDCE3 #4ABDAC #F7B733 #FC4A1A -- #67BCDB*/ +body { + /*background-image: url("Assets/slottskogen.jpg");*/ + background-color: #67BCDB; + /*background-attachment: fixed;*/ +} + +header { + padding-left: 2em; + background-color: #67BCDB; + border-top: 1px solid black; + border-bottom: 1px solid black; +} + +header nav h1, h2 { + text-align: left; +} + +main { + padding: 10px; + position: relative; + font-family: 'Acme', sans-serif; + height: 40vmin; +} + +main.portfolio { + height: 65vmin; +} + +.bubble { + display: inline-block; + border: 3px solid black; + border-radius: 50%; + margin: auto; + padding: 4%; + height: 2.1em; + width: 2.1em; + background-color: #F7B733; +} + +.bubble:hover { + background-color: #FC4A1A; +} + +.bubble a:visited { + color: #DFDCE3; +} + + +.bubble a { + margin: -1em; + text-decoration: none; +} + +.bubble:hover ul li.bubble:hover { + background-color: #FC4A1A; +} + +a:active { + color: black; +} + +footer { + position: relative; +} + +footer nav ul { + padding-left: 0; + margin: 5.5em auto auto auto; + border-bottom: 4px solid black; + list-style-type: none; + +} + +footer ul li h4 { + position: absolute; + top: 7.4vmin; + width: 99%; +} + +section { + display: inline; + border: 2px solid black; + margin: 0 1em 1em 1em; + width: 65%; +} + +section h2 { + margin: 0 0 0 0; + width: 100%; +} + +section h3, p { + padding: 0 1em 0 1em; +} + +ul.line-of-photos { + clear: both; + margin-left: 1em; + list-style-type: none; +} + +.line-of-photos li img { + float: left; + width: 12vmax; +} + +.contact-me ul li a img { + width: 15%; + float: left; + padding-bottom: 1em; +} diff --git a/about.html b/about.html new file mode 100644 index 0000000..cb89972 --- /dev/null +++ b/about.html @@ -0,0 +1,58 @@ + + +
+ ++ Where I come from +
++ Stuff I want to develop +
++ I have cats and kids and a house. +
++ I also have games, reading and the world +
++ Some new cool tech I want to learn more about here, beginner's info. +
++ Some new cool tech I want to learn more about here, beginner's info. +
++ Resources to the current subject at Ada Academy. +
++ Stuff I am thinking about this week. +
++ What I wrote about a previous week at Ada. +
++ What I wrote about a previous week at Ada. +
++ What I wrote about a previous week at Ada. +
++ Having an old project and converting it into a new computer language I think would be an interesting challenge for when time allows. +
++ The first wave of the project was completed and will be posted at some point. +
++ After learning about html/css we have the assignment to set up a static website. Here. +
++ First solo programming using TDD and data files. Refactoring as a process. +
++ First TDD project created together with a pair partner. +
+ ++ First project where classes were required. Accounts and their child classes created and depending on each other. +
+ +