Tianbin-GitHub Page

This GitHub project provides GitHub Pages and Data Strucutres Python code in the same Repository.

Project maintained by TianbinLiu Hosted on GitHub Pages — Theme by nighthawkcodingsociety

Home
Collegeboard Notes
- 5.1
- 5.2
- 5.3
- 5.4
- 5.5
- 5.6
- AAP >>
  - AAP-3
  - AAP-4

Replit
Code

Others

Week 0

HTML Code index.md

<!-- added to file that need video background-->
<div id="video_wrapper">
  <video autoplay loop>
    <source src="https://drive.google.com/uc?export=view&id=1Qote5m--Bme0bE4_o6wAKNRxWY8pJnuL" type="video/mp4">
  </video>
</div>

CSS Code head-custom2.html

<!-- CSS in head-custom2.html added into layouts-->
<style>
#video_wrapper {
    margin:0px;
    padding:0px;
}
#video_wrapper video {
    position: fixed;
    top: 50%; left: 50%;
    z-index: -99; important!
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}
</style>

CSS added into layout to apply the whole GitHub Page default.html

<!Doctype html>
<html>
<body>
    <style>
        #nav {
            list-style: none inside;
            margin: 0;
            padding: 0;
            text-align: center;
        }

        #nav li {
            display: block;
            position: relative;
            float: left;
            background: rgb(255,255,255); 
            /* menu background color */
        }

        #nav li a {
            display: block;
            padding: 0;
            text-decoration: none;
            width: 130px;
            /* this is the width of the menu items */
            line-height: 35px;
            /* this is the hieght of the menu items */
            color: rgb(0,0,0);
            /* list item font color */
        }
        

        #nav li li a {
            font-size: 80%;
        }

        /* smaller font size for sub menu items */

        #nav li:hover {
            background: #D1D1D1;
        }

        /* highlights current hovered list item and the parent list items when hovering over sub menues */

        #nav ul {
            position: absolute;
            padding: 0;
            left: 0;
            display: none;
            /* hides sublists */
        }

        #nav li:hover ul ul {
            display: none;
        }

        /* hides sub-sublists */

        #nav li:hover ul {
            display: block;
        }

        /* shows sublist on hover */

        #nav li li:hover ul {
            display: block;
            /* shows sub-sublist on hover */
            margin-left: 130px;
            /* this should be the same width as the parent list item */
            margin-top: -35px;
            /* aligns top of sub menu with top of list item */
        }
    </style>
    </head>
    <ul id="nav">
        <li><a href="/.">Home</a></li>
        <li><a href="/collegeboard">Collegeboard Notes</a>
            <ul>
                <li><a href="/5.1">5.1</a></li>
                <li><a href="/5.2">5.2</a></li>
                <li><a href="/5.3">5.3</a></li>
                <li><a href="/5.4">5.4</a></li>
                <li><a href="/5.5">5.5</a></li>
                <li><a href="/5.6">5.6</a></li>
                <li><a href="">AAP >></a>
                    <ul>
                        <li><a href="/CB/AAP3">AAP-3</a></li>
                        <li><a href="/CB/AAP4">AAP-4</a></li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
    <ul id="nav">
        <li><a href="/replit">Replit</a></li>
        <li><a href="/code">Code</a></li>
    </ul>
    <ul id="nav">
        <li><a href="/others">Others</a>
            <ul>
                <li><a href="/create">Create Task</a></li>
                <li><a href="https://github.com/TheRadRabbidRabbit/Team-Lovelace/wiki/Tianbin-and-Allie-Create-Task-planning">Create Task Plan</a></li>
                <li><a href="/description">Description</a></li>
                <li><a href="/easteregg">"Easter Egg"</a></li>
                <li><a href="/study">Study Plan</a></li>
                <li><a href="/test">AP Testers</a></li>
            </ul>
         </li>
    </ul>
</body>
</html>

<!-- added to file that need video background-->
 <table>
     <tr>
         <td><a href=".">Home</a></td>
         <td><a href="collegeboard">Collegeboard video</a></td>
         <td><a href="replit">Replit menu</a></td>
         <td><a href="create">Create task project</a></td>
         <td><a href="code">Code</a></td>
     </tr>
 </table>
 <hr>

Week 1

HTML Code default.html

