diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..67bed5998 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,5 @@ +{ + "cSpell.words": [ + "Rusinowski" + ] +} \ No newline at end of file diff --git a/img/project.jpg1.jpg b/img/project.jpg1.jpg new file mode 100644 index 000000000..59ea0a9cd Binary files /dev/null and b/img/project.jpg1.jpg differ diff --git a/img/project.jpg2.jpg b/img/project.jpg2.jpg new file mode 100644 index 000000000..3667da323 Binary files /dev/null and b/img/project.jpg2.jpg differ diff --git a/img/project.jpg3.jpg b/img/project.jpg3.jpg new file mode 100644 index 000000000..e59ba546e Binary files /dev/null and b/img/project.jpg3.jpg differ diff --git a/img/project.jpg4.jpg b/img/project.jpg4.jpg new file mode 100644 index 000000000..1f4fafa96 Binary files /dev/null and b/img/project.jpg4.jpg differ diff --git a/img/projectbackgroundjpg.jpg.jpg b/img/projectbackgroundjpg.jpg.jpg new file mode 100644 index 000000000..58dd78ca9 Binary files /dev/null and b/img/projectbackgroundjpg.jpg.jpg differ diff --git a/index.html b/index.html index d01f779ff..2fa0ee6f7 100644 --- a/index.html +++ b/index.html @@ -3,9 +3,49 @@ - Document + + Portfolio-Ben Rusinowski - +
+

Hello World, I am Ben Rusinowski!

+ +

Formal Introductions are in order.

+

My name is Ben Rusinowski, welcome to my portfolio site!

I am a full stack web developer learning new things and making a career path of my own.
Please enjoy my site.

+
+
+ Castle bridge entrance. +
+
+ A blue circle hobbit door in a grassy hillside. + Blue glowing mushrooms near a tree trunk. + A girl in a white dress underwater looking up. + A armored guard holding a flaming torch up standing in the entrance of a dungeon archway. +

some text will
go here
describing all
of the projects
to the left

+
+ + + \ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e53514..f72a463bc 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,156 @@ -/* Add CSS styling here */ \ No newline at end of file +/* Reset code start */ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +/* Reset code end */ + +/* General styles */ +html{ + font-size:62.5%; +} +body{ + font-size:1.6rem; + line-height:1.5; + background-color: #FBFFFB; + color:#4f4f4f; +} +h1{ + font-size:5rem; + color: #4f4f4f; +} +p{ + font-size: 2rem; + color: black; +} + +/*Helper classes*/ +.bgimg{ + background-size:cover; + background-repeat: no-repeat; +} +.links{ +} + +/* Header styles */ +nav{ + display: flex; + justify-content: center; + color: #4f4f4f; +} +nav a{ + border-radius: 50px; + text-align: center; + font-size: 3rem; +} +nav a:hover{ + font-size: 3.5rem; + color: darkblue; + background-color: white; +} +a{ + text-decoration: none; + color: #4f4f4f; +} +h1{ + padding: 2.5%; + text-align: center; +} +p{ + padding-bottom: 2.8%; + text-align: center; +} + +/* Top section styles */ +#top img{ + margin-left: .8%; + object-fit: cover; + object-position: 50% 0; + height: 600px; + width: 100vw; + overflow: hidden; +} +/* Project section styles */ +#projects{ + display: flex; + display: row; +} +#projects img{ + margin-top:1%; + margin-left: .8%; + margin-bottom: 1.5%; + object-position: 50% 0; + height: 480px; + width: 250px; + overflow: hidden; +} +#projects p{ + margin-left: 20%; + display: flex; + align-self: center; + text-align: center; + font-size: 2rem; + color: black; +} + +/* Footer styles */ +footer{ + background-color: rgb(0, 0, 199); + padding: 2.5%; +} +.footerbuttons{ + text-align: center; + font-size: 3rem; +} +button{ + background-color: lightgrey; + font-size: 3rem; +} +button:hover{ + color: blue; + font-size: 3.5rem; + background-color: white; +}