ayushya/albarajanibala
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

backup

Browse Source
This commit is contained in:
Ayushya Amitabh
2024-02-10 18:54:47 -05:00
commit 387ddd3a55
24 changed files with 173415 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Alba Rajanibala Resume.pdf
BIN
View File
Binary file not shown.
Chrome WatchParty - Summary by Alba.pdf
+55195
View File
File diff suppressed because one or more lines are too long
Coloring Pages by Alba Rajanibala.pdf
+31183
View File
File diff suppressed because one or more lines are too long
Coloring Photos by Alba Rajanibala.pdf
+61735
View File
File diff suppressed because one or more lines are too long
Gandhi's Vision by Alba Rajanibala.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 MiB

ar1.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

art.html
+100
View File
@@ -0,0 +1,100 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>alba's art</title>
<link rel="shortcut icon" href="tabicon.png" type="image/x-icon"/>
<link rel="stylesheet" href="skills.css"/>
</head>
<body>
<a href="index.html">
<h2 id="home">
◄ HOME
</h2>
</a>
<div id="my-name">
<h1>
art <br>
& customs
</h1>
<!-- <a href="index.html">
<img src="ar1.jpg" alt="Alba Rajanibala" id="my-photo">
</a> -->
</div>
<ul id="my-skills">
<h2> WHAT I DO </h2>
<li>
<a href="https://madhubani.nic.in/handicraft/">
madhubani
</a>
</li>
<li>
<a href="https://blog.123rf.com/history-print-design/">
print design
</a>
</li>
<li>
<a href="http://suswanachowdhury.com/capsule/">
commisioned work
</a>
</li>
</ul>
<div id="linkture">
<ul id="my-features">
<!-- <h2>
HOW I DO IT </h2>
<li>
Illustrator </li>
<li>
InDesign
</li>
<li>
Acrylic Painting
</li>
</ul>
<ul id="my-links"> -->
<h2> EXPLORE </h2>
<li>
<a href="Coloring&#32;Pages&#32;by&#32;Alba&#32;Rajanibala.pdf" target="_blank" alt="Coloring Sheets by Alba Rajanibala">
<img src="coloring.png" alt="Coloring Sheets by Alba Rajanibala" id="madhu" height="165px">
</a>
<a href="sitar.jpg" target="_blank" alt="Sitar by Alba Rajanibala">
<img src="sitar.jpg" alt="Sitar by Alba Rajanibala" id="sitar" height="165px">
</a>
<a href="charity2.pdf" target="_blank" alt="Shakti by Alba Rajanibala">
<img src="charity.jpg" alt="Shakti by Alba Rajanibala" id="charity" height="165px">
</a>
</li>
</ul>
<footer>
designed and developed by alba rajanibala
</footer>
</div>
</body>
</html>
balcony-by-alba-rajanibala-02.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 MiB

charity.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

charity2.pdf
+24478
View File
File diff suppressed because one or more lines are too long
coloring.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

consulting.html
+96
View File
@@ -0,0 +1,96 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>alba's work</title>
<link rel="shortcut icon" href="tabicon.png" type="image/x-icon"/>
<link rel="stylesheet" href="skills.css"/>
</head>
<body>
<a href="index.html">
<h2 id="home">
◄ HOME
</h2>
</a>
<div id="my-name">
<h1>
strategy <br>
& consulting
</h1>
</div>
<ul id="my-skills">
<h2> WORKED AT </h2>
<li>
<a href="https://www.razorfish.com/" alt="Razorfish Publicis Groupe" target="_blank">
razorfish @ Publicis
</a>
</li>
<li>
<a href="https://www.mccannny.com/" alt="McCann New York" target="_blank">
McCann New York @ IPG
</a>
</li>
<li>
<a href="https://www.groupsjr.com" alt="Group SJR" target="_blank">
Group SJR @ WPP
</a>
</li>
</ul>
<div id="linkture">
<ul id="my-features">
<h2>
WHAT I DO </h2>
<li>
analytics & reporting </li>
<li>
go-to-market strategy
</li>
<li>
product & .com strategy
</li>
</ul>
<ul id="my-links">
<h2> EXPLORE </h2>
<li>
<a href="http://linkedin.com/in/albarajanibala" alt="Alba's LinkedIn" target="_blank">
<img src="mylinkedin.png" alt="Alba's LinkedIn" id="madhu" height="165px">
</a>
<a href="Alba&#32;Rajanibala&#32;Resume.pdf" alt="Alba's Resume" target="_blank">
<img src="myresume.png" alt="Alba's Resume" id="sitar" height="165px">
</a>
<a href="mailto:alba.rajanibalaa@gmail.com" target="_blank">
<img src="myemail.png" alt="Email Alba" id="charity" height="165px">
</a>
</li>
</ul>
<footer>
designed and developed by alba rajanibala
</footer>
</div>
</body>
</html>
cwp.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

