Added box shadows
This commit is contained in:
+8
-8
@@ -7,22 +7,22 @@ if expand('%') == '' && !&modified && line('$') <= 1 && getline(1) == ''
|
||||
let s:wipebuf = bufnr('%')
|
||||
endif
|
||||
set shortmess=aoO
|
||||
badd +324 index.htm
|
||||
badd +92 JQFuncs.js
|
||||
badd +128 style.css
|
||||
badd +30 index.htm
|
||||
badd +20 JQFuncs.js
|
||||
badd +62 style.css
|
||||
argglobal
|
||||
silent! argdel *
|
||||
argadd index.htm
|
||||
argadd JQFuncs.js
|
||||
argadd style.css
|
||||
edit index.htm
|
||||
edit style.css
|
||||
set splitbelow splitright
|
||||
set nosplitbelow
|
||||
set nosplitright
|
||||
wincmd t
|
||||
set winheight=1 winwidth=1
|
||||
argglobal
|
||||
edit index.htm
|
||||
edit style.css
|
||||
setlocal fdm=manual
|
||||
setlocal fde=0
|
||||
setlocal fmr={{{,}}}
|
||||
@@ -32,12 +32,12 @@ setlocal fml=1
|
||||
setlocal fdn=20
|
||||
setlocal fen
|
||||
silent! normal! zE
|
||||
let s:l = 10 - ((9 * winheight(0) + 23) / 46)
|
||||
let s:l = 62 - ((22 * winheight(0) + 23) / 46)
|
||||
if s:l < 1 | let s:l = 1 | endif
|
||||
exe s:l
|
||||
normal! zt
|
||||
10
|
||||
normal! 051|
|
||||
62
|
||||
normal! 025|
|
||||
tabnext 1
|
||||
if exists('s:wipebuf') && getbufvar(s:wipebuf, '&buftype') isnot# 'terminal'
|
||||
silent exe 'bwipe ' . s:wipebuf
|
||||
|
||||
@@ -27,34 +27,196 @@
|
||||
<a id="link4" href="#contactMe" class="nav-contactMe">Contact Me</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="shadow"></div>
|
||||
</nav>
|
||||
|
||||
<header>
|
||||
<h1>Sam Perry</h1>
|
||||
</header>
|
||||
|
||||
<div id="maincontent">
|
||||
<article id="aboutMe" >
|
||||
<div id="summary">
|
||||
<h2 class="anchor">About Me</h2>
|
||||
<p>
|
||||
<span id="imgDiv">
|
||||
<img id="profilePic" class="circular" src="resources/ProfilePic.jpg" alt="Profile Picture">
|
||||
</span>
|
||||
Hi! I'm Sam. An aspiring programmer/DSP engineer. I made this website to show some of the projects that
|
||||
I've completed or am currently working on and as a place to document some of my key skills and interests.
|
||||
I hope to expand the website as I gain experience in my field but for now I have put together a selection
|
||||
of some of the work I have created over the past few years whilst at University and working at my
|
||||
placement in Paris. Enjoy!
|
||||
</p>
|
||||
</div>
|
||||
<div id="maincontent-container">
|
||||
<div id="maincontent">
|
||||
<article id="aboutMe" >
|
||||
<div id="summary">
|
||||
<h2 class="anchor">About Me</h2>
|
||||
<p>
|
||||
<span id="imgDiv">
|
||||
<img id="profilePic" class="circular" src="resources/ProfilePic.jpg" alt="Profile Picture">
|
||||
</span>
|
||||
Hi! I'm Sam. An aspiring programmer/DSP engineer. I made this website to show some of the projects that
|
||||
I've completed or am currently working on and as a place to document some of my key skills and interests.
|
||||
I hope to expand the website as I gain experience in my field but for now I have put together a selection
|
||||
of some of the work I have created over the past few years whilst at University and working at my
|
||||
placement in Paris. Enjoy!
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="interests">
|
||||
<h3>Interests</h3>
|
||||
<div id="interests">
|
||||
<h3>Interests</h3>
|
||||
|
||||
<div id="coding" class="infoBox">
|
||||
<h4>Coding</h4>
|
||||
<div id="coding" class="infoBox">
|
||||
<h4>Coding</h4>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
|
||||
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
|
||||
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
|
||||
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
|
||||
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil
|
||||
imperdiet doming id quod mazim placerat facer possim assum.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="python" class="showhide">
|
||||
<div class="heading">
|
||||
<h5>Python</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
I have around a year's experience working in python and find it's simple syntax perfect for
|
||||
quickly prototyping ideas and is one of my primary means for developing DSP based programs.
|
||||
During my time at the IRCAM research institute I used Python extensively on a number of
|
||||
different tasks to perform audio analysis and synthesis related processes. Though I mainly
|
||||
worked in Python 2 I am also familiar with Python 3. I am also familiar with packages such as
|
||||
Numpy, SciPy and Matplotlib.
|
||||
Check out some of the projects I have worked on in python here!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="unix" class="showhide">
|
||||
<div class="heading">
|
||||
<h5>Unix</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
Having worked almost exclusively on Mac and Linux for a number of years I am very familiar with
|
||||
the Unix environment. I have recently begun to experiment with creating shell scripts to help
|
||||
automate processes I perform regularly. The best example of my understanding of Unix would be to
|
||||
check out my source repository here. It demonstrates how I have used shell scripts to automate
|
||||
the process of setting up a new machine with the environment as I need it.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="cplusplus" class="showhide">
|
||||
<div class="heading">
|
||||
<h5>C++</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
I have used C++ to create audio effects using the Steinberg VST framework as part of coursework
|
||||
for my degree. I have also experimented with creating simple standalone command line tools.
|
||||
I like the language for it's high performance when compared to python (due to the compiled nature
|
||||
of the language) though I currently tend to work less in this language as I find it less flexible
|
||||
for quickly prototyping my ideas. I plan on improving my skills in this language when I feel that
|
||||
one of my projects has reached a point where it would benefit from being converted to a compiled
|
||||
language.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="vim" class="showhide">
|
||||
<div class="heading">
|
||||
<h5>Vim</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
My editor of choice is Vim and have been using it for around a year. I feel the main advantage is
|
||||
that it is a widely available editor due to it's age and its exceptional ability to be adaptable
|
||||
to all different languages through customization. This allows me to develop in the same environment
|
||||
with modifications to create an IDE style workspace tailored to each task.If you are interested my
|
||||
Vim configurations can be found here.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="webdesign" class="showhide">
|
||||
<div class="heading">
|
||||
<h5>Web Design - HTML5, CSS and JavaScript</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
I recently became interested in coding a website as a side project to improve my skills in an area
|
||||
that I am much less familiar with. This has resulted in the website you are looking at now! I thought
|
||||
it would be beneficial to teach myself something not totally unrelated to my aspirations but enough
|
||||
to give me a different challenge to apply the new skills I have acquired over the past few years to.
|
||||
As a result I am now familiar with HTML5, CSS and understand the basics of JavaScript (though I feel
|
||||
this would not be difficult to build upon given my experience in Python).
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div id="music" class="infoBox">
|
||||
<h4>Music</h4>
|
||||
<div>
|
||||
<p>
|
||||
I have always enjoyed writing and playing music. As a child I was taught the Piano and continue to
|
||||
practice as a hobby in my spare time. Through studying Music Technology at university I have had the
|
||||
opportunity to expand on my understanding of Music and how computers and signal processing techniques
|
||||
can be applied creatively to design and manipulate sounds. I also have a good understanding of music
|
||||
recording techniques and industry standards for recording instruments in a music studio environment.
|
||||
Although I hope to progress primarily in a technical industry where logic is key, I feel the slightly
|
||||
less conventional path I have taken to reach my current position will provide me with a different
|
||||
perspective on tasks than that of a standard computer science graduate, for example.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div id="motorbikes" class="infoBox">
|
||||
<h4>Motorbikes</h4>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
|
||||
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
|
||||
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
|
||||
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
|
||||
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil
|
||||
imperdiet doming id quod mazim placerat facer possim assum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article id="profExper" class="anchor">
|
||||
<div class="heading">
|
||||
<h2>Professional Experience</h2>
|
||||
</div>
|
||||
<p>Summary of professional experience </p>
|
||||
<div id="ircam" class="infoBox">
|
||||
<h4>IRCAM</h4>
|
||||
<div>
|
||||
<p>
|
||||
IRCAM has has been my first experience in a professional working environment. During my time there I gained an
|
||||
understanding of how teams work togeather to produce professional products and participated in the development
|
||||
of such products. My ability to write readable and stable code was important when contributing to projects and
|
||||
my knowlege of Unix, Git, VIM, Python, C++ etc... grew substantially during my time there. I also learnt how to
|
||||
work on a project alongside other member of the team and due to the wide variety of projects that I was tasked
|
||||
with improving, my ability to adapt to tasks where I did not have prior experience improved dramatically. An
|
||||
example of this could be when I was tasked with fixing a reveal.js prsentation. A simple task but in a language
|
||||
(or 3, HTML, CSS and JavaScript) that I had never used before. I think this ability to adapt to a given
|
||||
situation is important in a rapidly changing industry.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article id="portfolio" class="anchor">
|
||||
<h2>Portfolio</h2>
|
||||
<p>Summary of portfolio</p>
|
||||
<div class="infoBox showhide">
|
||||
<div class="heading">
|
||||
<h5>Audio descriptor framework (3rd Year University Project)</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
|
||||
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
|
||||
@@ -64,111 +226,94 @@
|
||||
imperdiet doming id quod mazim placerat facer possim assum.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="python" class="showhide">
|
||||
<div class="heading">
|
||||
<h5>Python</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
I have around a year's experience working in python and find it's simple syntax perfect for
|
||||
quickly prototyping ideas and is one of my primary means for developing DSP based programs.
|
||||
During my time at the IRCAM research institute I used Python extensively on a number of
|
||||
different tasks to perform audio analysis and synthesis related processes. Though I mainly
|
||||
worked in Python 2 I am also familiar with Python 3. I am also familiar with packages such as
|
||||
Numpy, SciPy and Matplotlib.
|
||||
Check out some of the projects I have worked on in python here!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="unix" class="showhide">
|
||||
<div class="heading">
|
||||
<h5>Unix</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
Having worked almost exclusively on Mac and Linux for a number of years I am very familiar with
|
||||
the Unix environment. I have recently begun to experiment with creating shell scripts to help
|
||||
automate processes I perform regularly. The best example of my understanding of Unix would be to
|
||||
check out my source repository here. It demonstrates how I have used shell scripts to automate
|
||||
the process of setting up a new machine with the environment as I need it.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="cplusplus" class="showhide">
|
||||
<div class="heading">
|
||||
<h5>C++</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
I have used C++ to create audio effects using the Steinberg VST framework as part of coursework
|
||||
for my degree. I have also experimented with creating simple standalone command line tools.
|
||||
I like the language for it's high performance when compared to python (due to the compiled nature
|
||||
of the language) though I currently tend to work less in this language as I find it less flexible
|
||||
for quickly prototyping my ideas. I plan on improving my skills in this language when I feel that
|
||||
one of my projects has reached a point where it would benefit from being converted to a compiled
|
||||
language.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="vim" class="showhide">
|
||||
<div class="heading">
|
||||
<h5>Vim</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
My editor of choice is Vim and have been using it for around a year. I feel the main advantage is
|
||||
that it is a widely available editor due to it's age and its exceptional ability to be adaptable
|
||||
to all different languages through customization. This allows me to develop in the same environment
|
||||
with modifications to create an IDE style workspace tailored to each task.If you are interested my
|
||||
Vim configurations can be found here.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="webdesign" class="showhide">
|
||||
<div class="heading">
|
||||
<h5>Web Design - HTML5, CSS and JavaScript</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
I recently became interested in coding a website as a side project to improve my skills in an area
|
||||
that I am much less familiar with. This has resulted in the website you are looking at now! I thought
|
||||
it would be beneficial to teach myself something not totally unrelated to my aspirations but enough
|
||||
to give me a different challenge to apply the new skills I have acquired over the past few years to.
|
||||
As a result I am now familiar with HTML5, CSS and understand the basics of JavaScript (though I feel
|
||||
this would not be difficult to build upon given my experience in Python).
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div id="music" class="infoBox">
|
||||
<h4>Music</h4>
|
||||
<div>
|
||||
<div class="infoBox showhide">
|
||||
<div class="heading">
|
||||
<h5>iTunes Rating App (Personal Project)</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
I have always enjoyed writing and playing music. As a child I was taught the Piano and continue to
|
||||
practice as a hobby in my spare time. Through studying Music Technology at university I have had the
|
||||
opportunity to expand on my understanding of Music and how computers and signal processing techniques
|
||||
can be applied creatively to design and manipulate sounds. I also have a good understanding of music
|
||||
recording techniques and industry standards for recording instruments in a music studio environment.
|
||||
Although I hope to progress primarily in a technical industry where logic is key, I feel the slightly
|
||||
less conventional path I have taken to reach my current position will provide me with a different
|
||||
perspective on tasks than that of a standard computer science graduate, for example.
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
|
||||
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
|
||||
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
|
||||
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
|
||||
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil
|
||||
imperdiet doming id quod mazim placerat facer possim assum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div id="motorbikes" class="infoBox">
|
||||
<h4>Motorbikes</h4>
|
||||
<div class="infoBox showhide">
|
||||
<div class="heading">
|
||||
<h5>Python/matlab filter module (3rd Year University Project)</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
|
||||
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
|
||||
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
|
||||
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
|
||||
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil
|
||||
imperdiet doming id quod mazim placerat facer possim assum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="infoBox showhide">
|
||||
<div class="heading">
|
||||
<h5>VSTi Synth (2nd Year University Project)</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
|
||||
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
|
||||
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
|
||||
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
|
||||
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil
|
||||
imperdiet doming id quod mazim placerat facer possim assum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="infoBox showhide">
|
||||
<div class="heading">
|
||||
<h5>VST Delay effect (2nd Year University Project)</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
|
||||
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
|
||||
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
|
||||
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
|
||||
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil
|
||||
imperdiet doming id quod mazim placerat facer possim assum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="infoBox showhide">
|
||||
<div class="heading">
|
||||
<h5>This Website</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
|
||||
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
|
||||
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
|
||||
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
|
||||
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil
|
||||
imperdiet doming id quod mazim placerat facer possim assum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article id="contactMe" class="anchor">
|
||||
<div class="infoBox">
|
||||
<div class="heading">
|
||||
<h2>Contact Me</h2>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
|
||||
@@ -180,154 +325,12 @@
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</article>
|
||||
|
||||
<article id="profExper" class="anchor">
|
||||
<div class="heading">
|
||||
<h2>Professional Experience</h2>
|
||||
</div>
|
||||
<p>Summary of professional experience </p>
|
||||
<div id="ircam" class="infoBox">
|
||||
<h4>IRCAM</h4>
|
||||
<div>
|
||||
<p>
|
||||
IRCAM has has been my first experience in a professional working environment. During my time there I gained an
|
||||
understanding of how teams work togeather to produce professional products and participated in the development
|
||||
of such products. My ability to write readable and stable code was important when contributing to projects and
|
||||
my knowlege of Unix, Git, VIM, Python, C++ etc... grew substantially during my time there. I also learnt how to
|
||||
work on a project alongside other member of the team and due to the wide variety of projects that I was tasked
|
||||
with improving, my ability to adapt to tasks where I did not have prior experience improved dramatically. An
|
||||
example of this could be when I was tasked with fixing a reveal.js prsentation. A simple task but in a language
|
||||
(or 3, HTML, CSS and JavaScript) that I had never used before. I think this ability to adapt to a given
|
||||
situation is important in a rapidly changing industry.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article id="portfolio" class="anchor">
|
||||
<h2>Portfolio</h2>
|
||||
<p>Summary of portfolio</p>
|
||||
<div class="infoBox showhide">
|
||||
<div class="heading">
|
||||
<h5>Audio descriptor framework (3rd Year University Project)</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
|
||||
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
|
||||
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
|
||||
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
|
||||
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil
|
||||
imperdiet doming id quod mazim placerat facer possim assum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="infoBox showhide">
|
||||
<div class="heading">
|
||||
<h5>iTunes Rating App (Personal Project)</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
|
||||
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
|
||||
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
|
||||
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
|
||||
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil
|
||||
imperdiet doming id quod mazim placerat facer possim assum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="infoBox showhide">
|
||||
<div class="heading">
|
||||
<h5>Python/matlab filter module (3rd Year University Project)</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
|
||||
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
|
||||
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
|
||||
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
|
||||
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil
|
||||
imperdiet doming id quod mazim placerat facer possim assum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="infoBox showhide">
|
||||
<div class="heading">
|
||||
<h5>VSTi Synth (2nd Year University Project)</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
|
||||
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
|
||||
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
|
||||
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
|
||||
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil
|
||||
imperdiet doming id quod mazim placerat facer possim assum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="infoBox showhide">
|
||||
<div class="heading">
|
||||
<h5>VST Delay effect (2nd Year University Project)</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
|
||||
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
|
||||
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
|
||||
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
|
||||
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil
|
||||
imperdiet doming id quod mazim placerat facer possim assum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="infoBox showhide">
|
||||
<div class="heading">
|
||||
<h5>This Website</h5>
|
||||
<span class="plusminus"><i class='fa fa-plus'></i></span>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
|
||||
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
|
||||
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
|
||||
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
|
||||
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil
|
||||
imperdiet doming id quod mazim placerat facer possim assum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article id="contactMe" class="anchor">
|
||||
<div class="infoBox">
|
||||
<div class="heading">
|
||||
<h2>Contact Me</h2>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
|
||||
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
|
||||
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
|
||||
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
|
||||
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil
|
||||
imperdiet doming id quod mazim placerat facer possim assum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<footer>
|
||||
<p><small>Copyright © Sam Perry</small></p>
|
||||
</footer>
|
||||
<footer>
|
||||
<p><small>Copyright © Sam Perry</small></p>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -27,6 +27,7 @@ article {
|
||||
}
|
||||
|
||||
header {
|
||||
position: relative;
|
||||
height: 30em;
|
||||
width: 80%;
|
||||
background-color: gray;
|
||||
@@ -48,13 +49,24 @@ footer {
|
||||
nav {
|
||||
position: fixed;
|
||||
width: 20%;
|
||||
min-height: 100%;
|
||||
min-height: 120%;
|
||||
right: 0;
|
||||
top: -20px;
|
||||
float: right;
|
||||
background-color: #6f5499;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.shadow{
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
min-height: 120%;
|
||||
right: 0;
|
||||
top: -20px;
|
||||
float: right;
|
||||
box-shadow: inset 5px 0px 25px 2px;
|
||||
}
|
||||
|
||||
header > h1 {
|
||||
@@ -76,12 +88,17 @@ nav > ul > li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
div#maincontent-container {
|
||||
width: 100%;
|
||||
box-shadow: -10px -5px 25px 20px white;
|
||||
z-index: 10;
|
||||
}
|
||||
div#maincontent {
|
||||
position: relative;
|
||||
width: 80%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
z-index: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
/*A bit of a hack to fix the jquery slide toggle*/
|
||||
@@ -163,7 +180,7 @@ div.infoBox > div > div > p {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
background: #8565B8;
|
||||
z-index: -1;
|
||||
z-index: -10;
|
||||
}
|
||||
|
||||
.circular {
|
||||
|
||||
Reference in New Issue
Block a user