restructure
@@ -1,10 +1,6 @@
|
|||||||
{
|
{
|
||||||
"hosting": {
|
"hosting": {
|
||||||
"public": "build",
|
"public": "www",
|
||||||
"ignore": [
|
"ignore": ["firebase.json", "**/.*", "**/node_modules/**"]
|
||||||
"firebase.json",
|
|
||||||
"**/.*",
|
|
||||||
"**/node_modules/**"
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,249 +1,249 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>Alba Rajanibala</title>
|
<title>Alba Rajanibala</title>
|
||||||
|
|
||||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-79359868-2"></script>
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-79359868-2"></script>
|
||||||
<script>
|
<script>
|
||||||
window.dataLayer = window.dataLayer || [];
|
window.dataLayer = window.dataLayer || [];
|
||||||
function gtag(){dataLayer.push(arguments);}
|
function gtag(){dataLayer.push(arguments);}
|
||||||
gtag('js', new Date());
|
gtag('js', new Date());
|
||||||
|
|
||||||
gtag('config', 'UA-79359868-2');
|
gtag('config', 'UA-79359868-2');
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
|
|
||||||
|
|
||||||
body {background: linear-gradient(36deg, #c2ca00, #d079d3, #dbff57);
|
body {background: linear-gradient(36deg, #c2ca00, #d079d3, #dbff57);
|
||||||
background-size: 600% 600%;
|
background-size: 600% 600%;
|
||||||
animation: AnimationName 8s ease infinite;
|
animation: AnimationName 8s ease infinite;
|
||||||
cursor: url('pointerb.png'), auto;
|
cursor: url('pointerb.png'), auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes AnimationName {
|
@keyframes AnimationName {
|
||||||
0%{background-position:0% 90%}
|
0%{background-position:0% 90%}
|
||||||
50%{background-position:100% 5%}
|
50%{background-position:100% 5%}
|
||||||
100%{background-position:0% 90%}
|
100%{background-position:0% 90%}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#section-a, #section-b, #section-c {
|
#section-a, #section-b, #section-c {
|
||||||
display:flex;
|
display:flex;
|
||||||
align-content: flex-start;
|
align-content: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#my-name {
|
#my-name {
|
||||||
width: 800px;
|
width: 800px;
|
||||||
padding-top: 120px;
|
padding-top: 120px;
|
||||||
padding-left: 300px;
|
padding-left: 300px;
|
||||||
padding-bottom: 80px;
|
padding-bottom: 80px;
|
||||||
font-family: Georgia;
|
font-family: Georgia;
|
||||||
font-size: 90px;
|
font-size: 90px;
|
||||||
font-kerning: auto;
|
font-kerning: auto;
|
||||||
line-height:1.2;
|
line-height:1.2;
|
||||||
letter-spacing: 3px
|
letter-spacing: 3px
|
||||||
}
|
}
|
||||||
|
|
||||||
#my-photo {
|
#my-photo {
|
||||||
flex:1;
|
flex:1;
|
||||||
padding-right: 300px;
|
padding-right: 300px;
|
||||||
padding-left: 300px;
|
padding-left: 300px;
|
||||||
padding-top:100px;
|
padding-top:100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width:300px;
|
width:300px;
|
||||||
height:300px;
|
height:300px;
|
||||||
object-fit:cover;
|
object-fit:cover;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#section-title {
|
#section-title {
|
||||||
font-family:"Glacial Indifference";
|
font-family:"Glacial Indifference";
|
||||||
font-size:13px;
|
font-size:13px;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
padding-left: 300px;
|
padding-left: 300px;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#highlight{
|
#highlight{
|
||||||
background-color:black;
|
background-color:black;
|
||||||
color:white;
|
color:white;
|
||||||
width:fit-content;
|
width:fit-content;
|
||||||
height:16px;
|
height:16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#my-skills {
|
#my-skills {
|
||||||
padding-left: 300px;
|
padding-left: 300px;
|
||||||
width:fit-content;
|
width:fit-content;
|
||||||
font-family: Lora;
|
font-family: Lora;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
line-height: 2.5;
|
line-height: 2.5;
|
||||||
letter-spacing: 4px;
|
letter-spacing: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#my-name:hover {
|
#my-name:hover {
|
||||||
color:whitesmoke;
|
color:whitesmoke;
|
||||||
font-family:"Helvetica";
|
font-family:"Helvetica";
|
||||||
cursor: url('pointerb.png'), auto;
|
cursor: url('pointerb.png'), auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#hilit:hover {
|
#hilit:hover {
|
||||||
font-family:"Helvetica";
|
font-family:"Helvetica";
|
||||||
color:white;
|
color:white;
|
||||||
cursor: url('pointerb.png'), auto;
|
cursor: url('pointerb.png'), auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#my-links {
|
#my-links {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
padding-left: 300px;
|
padding-left: 300px;
|
||||||
padding-top:20px;
|
padding-top:20px;
|
||||||
font-family: Lora;
|
font-family: Lora;
|
||||||
font-size:20px;
|
font-size:20px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
line-height: 2.5;
|
line-height: 2.5;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
color:black;
|
color:black;
|
||||||
letter-spacing: 2px;
|
letter-spacing: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color:black;
|
color:black;
|
||||||
cursor: url('pointerb.png'), auto;
|
cursor: url('pointerb.png'), auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#designotw {
|
#designotw {
|
||||||
align-content: flex-start;
|
align-content: flex-start;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#my-extras {
|
#my-extras {
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
padding-left:58px;
|
padding-left:58px;
|
||||||
font-family: Lora;
|
font-family: Lora;
|
||||||
font-size:20px;
|
font-size:20px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
line-height: 2.5;
|
line-height: 2.5;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
color:black;
|
color:black;
|
||||||
letter-spacing: 2px;
|
letter-spacing: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#footer {
|
#footer {
|
||||||
flex:1;
|
flex:1;
|
||||||
width: 400px;
|
width: 400px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding-top:137px;
|
padding-top:137px;
|
||||||
padding-right: 300px;
|
padding-right: 300px;
|
||||||
font-family:"lora";
|
font-family:"lora";
|
||||||
font-size:15px;
|
font-size:15px;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
letter-spacing: 2px;
|
letter-spacing: 2px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div id="section-a">
|
<div id="section-a">
|
||||||
|
|
||||||
<div class="title-tag" id="my-name">
|
<div class="title-tag" id="my-name">
|
||||||
Alba <br>
|
Alba <br>
|
||||||
Rajanibala <br>
|
Rajanibala <br>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="my-photo">
|
<div id="my-photo">
|
||||||
|
|
||||||
<img src="my-photo.jpg" alt="Alba Rajanibala" height="350", width="350">
|
<img src="my-photo.jpg" alt="Alba Rajanibala" height="350", width="350">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="section-title"> <div id="highlight">
|
<div id="section-title"> <div id="highlight">
|
||||||
ASK ME ABOUT
|
ASK ME ABOUT
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
<div id="my-skills">
|
<div id="my-skills">
|
||||||
|
|
||||||
<a href="https://linkedin.com/in/albarajanibala" target="_blank">
|
<a href="https://linkedin.com/in/albarajanibala" target="_blank">
|
||||||
<div id="hilit">
|
<div id="hilit">
|
||||||
strategy consulting <br>
|
strategy consulting <br>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div id="hilit">
|
<div id="hilit">
|
||||||
information design <br/>
|
information design <br/>
|
||||||
</div>
|
</div>
|
||||||
<div id="hilit">
|
<div id="hilit">
|
||||||
customs by alba <br/> <br>
|
customs by alba <br/> <br>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div id="section-b">
|
<div id="section-b">
|
||||||
|
|
||||||
<div id="section-title"> <div id="highlight">
|
<div id="section-title"> <div id="highlight">
|
||||||
MORE
|
MORE
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
|
|
||||||
<div id="section-title">
|
<div id="section-title">
|
||||||
<div id="designotw">
|
<div id="designotw">
|
||||||
<div id="highlight">
|
<div id="highlight">
|
||||||
DESIGN OF THE WEEK
|
DESIGN OF THE WEEK
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="section-c">
|
<div id="section-c">
|
||||||
<div id="my-links">
|
<div id="my-links">
|
||||||
<a href="Alba Rajanibala Resume.pdf" target="_blank">
|
<a href="Alba Rajanibala Resume.pdf" target="_blank">
|
||||||
<div id="hilit">
|
<div id="hilit">
|
||||||
resume
|
resume
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div id="hilit">
|
<div id="hilit">
|
||||||
portfolio
|
portfolio
|
||||||
</div>
|
</div>
|
||||||
<div id="hilit">
|
<div id="hilit">
|
||||||
customs
|
customs
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div id="my-extras">
|
<div id="my-extras">
|
||||||
<div id="hilit">
|
<div id="hilit">
|
||||||
<a href="https://xkcd.com/832/" target="_blank"></a>
|
<a href="https://xkcd.com/832/" target="_blank"></a>
|
||||||
week of may 31
|
week of may 31
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div id="hilit">
|
<div id="hilit">
|
||||||
<a href="https://www.davidrumsey.com/luna/servlet/detail/RUMSEY~8~1~200375~3001080?" target="_blank">
|
<a href="https://www.davidrumsey.com/luna/servlet/detail/RUMSEY~8~1~200375~3001080?" target="_blank">
|
||||||
week of may 24
|
week of may 24
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div id="hilit">
|
<div id="hilit">
|
||||||
<a href="https://www.instagram.com/p/B92bg5ClPNf/" target="_blank">
|
<a href="https://www.instagram.com/p/B92bg5ClPNf/" target="_blank">
|
||||||
week of may 17
|
week of may 17
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer">
|
<div id="footer">
|
||||||
designed & developed by alba rajanibala
|
designed & developed by alba rajanibala
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
Before Width: | Height: | Size: 68 KiB After Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 104 KiB After Width: | Height: | Size: 104 KiB |
|
Before Width: | Height: | Size: 3.9 MiB After Width: | Height: | Size: 3.9 MiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.6 KiB |