Skip to content

Commit

Permalink
Update files at 2023-12-01 18:56:16
Browse files Browse the repository at this point in the history
  • Loading branch information
Anthony Polloreno authored and Anthony Polloreno committed Dec 2, 2023
1 parent 7b15d53 commit 524e41a
Show file tree
Hide file tree
Showing 9 changed files with 8,223 additions and 6 deletions.
7,898 changes: 7,898 additions & 0 deletions Webpost3.html

Large diffs are not rendered by default.

3 changes: 2 additions & 1 deletion engineering.html
Original file line number Diff line number Diff line change
Expand Up @@ -223,7 +223,8 @@ <h2>Research Engineer</h2>
<a href="papers.html">Papers</a> |
<a href="resume.pdf">Resume</a>|
<a href="reservoirs.html">Reservoir Computing I</a> |
<a href="reservoirs2.html">Reservoir Computing II</a>
<a href="reservoirs2.html">Reservoir Computing II</a> |
<a href="reservoirs3.html">Reservoir Computing III</a>
</div>

<div class="intro">
Expand Down
3 changes: 2 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -223,7 +223,8 @@ <h2>Research Engineer</h2>
<a href="papers.html">Papers</a> |
<a href="resume.pdf">Resume</a>|
<a href="reservoirs.html">Reservoir Computing I</a> |
<a href="reservoirs2.html">Reservoir Computing II</a>
<a href="reservoirs2.html">Reservoir Computing II</a>|
<a href="reservoirs3.html">Reservoir Computing III</a>
</div>

<div class="section">
Expand Down
3 changes: 2 additions & 1 deletion papers.html
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,8 @@ <h2>Research Engineer</h2>
<a href="papers.html">Papers</a> |
<a href="resume.pdf">Resume</a>|
<a href="reservoirs.html">Reservoir Computing I</a> |
<a href="reservoirs2.html">Reservoir Computing II</a>
<a href="reservoirs2.html">Reservoir Computing II</a>|
<a href="reservoirs3.html">Reservoir Computing III</a>
</div>

<div class="container" id="papersContainer">
Expand Down
3 changes: 2 additions & 1 deletion research.html
Original file line number Diff line number Diff line change
Expand Up @@ -223,7 +223,8 @@ <h2>Research Engineer</h2>
<a href="papers.html">Papers</a> |
<a href="resume.pdf">Resume</a>|
<a href="reservoirs.html">Reservoir Computing I</a> |
<a href="reservoirs2.html">Reservoir Computing II</a>
<a href="reservoirs2.html">Reservoir Computing II</a>|
<a href="reservoirs3.html">Reservoir Computing III</a>
</div>
<body>
<div class="section">
Expand Down
3 changes: 2 additions & 1 deletion reservoirs.html
Original file line number Diff line number Diff line change
Expand Up @@ -282,7 +282,8 @@ <h2>Research Engineer</h2>
<a href="papers.html">Papers</a> |
<a href="resume.pdf">Resume</a>|
<a href="reservoirs.html">Reservoir Computing I</a> |
<a href="reservoirs2.html">Reservoir Computing II</a>
<a href="reservoirs2.html">Reservoir Computing II</a>|
<a href="reservoirs3.html">Reservoir Computing III</a>
</div>

<div class="content" id="blogPost">
Expand Down
3 changes: 2 additions & 1 deletion reservoirs2.html
Original file line number Diff line number Diff line change
Expand Up @@ -282,7 +282,8 @@ <h2>Research Engineer</h2>
<a href="papers.html">Papers</a> |
<a href="resume.pdf">Resume</a>|
<a href="reservoirs.html">Reservoir Computing I</a> |
<a href="reservoirs2.html">Reservoir Computing II</a>
<a href="reservoirs2.html">Reservoir Computing II</a>|
<a href="reservoirs3.html">Reservoir Computing III</a>
</div>

<div class="content" id="blogPost">
Expand Down
313 changes: 313 additions & 0 deletions reservoirs3.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,313 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reservoir Computing</title>
<style>

body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}

.header {
text-align: center;
padding: 20px;
}

.header img {
width: 200px;
height: 200px;
border-radius: 50%;
}

.header h1 {
margin-top: 10px;
margin-bottom: 0;
}

.header p {
margin-top: 0;
}

.nav {
text-align: center;
background-color: #333;
padding: 10px;
}

.nav a {
color: #fff;
text-decoration: none;
padding: 0 10px;
}

.nav a:hover {
text-decoration: underline;
}

.content {
padding: 20px;
}
.content {
padding: 20px;
background-color: #ffffff; /* this is the color white */
}
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}

.section {
display: flex;
align-items: center;
justify-content: space-around;
margin: 30px auto;
padding: 40px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
width: 90%;
max-width: 1200px;
}

.section .img1 {
width: 100px;
height: 150px;
}

.section .img2 {
width: 450px;
height: 200px;
}

.section .img3 {
width: 500px;
height: 300px;
}
.section .img4 {
width: 100px;
height: 100px;
}
.section div {
margin-left: 40px;
width: 70%;
}