index.css
+238
View File
@@ -0,0 +1,238 @@
@keyframes AnimationName {
0%{background-position:0% 90%}
50%{background-position:100% 5%}
100%{background-position:0% 90%}
}
@font-face {
font-family: Playfair Display;
src: url(https://albarajanibala-a9cb6.web.app/PlayfairDisplay-Regular.otf);
}
div {
font-family: myFirstFont;
}
* {
margin: 0;
padding: 0;
}
body {
background: linear-gradient(45deg, black, #444444);
background-size: 100% 600%;
animation: AnimationName 8s ease infinite;
/* background-color:black; */
cursor: url("sparkle.png"), auto;
height: 100vh;
padding:6rem;
}
#my-name {
display: flex;
flex-direction: column-reverse;
}
#my-photo {
width:250px;
height:250px;
border-radius: 50%;
}
#my-photo:hover {
opacity: 100;
transition: all 0.2s ease-in-out;
transform: scale(1.2);
}
#linkture{
display: flex;
flex-direction: column;
}
h1 {
font-family:Playfair Display, Georgia;
font-size:200px;
letter-spacing: 1px;
font-weight: 100;
margin-top: 6rem;
margin-bottom: 6rem;
color:rgb(112, 111, 111);
}
ul {
list-style:none;
padding:0;
line-height: 2;
font-family:Lora, Georgia;
font-size: 60px;
}
li {
font-family:'Lora', Georgia;
letter-spacing: .25rem;
line-height:2.5;
color:rgb(112, 111, 111);
}
a {
text-decoration: none;
cursor: url("sparkle2.png"), auto;
color:rgb(112, 111, 111);
}
h2 a {
color:black;
}
footer {
padding-top: 5rem;
padding-bottom: 10rem;
padding-right: 5rem;
font-family:'lora';
font-style: italic;
font-size: 20px;
font-weight: bold;
color:rgb(112, 111, 111);
}
h2 {
margin-top:3rem;
margin-bottom: 3rem;
width: fit-content;
font-family:'Glacial Indifference', HELVETICA;
font-weight: bold;
font-size: 35px;
background-color:rgb(94, 92, 92);
color:balck;
line-height: initial;
padding:.5rem;
white-space: nowrap;
letter-spacing: 2px;
}
#home:hover{
background-color:white;
}
@media only screen and (min-width:1440px) {
/* POSITIONING */
* {
margin: 0;
padding: 0;
}
body {
height: calc(100vh - 8rem);
padding:8rem 16rem;
padding-bottom: 0;
}
#my-name, #linkture, footer {
flex-direction: row;
margin:0;
}
#my-name h1, #my-links, #my-features {
flex:1;
}
#linkture {
margin-top: 3rem;
align-items: flex-end;
}
#my-photo {
width: 310px;
height:310px;
}
h1 a {
cursor: url("sparkle2.png"), auto;
}
li a:hover {
color:#d9e021;
font-style: italic;
}
#my-photo:hover {
opacity: 100;
transition: all 0.2s ease-in-out;
transform: scale(1.2);
}
/* FONT FORMAT */
h1 {
font-size:200px;
margin:0;
padding:0;
margin-block-end:0;
line-height: 1;
letter-spacing: .2rem;
font-style: PlayfairDisplay;
}
h2 {
margin:0;
letter-spacing:2px;
font-size:12px;
padding:3px;
background-color:rgb(134, 134, 134);
color:balck;
}
#my-skills li {
font-size: 24px;
margin-top: .8rem;
font-style: none;
}
#my-links li {
font-size: 24px;
margin-top:1rem;
position:top;
}
#my-features li {
font-size: 24px;
margin-top:1rem;
}
footer {
font-family:'lora', georgia;
font-style: italic;
font-size: 11px;
font-weight: bold;
padding: 0;
text-align: justify;
margin-bottom: 1rem;
color: white;
letter-spacing: .1rem;
}
footer:hover {
color:#d9e021;
cursor: url("sparkle2.png"), auto;
}
#home h2:hover{
background-color:white;
}
img#madhu:hover, img#sitar:hover, img#charity:hover {
opacity: 100;
transition: all 0.2s ease-in-out;
transform: scale(1.1);
cursor: url("sparkle2.png"), auto;
}
h2 a {
color:black;
}
}
index.html
+72
View File
@@ -0,0 +1,72 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>alba r.</title>
<link rel="shortcut icon" href="tabicon.png" type="image/x-icon"/>
<link rel="stylesheet" href="index.css"/>
</head>
<body>
<div id="my-name">
<h1>
alba r. <br>
</h1>
<a href="index.html">
<img src="ar1.jpg" alt="Alba Rajanibala" id="my-photo">
</a>
</div>
<ul id="my-skills">
<h2> HELLO </h2>
<li>
thanks for visiting. <br>
<br>
<br>
</li>
</ul>
<div id="linkture">
<ul id="my-features">
<h2>
HERE'S WHAT I DO
</h2>
<li id="sc">
<a href="consulting.html">
strategy & consulting
</a> </li>
<li id="id">
<a href="art.html">
art & customs
</a></li>
<li id="ca">
<a href="otherthings.html">
& some other things
</a>
</li>
</ul>
<footer>
designed and developed by alba rajanibala
</footer>
</div>
</body>
</html>
myemail.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 103 KiB