<!-- added layout and apply to GitHub page-->
    <link rel="stylesheet" href="/assets/css/style.css?v=4912693c0ec5d0612f7ee401f7916d1b21a45270">
    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
    <script src="/assets/js/respond.js"></script>
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!--[if lt IE 8]>
    <link rel="stylesheet" href="/assets/css/ie.css">
    <![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <!-- start custom head snippets, customize with your own _includes/head-custom.html file -->

<!-- Setup theme-color -->
<!-- start theme color meta headers -->
<meta name="theme-color" content="#353535">
<meta name="msapplication-navbutton-color" content="#353535">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- end theme color meta headers -->


<!-- Setup Google Analytics -->



<!-- You can set your favicon here -->
<!-- link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" -->

<!-- end custom head snippets -->

    
    <!-- nighthawk coding society has inserted its own file for thigs like <style>-->
    <style>
#video_wrapper {
    margin:0px;
    padding:0px;
}
#video_wrapper video {
    position: fixed;
    top: 50%; left: 50%;
    z-index: -99; important!
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}
    
table { background: rgba(0,0,0,0.2); }
tr { background: rgba(0,0,0,0.2); }
td { background: rgba(0,0,0,0.2); }

* { 
    color: rgb(255,255,255);
}
    
    
h1 { 
    background: rgba(0,0,0,0.4); 
    color: rgb(255,255,255);
}
    
h2 { 
    background: rgba(0,0,0,0.4); 
    color: rgb(255,255,255);
}
    
h3 { 
    background: rgba(0,0,0,0.4); 
    color: rgb(255,255,255);
} 
    
p { 
    background: rgba(0,0,0,0.4); 
    color: rgb(255,255,255);
}
</style>


  </head>

CSS Code head-custom2.html

<!-- moved css to that page-->
<style>
#video_wrapper {
    margin:0px;
    padding:0px;
}
#video_wrapper video {
    position: fixed;
    top: 50%; left: 50%;
    z-index: -99; important!
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}
</style>

Week 3

HTML Code navigation.html

<!-- add more option on menu and change menu into muti-level menu-->
<ul id="nav">
        <li><a href="/.">Home</a></li>
        <li><a href="/collegeboard">Collegeboard Notes</a>
            <ul>
                <li><a href="/5.1">5.1</a></li>
                <li><a href="/5.2">5.2</a></li>
                <li><a href="/5.3">5.3</a></li>
                <li><a href="/5.4">5.4</a></li>
                <li><a href="/5.5">5.5</a></li>
                <li><a href="/5.6">5.6</a></li>
            </ul>
        </li>
    </ul>

CSS Code navigation.html

<!-- add css-->
<style>
        #nav {
            list-style: none inside;
            margin: 0;
            padding: 0;
            text-align: center;
        }

        #nav li {
            display: block;
            position: relative;
            float: left;
            background: rgb(255,255,255); 
            /* menu background color */
        }

        #nav li a {
            display: block;
            padding: 0;
            text-decoration: none;
            width: 130px;
            /* this is the width of the menu items */
            line-height: 35px;
            /* this is the hieght of the menu items */
            color: rgb(0,0,0);
            /* list item font color */
        }
        

        #nav li li a {
            font-size: 80%;
        }

        /* smaller font size for sub menu items */

        #nav li:hover {
            background: #D1D1D1;
        }

        /* highlights current hovered list item and the parent list items when hovering over sub menues */

        #nav ul {
            position: absolute;
            padding: 0;
            left: 0;
            display: none;
            /* hides sublists */
        }

        #nav li:hover ul ul {
            display: none;
        }

        /* hides sub-sublists */

        #nav li:hover ul {
            display: block;
        }

        /* shows sublist on hover */

        #nav li li:hover ul {
            display: block;
            /* shows sub-sublist on hover */
            margin-left: 130px;
            /* this should be the same width as the parent list item */
            margin-top: -35px;
            /* aligns top of sub menu with top of list item */
        }
</style>

Week 4

HTML Code gmap.html

<!-- add google map page into team project -->
<style>
    h1 {
        width: 576px;
        height: 94px;

        font-family: 'Righteous';
        font-style: normal;
        font-weight: 400;
        font-size: 60px;
        line-height: 75px;

        color: #9C9C9C;
    }
    button {
        width: 180px;
        height: 45px;

        background: #6886A1;
        border-radius: 24px;

        font-family: 'Heebo';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 35px;

        color: #E5E5E5;

    }


</style>