.section:nth-child(odd) div {
margin-right: 40px;
margin-left: 0;
}

.section:nth-child(odd) {
flex-direction: row-reverse;
}
.intro {
display: flex;
/*align-items: center;*/
/*justify-content: center;*/
margin: 30px auto;
padding: 30px;
background-color: #333;
color: #fff;
border-radius: 5px;
width: 90%;
max-width: 1200px;
/*text-align: center;*/
}

.intro a {
color: #FFD700; /* Change the color of links */
text-decoration: none; /* Remove the underline */
padding: 0px; /* Add some space around the links */
}

.intro a:hover {
color: #fff; /* Change the color when hovered */
text-decoration: underline; /* Underline when hovered */
}
.intro a:first-child {
padding-left: 0;
padding-right: 0;
}
/* CSS for Screen Width up to 600px (Mobile) */
@media only screen and (max-width: 600px) {

.header img {
width: 100px;
height: 100px;
}

.section {
flex-direction: column;
align-items: center;
padding: 20px;
width: 100%;
}

.section .img1, .section .img2, .section .img3, .section .img4 {
width: 100px;
height: auto;
}

.section div {
margin-left: 0;
margin-right: 0;
}

.intro {
flex-direction: column;
align-items: center;
padding: 20px;
width: 100%;
}
}

/* CSS for Screen Width up to 600px (Mobile) */
@media only screen and (max-width: 600px) {

.header img {
width: 100px;
height: 100px;
}

.section {
flex-direction: column;
align-items: center;
padding: 20px;
width: 100%;
}

.section .img1, .section .img2, .section .img3 {
width: 100px;
height: auto;
}

.section div {
margin-left: 0;
margin-right: 0;
}

.intro {
flex-direction: column;
align-items: center;
padding: 20px;
width: 100%;
}
}
.section .img1, .section .img2, .section .img3, .section .img4 {
width: 40%;
height: auto;
}
h1, h2, h4, h5, h6 {
text-align: center;
}

.image-background .esnimg {
background-color: #000;
display: flex;
justify-content: center;
align-items: center;
padding: 0px;
margin: auto;
}

.image-background .esnimg {
max-width: 50%;
height: auto;
}

/* Add styles for the .content paragraph */
.content p {
max-width: 800px;
margin: auto;
padding: 15px;
background-color: rgba(0,0,0,5%);
border-radius: 3px;
}

.content article {
max-width: 900px;
margin: auto;
}
/* Add this code */
.content {
max-width: 1000px;
margin: 0 auto;
}

.content p {
background-color: #f2f2f2; /* Pale gray */
padding: 15px;
border-radius: 5px;
}
.content .paragraph {
background-color: #f2f2f2; /* Pale gray */
padding: 15px;
border-radius: 5px;
margin-bottom: 15px; /* gives some space between paragraphs */
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

.content .paragraph p {
margin: 0;
}

</style>
<link rel="stylesheet" href="style.css">
</head>
<body>

<div class="header">
<img src="portrait.jpg" alt="Your headshot">
<h1>Anthony Polloreno, Ph.D.</h1>
<h2>Research Engineer</h2>
</div>

<div class="nav">
<a href="index.html">Home</a> |
<a href="research.html">Research</a> |
<a href="engineering.html"> Engineering </a> |
<a href="https://twitter.com/ampolloreno">Twitter</a> |
<a href="https://www.linkedin.com/in/ampolloreno/">LinkedIn</a> |
<a href="https://github.com/ampolloreno">GitHub</a> |
<a href="papers.html">Papers</a> |
<a href="resume.pdf">Resume</a>|
<a href="reservoirs.html">Reservoir Computing I</a> |
<a href="reservoirs2.html">Reservoir Computing II</a>|
<a href="reservoirs3.html">Reservoir Computing III</a>
</div>

<div class="content" id="blogPost">

<article>
<h1>The Impact of Noise on Recurrent Neural Networks II</h1>
<div class="paragraph">
<p> We are finally set to analyze the impacts of noise on our particular model of recurrent computation - reservoir computing
with Echo State Networks. In the previous post, we implemented an extremely simple noise model by simply adding Gaussian
noise to each element of the output signal from the reservoir. In principle, the dynamics of a system will have more
complicated noise based on the details of the computation being done, but in our case using such a simple model will
let us explore intuitively why we should expect a substantial degradation in performance in the first place. Let's dive in!
</p>
</div>
<iframe src="Webpost3.html" style="height:9900px; width:100%; border:none;" ></iframe>
<div class="paragraph">
<section style="text-align: center;">
<h3>Acknowledgements</h3>
<p>A special thanks to <a href="https://ohaithe.re/">Alex Meiburg</a>, <a href="https://andremelo.org/">André Melo</a> and <a href="https://chromotopy.org/">Eric Peterson</a> for feedback on this post!</p>
</section>
</article>

</div>


</body>
</html>
Binary file modified resume.pdf
Binary file not shown.

0 comments on commit 524e41a

Please sign in to comment.