backup

2024-02-10 18:54:47 -05:00
commit 387ddd3a55
24 changed files with 173415 additions and 0 deletions
@@ -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>
@@ -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>
@@ -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;
    }
 }
@@ -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>
@@ -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>
@@ -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;
    }
 }