<center>
    <h1>
        Therapist Near You
    </h1>

    <button type="button" onclick="window.location.href='https://www.google.com/maps/place/Elevate+Therapy+Psychological+Services/@33.0283195,-117.1146981,15z/data=!3m1!5s0x80dbf72bafaeaa3d:0x431aa384c6b17370!4m9!1m2!2m1!1stherapist!3m5!1s0x80dbf7ebcc49535d:0x8c7b093b5bf7d9be!8m2!3d33.0223892!4d-117.0828559!15sCgl0aGVyYXBpc3RaCyIJdGhlcmFwaXN0kgEMcHN5Y2hvbG9naXN0mgEkQ2hkRFNVaE5NRzluUzBWSlEwRm5TVU00YlRZeVJHdG5SUkFC'"  >Therapist #1</button>
    <button type="button" onclick="window.location.href='https://www.google.com/maps/place/Positive+Change+Counseling+Center/@33.0283195,-117.1146981,15z/data=!3m1!5s0x80dbf72c9e3c5567:0x19389120001bd292!4m9!1m2!2m1!1stherapist!3m5!1s0x80dbf7628ead2f21:0x76548fa85436153a!8m2!3d33.02059!4d-117.0812184!15sCgl0aGVyYXBpc3RaCyIJdGhlcmFwaXN0kgEUbWVudGFsX2hlYWx0aF9jbGluaWOaASRDaGREU1VoTk1HOW5TMFZKUTBGblNVTTJOR1JYTTNwblJSQUI'"  >Therapist #2</button>
    <button type="button" onclick="window.location.href='https://www.google.com/maps/place/Deborah+Moyer,+LMFT/@33.0283195,-117.1146981,15z/data=!3m1!5s0x80dbf72bafaeaa3d:0x431aa384c6b17370!4m9!1m2!2m1!1stherapist!3m5!1s0x80dbf72ba6964af7:0x24237324143c33c6!8m2!3d33.0218296!4d-117.0826598!15sCgl0aGVyYXBpc3SSAQljb3Vuc2Vsb3I'"  >Therapist #3</button>
    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d13381.121730992692!2d-117.13691915!3d33.02274155!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sus!4v1649547417678!5m2!1sen!2sus"  width="1500" height="700" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</center>

HTML Code cruddy

<!-- add login into google map page -->
@app_crud.route('/mlogin/', methods=["GET", "POST"])
def crud_mlogin():
    # obtains form inputs and fulfills login requirements
    if request.form:
        email = request.form.get("email")
        password = request.form.get("password")
        if login(email, password):       # zero index [0] used as email is a tuple
            return redirect(url_for('gmap'))

    # if not logged in, show the login page
    return render_template("mlogin.html")

@app_crud.route("/logout")
@login_required
def logout():
    logout()
    return render_template("index.html")

Week 5

HTML Code test.md

<!-- add more collegeboard notes -->
<table>
   <tr>
    <th>AP Testers</th>
   </tr>
   
   <tr>
    <td><a href="https://github.com/TianbinLiu/Tianbin-Github/wiki/AP-Testers#finals-quiz1-score4350-and-corrections">Finals-Quiz1 score 43/50 and corrections</a></td>
   </tr>

  
   <tr>
    <td><a href="https://github.com/TianbinLiu/Tianbin-Github/wiki/AP-Testers#finals-quiz2-score4650-and-corrections">Finals-Quiz2 score 46/50 and corrections</a></td>
   </tr>

HTML Code navigation.html

<!-- add study plan -->
<table>
   <tr>
    <th>Study Plan</th>
   </tr>
   
   <tr>
    <td><a href="https://github.com/TianbinLiu/Tianbin-Github/wiki/Study-Plan#:~:text=Plan/To%20Do-,4,-Monday">Week 4</a></td>
   </tr>
   
   <tr>
    <td><a href="https://github.com/TianbinLiu/Tianbin-Github/wiki/Study-Plan#:~:text=Friday-,5,-Monday">Week 5</a></td>
   </tr>
  
   <tr>
    <td><a href="https://github.com/TianbinLiu/Tianbin-Github/wiki/Study-Plan#:~:text=Friday-,6,-Monday">Week 6</a></td>
   </tr>
  
   <tr>
    <td><a href="https://github.com/TianbinLiu/Tianbin-Github/wiki/Study-Plan#:~:text=Friday-,7,-Monday">Week 7</a></td>
   </tr>

Tianbin-GitHub Page

Week 0

HTML Code index.md

CSS Code head-custom2.html

CSS added into layout to apply the whole GitHub Page default.html

Menu navigation.html

Week 1

HTML Code default.html

CSS Code head-custom2.html

Week 3

HTML Code navigation.html

CSS Code navigation.html

Week 4

HTML Code gmap.html

HTML Code cruddy

Week 5

HTML Code test.md

HTML Code navigation.html