mylinkedin.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 136 KiB

myresume.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 340 KiB

otherthings.html
+82
View File
@@ -0,0 +1,82 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>about alba</title>
<link rel="shortcut icon" href="tabicon.png" type="image/x-icon"/>
<link rel="stylesheet" href="skills.css"/>
</head>
<body>
<a href="index.html">
<h2 id="home">
◄ HOME
</h2>
</a>
<div id="my-name">
<h1>
& some <br>
other things
</h1>
<!-- <a href="index.html">
<img src="ar1.jpg" alt="Alba Rajanibala" id="my-photo">
</a> -->
</div>
<ul id="my-skills">
<h2> WORKING ON </h2>
<li>
<a href="Gandhi's&#32;Vision&#32;by&#32;Alba&#32;Rajanibala.jpg" alt="Gandhi by Alba Rajanibala" target="_blank">
information design
</a>
</li>
<li>
<a href="Chrome&#32;WatchParty&#32;-&#32;Summary&#32;by&#32;Alba.pdf" alt="Chrome WatchParty" target="_blank">
chrome watchparty
</a>
</li>
<li>
<a href="Coloring&#32;Photos&#32;by&#32;Alba&#32;Rajanibala.pdf" alt="Photographs by Alba RajanibalaR" target="_blank">
recoloring photos
</a>
</li>
</ul>
<div id="linkture">
<ul id="my-features">
<h2> EXPLORE </h2>
<li>
<a href="Gandhi's&#32;Vision&#32;by&#32;Alba&#32;Rajanibala.jpg" alt="Gandhi by Alba Rajanibala" target="_blank">
<img src="Gandhi's&#32;Vision&#32;by&#32;Alba&#32;Rajanibala.jpg" alt="Gandhi's Vision by Alba Rajanibala" id="madhu" height="165px">
</a>
<a href="http://chromewatchparty.com" alt="Chrome Watch Party" target="_blank">
<img src="cwp.png" alt="Chrome WatchParty" id="sitar" height="165px">
</a>
<a href="Coloring&#32;Photos&#32;by&#32;Alba&#32;Rajanibala.pdf" alt="Coloring Photos by Alba Rajanibala" target="_blank">
<img src="balcony-by-alba-rajanibala-02.jpg" alt="Balcony by Alba Rajanibala" id="charity" height="165px">
</a>
</li>
</ul>
<footer>
designed and developed by alba rajanibala
</footer>
</div>
</body>
</html>
sitar.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 820 KiB

