Skip to content

Commit

Permalink
manu changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@NariSake
NariSake committed Oct 1, 2024
1 parent dcf5396 commit 85ddbbe
Show file tree
Hide file tree
Showing 2 changed files with 114 additions and 19 deletions.
59 changes: 40 additions & 19 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -126,20 +126,6 @@ <h1>I'm Andressa Kanashiro</h1>
<img src="rafael.png" alt="Portfolio project">
</div>

<div class="container6">
<div style="display: flex; gap:16px;">
<!-- Behance Button -->
<a href="https://www.behance.net/andkanashiro" class="button behance-btn" target="_blank">
Behance <span class="arrow">→</span>
</a>

<!-- Dribbble Button -->
<a href="https://dribbble.com/AndKanashiro" class="button dribbble-btn" target="_blank">
Dribbble <span class="arrow">→</span>
</a>
</div>
</div>

</div>
</div>

Expand All @@ -152,7 +138,7 @@ <h1>Work</h1>
</div>
<div>
<div class="container3">
<h3>2024 · Futuur</h3>
<h3>2024 · Futuur</a></h3>
<h4>Product Designer & strategy</h4>
<div class="container4">
<p>
Expand All @@ -167,7 +153,7 @@ <h4>Product Designer & strategy</h4>
</div>

<div class="container3">
<h3>2023 - 2024 · Zé Delivery - Ab-Inbev</h3>
<h3>2023 - 2024 · Zé Delivery - Ab-Inbev</a></h3>
<h4>Sr. Product Designer</h4>
<div class="container4">
<p>
Expand All @@ -179,7 +165,7 @@ <h4>Sr. Product Designer</h4>
</div>

<div class="container3">
<h3>2021 - 2023 · Loft</h3>
<h3>2021 - 2023 · Loft</a></a></h3>
<h4>Product Designer</h4>
<div class="container4">
<p>
Expand Down Expand Up @@ -230,15 +216,50 @@ <h1 style="color: #1e1e1e; font-size: 56px;">


<div class="container7">
<div class="magic-text">Do you believe in love at first sight?</div>
<div class="magic-text"> <a href="#contact" style="text-decoration: none; color: #000;">Do you believe in love at first sight?</a></div>
</div>

<div class="container7">
<section id="contact">
<h1>I don't, that's why we need to get to know each other! <br>
Let's grab a coffee </h1>
<p>[email protected]</p>
<p>[email protected] (not opened for new roles for now) </p>
</section>
</div>

<div class="container7" style="background-color: #fff;">
<p>OFF topic</p>
<h3 style="color: #1e1e1e; font-weight: bold;">My latest reading recommendations (updated in Oct 01, 2024)</h3>

<div class="container">
<div class="news-grid">
<div class="main-news">
<span class="category">Article</span>
<h2 style="text-align: left; font-size: 32px;"><a href="https://jakobnielsenphd.substack.com/p/ai-loneliness" target="_blank"> Studies suggests AI companions can reduce loneliness </a></h2>
<br>
<p style="font-size: 18px; color: #1e1e1e;">We know loneliness offers health risks and it's dangerous specially for <a href="https://www.theguardian.com/global-development/2023/nov/16/who-declares-loneliness-a-global-public-health-concern"> older citizens</a>. I believe AI companions may change this scenario, as the same time it'll create other type of loneliness. </p>
<br>
<img src="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbe7b62a2-1a42-4c9a-9dda-5175c1b73459_1280x717.jpeg" alt="Image from Jakob Nielsen substack" style="max-width: 500px;">
</div>

<div class="side-news">
<div class="news-item">
<img src="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6d2ad63e-a58b-4d91-9353-87d170ac99be_1456x1048.png" alt="Image from Polymarket's substack" style="max-width: 300px;">
<h3 style="color: #1e1e1e; font-weight: 600;"><a href="https://substack.com/@polymarket/p-148807499" target="_blank"> Prediction market movements right after Kamala x Trump debate</a></h3>
<p style="color: #1e1e1e; font-size: 18px;">It's really interesting to see how prediction markets moves fast and actually reflect elections polls.</p>
</div>

<div class="news-item">
<h3 style="color: #1e1e1e; font-weight: 600;"><a href="https://abtest.design/" target="_blank"> Mobbin lauches a curated A/B test results</a></h3>
<p style="color: #1e1e1e; font-size: 18px;">It's amazing that they sorted by user journey. It's definately worth watching it.</p>
</div>

</div>
</div>
</div>
</div>
</body>
</html>

</body>

Expand Down
74 changes: 74 additions & 0 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -357,4 +357,78 @@
opacity: 0.8;
}

<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f5;
margin: 0;
padding: 20px;
}
.container {
max-width: 1200px;
margin: 40px 0px;
background-color: white;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
overflow: hidden;
}
.header {
background-color: #f8f8ff;
padding: 20px;
border-bottom: 1px solid #e0e0e0;
}
.header h1 {
margin: 0;
font-size: 24px;
color: #333;
}
.news-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 20px;
padding: 20px;
}
@media screen and (max-width: 768px) {
.news-grid{
grid-template-columns: 1fr;
}
}

.main-news {
background-color: #f0f0ff;
padding: 20px;
border-radius: 10px;
}
.main-news h2 {
margin-top: 0;
font-size: 20px;
color: #333;
}
.main-news .category {
display: inline-block;
background-color: #e0e0ff;
padding: 5px 10px;
border-radius: 15px;
font-size: 12px;
margin-bottom: 10px;
}
.side-news {
display: flex;
flex-direction: column;
gap: 15px;
}
.news-item {
background-color: white;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.news-item h3 {
margin: 0 0 10px 0;
font-size: 16px;
}
.news-item p {
margin: 0;
font-size: 14px;
color: #666;
}

0 comments on commit 85ddbbe

Please sign in to comment.