diff --git a/css/styles.css b/css/styles.css index d550feb..3d53d5f 100755 --- a/css/styles.css +++ b/css/styles.css @@ -1,169 +1,194 @@ @import url("https://fontlibrary.org/face/tex-gyre-adventor"); @import url("https://fontlibrary.org/face/thsarabun-new"); -body { - font: 1.6em "THSarabunNewRegular", Helvetica, sans-serif; - color: #333; - line-height: 0.8em; -} -a { - color: #FF3300; - text-decoration: none; - width: 100%; - -moz-transition: color 0.3s ease; - -o-transition: color 0.3s ease; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; -} +@media only screen { + body { + font: 1.6em "THSarabunNewRegular", Helvetica, sans-serif; + color: #333; + line-height: 0.8em; + } -a:hover { - color: #99FFFF; - -moz-transition: color 1s ease; - -o-transition: color 1s ease; - -webkit-transition: color 1s ease; - transition: color 1s ease; -} + a { + color: #FF3300; + text-decoration: none; + width: 100%; + -moz-transition: color 0.3s ease; + -o-transition: color 0.3s ease; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + } -h1, h2, h3, h4, h5 { - font-family: "TeXGyreAdventorRegular", sans-serif; -} + a:hover { + color: #99FFFF; + -moz-transition: color 1s ease; + -o-transition: color 1s ease; + -webkit-transition: color 1s ease; + transition: color 1s ease; + } + + h1, h2, h3, h4, h5 { + font-family: "TeXGyreAdventorRegular", sans-serif; + } + + footer { + grid-row: 9 / span 1; + grid-column: 1 / 6; + margin: 40px 0px 10px; + } -footer { - grid-row: 9 / span 1; - grid-column: 1 / 6; - margin: 40px 0px 10px; } footer p { text-align: center; font-size: 0.5em; - color: #CECECE; } + color: #CECECE; + } -iframe { - max-width: 100%; - max-height: auto; - border: thin #99FFFF dashed; -} + iframe { + max-width: 100%; + max-height: auto; + border: thin #99FFFF dashed; + } + + nav { + width: 100%; + margin: 20px 0; + text-align: center; + } -nav { - width: 100%; - margin: 20px 0; - text-align: center; -} nav ul { list-style: none; } - nav ul li { - display: inline-block; - padding: 0 15px; - } -#wrapper { - max-width: 900px; - margin: 0 auto; - display: grid; - grid-gap: 10px; - grid-template-columns: repeat(6) 10%; - grid-template-rows: repeat(9); -} - #wrapper div img, #wrapper div video, #wrapper div object, #wrapper section img, #wrapper section video, #wrapper section object, #wrapper header img, #wrapper header video, #wrapper header object, #wrapper footer img, #wrapper footer video, #wrapper footer object { + nav ul li { + display: inline-block; + padding: 0 15px; + } + + #wrapper { + max-width: 900px; + margin: 0 auto; + display: grid; + grid-gap: 10px; + grid-template-columns: repeat(6) 10%; + grid-template-rows: repeat(9); + } + + #wrapper div img, + #wrapper div video, + #wrapper div object, + #wrapper section img, + #wrapper section video, + #wrapper section object, + #wrapper header img, + #wrapper header video, + #wrapper header object, + #wrapper footer img, + #wrapper footer video, + #wrapper footer object { max-width: 100%; } -header { - grid-column: 3 / span 4; - grid-row: 1 / span 4; - align-self: stretch; - text-align: right; -} + header { + grid-column: 3 / span 4; + grid-row: 1 / span 4; + align-self: stretch; + text-align: right; + } -.one { - grid-column: 1 / span 2; - grid-row: 4 / span 2; - align-self: top; - z-index: 3; -} + .one { + grid-column: 1 / span 2; + grid-row: 4 / span 2; + align-self: top; + z-index: 3; + } -.text { - grid-column: 1 / span 4; - grid-row: 2 / span 5; - align-self: top; - font-size: 0.8em; - text-align: justify; - padding: 20px 40px; - border: thin #99FFFF dashed; -} + .text { + grid-column: 1 / span 4; + grid-row: 2 / span 5; + align-self: top; + font-size: 0.8em; + text-align: justify; + padding: 20px 40px; + border: thin #99FFFF dashed; + } -.work { - grid-column: 2 / 6; - grid-row: 5 / auto; -} + .work { + grid-column: 2 / 6; + grid-row: 5 / auto; + } -.work img, .work object, .work iframe { - display: block; - margin: 100px auto; - border: thin #99FFFF dashed; -} + .work img, .work object, .work iframe { + display: block; + margin: 100px auto; + border: thin #99FFFF dashed; + } -.work img, .work object:first-of-type { - margin: 0px auto 100px; -} + .work img, .work object:first-of-type { + margin: 0px auto 100px; + } -.inPage { - grid-row: 8 / auto; -} + .inPage { + grid-row: 8 / auto; + } -.cv section:first-of-type { - grid-column: 1 / 6; - grid-row: 1 / span 1; - padding: 0 20px; - border: thin #99FFFF dashed; -} + .cv section:first-of-type { + grid-column: 1 / 6; + grid-row: 1 / span 1; + padding: 0 20px; + border: thin #99FFFF dashed; + } -.cv section:first-of-type #me { - position: relative; - top: 5px; - width: 25%; - text-align: right; - font-style: italic; -} + .cv section:first-of-type #me { + position: relative; + top: 5px; + width: 25%; + text-align: right; + font-style: italic; + } -.cv #edu { - grid-column: 4 / 6; - grid-row: 2 / 3; - align-self: center; -} + .cv section:first-of-type #me img { + display: none; + visibility: hidden; + } -.cv #music { - grid-column: 1 / span 2; - grid-row: 3 / 5; - align-self: start; -} + .cv #edu { + grid-column: 4 / 6; + grid-row: 2 / 3; + align-self: center; + } -.cv #things { - position: relative; - top:-150px; - left:20px; - grid-column: 3 / 4; - grid-row: 2 / 5; - align-self: center; - padding: 0 50px 0 0; -} + .cv #music { + grid-column: 1 / span 2; + grid-row: 3 / 5; + align-self: start; + } -.cv #prof { - grid-column: 4 / 6; - grid-row: 3 / 3; - align-items: start; -} + .cv #things { + position: relative; + top:-150px; + left:20px; + grid-column: 3 / 4; + grid-row: 2 / 5; + align-self: center; + padding: 0 50px 0 0; + } -.cv ul { - list-style-type: none; - margin: none; - padding: 0 0 0 7px; -} + .cv #prof { + grid-column: 4 / 6; + grid-row: 3 / 3; + align-items: start; + } -.cv ul li { - padding: 0 0 13px 0; -} + .cv ul { + list-style-type: none; + margin: none; + padding: 0 0 0 7px; + } -.cv ul em { - padding-bottom: 7px; + .cv ul li { + padding: 0 0 13px 0; + } + + .cv ul em { + padding-bottom: 7px; + } } \ No newline at end of file diff --git a/cv.html b/cv.html index 3105ee6..c668bc9 100755 --- a/cv.html +++ b/cv.html @@ -5,6 +5,7 @@ + @@ -27,6 +28,8 @@ max.e.franklin@gmail.com

Currently based in the Paris, France teaching and performing improvised software publications.

+ + @@ -42,6 +45,26 @@ Bachelor Jazz Performance (Saxophone) & Creative Sound Engineering

+
+

Professional Experience

+ +

Paris College of Art
+ 2014 - current // Paris, FR
+ Faculty Member in Foundation, Communication Design and Master's in Transdisciplinary New Media Departments

+ +

Willem de Kooning Academie
+ 2018 // Rotterdam, NL
+ Publication Station teaching and technical assistant

+ +

Freelance Graphic Designer
+ 2009 – 2014 // Sydney, AU
+ Web-design, poster and album design

+ +

Linear Recording
+ 2009 – 2010 // Sydney, AU
+ Assistant Sound Engineer

+
+

Things

@@ -125,26 +148,6 @@ Leftfield jazz trio

-
-

Professional Experience

- -

Paris College of Art
- 2014 - current // Paris, FR
- Faculty Member in Foundation, Communication Design and Master's in Transdisciplinary New Media Departments

- -

Willem de Kooning Academie
- 2018 // Rotterdam, NL
- Publication Station teaching and technical assistant

- -

Freelance Graphic Designer
- 2009 – 2014 // Sydney, AU
- Web-design, poster and album design

- -

Linear Recording
- 2009 – 2010 // Sydney, AU
- Assistant Sound Engineer

-
- diff --git a/index.html b/index.html index ed3b114..d584766 100755 --- a/index.html +++ b/index.html @@ -21,10 +21,10 @@
+ INTERIM LINK -