skills.css
+236
View File
@@ -0,0 +1,236 @@
@keyframes AnimationName {
0%{background-position:0% 90%}
50%{background-position:100% 5%}
100%{background-position:0% 90%}
}
@font-face {
font-family: Playfair Display;
src: url(https://albarajanibala-a9cb6.web.app/PlayfairDisplay-Regular.otf);
}
div {
font-family: myFirstFont;
}
* {
margin: 0;
padding: 0;
}
body {
background: linear-gradient(45deg, black, #444444);
background-size: 100% 600%;
animation: AnimationName 8s ease infinite;
cursor: url("sparkle.png"), auto;
height: 100vh;
padding:6rem;
}
#my-name {
display: flex;
flex-direction: column-reverse;
}
#my-photo {
width:250px;
height:250px;
border-radius: 50%;
}
#my-photo:hover {
opacity: 100;
transition: all 0.2s ease-in-out;
transform: scale(1.2);
}
#linkture{
display: flex;
flex-direction: column;
}
h1 {
font-family:Playfair Display, Georgia;
font-size:100px;
font-weight: 100;
margin-top: 6rem;
margin-bottom: 6rem;
color:rgb(112, 111, 111);
}
ul {
list-style:none;
padding:0;
line-height: 2;
font-family: lora, Georgia;
font-size: 60px;
}
li {
font-family:'Lora', Georgia;
letter-spacing: .25rem;
line-height:2.5;
color:rgb(112, 111, 111);
}
a {
text-decoration: none;
cursor: url("sparkle2.png"), auto;
color:rgb(112, 111, 111);
}
a h2 {
color:black;
}
footer {
padding-top: 5rem;
padding-bottom: 10rem;
padding-right: 5rem;
font-family:'lora', Georgia;
font-style: italic;
font-size: 20px;
font-weight: bold;
letter-spacing: .2rem;
color:rgb(112, 111, 111);
}
h2 {
margin-top:3rem;
margin-bottom: 3rem;
width: fit-content;
font-family:'Glacial Indifference', Helvetica;
font-weight: bold;
font-size: 35px;
background-color:rgb(94, 92, 92);
color:balck;
line-height: initial;
padding:.5rem;
white-space: nowrap;
letter-spacing: 2px;
}
#home:hover{
background-color:#d9e021;
}
@media only screen and (min-width:1440px) {
/* POSITIONING */
* {
margin: 0;
padding: 0;
}
body {
height: calc(100vh - 8rem);
padding:8rem 16rem;
padding-bottom: 0;
}
#my-name, #linkture, footer {
flex-direction: row;
margin:0;
}
#my-name h1, #my-links, #my-features {
flex:1;
}
#linkture {
margin-top: 3rem;
align-items: flex-end;
}
#my-skills {
padding-top: 4rem;
}
h1 a {
cursor: url("sparkle2.png"), auto;
}
li a:hover {
color:#d9e021;
font-style: italic;
font-size: 26px;
}
#my-photo:hover {
opacity: 100;
transition: all 0.2s ease-in-out;
transform: scale(1.2);
}
/* FONT FORMAT */
h1 {
font-size:100px;
margin:0;
padding:0;
margin-block-end:0;
line-height: 1;
padding-top: 2rem;
letter-spacing:3px;
}
h2 {
margin:0;
letter-spacing:2px;
font-size:14px;
padding:3px;
background-color:rgb(134, 134, 134);
color:balck;
}
#my-skills li {
font-size: 28px;
margin-top: .8rem;
font-style: none;
}
#my-links li {
font-size: 20px;
margin-top:1rem;
position:top;
}
#my-features li {
font-size: 20px;
margin-top:1rem;
}
footer {
font-family:'lora', Georgia;
font-style: italic;
font-size: 11px;
font-weight: bold;
padding: 0;
text-align: justify;
margin-bottom: 1rem;
color: white;
letter-spacing: .1rem;
}
footer:hover {
color:#d9e021;
}
#home h2:hover{
background-color:#d9e021;
cursor: url("sparkle2.png"), auto;
}
img#madhu:hover, img#sitar:hover, img#charity:hover {
opacity: 100;
transition: all 0.2s ease-in-out;
transform: scale(1.1);
}
h2 a {
color:black;
}
}
sparkle.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 720 B

sparkle2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 633 B

tabicon.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1009 B