




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
    integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="shortcut icon" href="https://res.cloudinary.com/dz6owqlde/image/upload/v1714126156/image_1_wl9uoc.png" style="border-radius: 200px;" type="image/x-icon">
    <title>Profile(@<%= uName  %>)</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }

        body{
            background: #1d1f25;
            color: rgb(198, 198, 198);
            transition: background 0.2s linear;
            font-family: sans-serif;
        }
        .logo{
            height: 100px;
            /* width: 80px; */
        }
        nav{
            /* padding: 10px; */
            display: flex;
            font-size: 20px;
            justify-content: space-around;
        }
        nav ul{
            list-style: none;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        nav h2{
            font-family: cursive,sans-serif;
            filter: drop-shadow(1px 1px 5px rgb(154, 154, 154));
        }
        nav div{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        nav div{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        nav div img{
            height: 50px;
            margin-left: 20px;
            border-radius: 70px;
        }
        nav div h4{
            color: white;
            padding-left: 8px;
            font-size: 20px;
        }
        li{
            /* padding-top: 10px; */
            margin-left: 25px;
            margin-right: 25px;
        }
        section{
            margin-top: 60px;
            padding: 30px;
            text-align: center;

        }
        section img{
            height: 200px;
            width: 200px;
            border-radius: 120px;
            display: flex;
            margin: 0 auto;
        }
        h4{
            margin: 5px 5px 5px;
            display: inline;
            font-size: 25px;

        }
        section span{
            margin: 20px;
            display: flex;
            width: 35%;
            font-size: 30px;
            padding: 20px;
            margin: 0 auto;
            align-items: center;
            justify-content: space-around;
        }
        section button{
            cursor: pointer;
            padding: 8px 15px 8px 15px;
            background-color: rgb(59, 59, 59);
            border: 2px solid rgb(90, 90, 90);
            color: white;
            font-family: sans-serif;
            font-size: 17px;
            border-radius: 8px;
            transition: .3s ease-in-out;
            width: 300px
        }
        section button:hover{
            box-shadow: 1px 1px 15px #7670e8;
        }
        a{
            text-decoration: none;
        }
        hr{
            border: .7px solid #c3c3c3;
            margin-left: 60px;
            margin-right: 60px;
        }
        header{
            margin-top: 5%;
            margin-left: 10%;
            margin-right: 10%;
            margin-bottom: 5%;
            /* margin-left: 10%;
            margin-right: 10%; */
        }
        header img{
            display: inline;
            height: 390px;
            width: 390px;
            border: 1px solid #1e1e1e;
            margin: 5px 5px 0px 0px;
            border-radius: 5px;
        }
        form{
            margin-right: 30px;
            display: inline-block;
            flex-direction: row;
            width: fit-content;
            background-color: none;
        }
        
        
        label{
            display: flex;
            justify-content: center;
            /* display: inline-block; */
            text-align: center;
            height: 390px;
            width: 390px;
            margin: 5px 5px 0px 0px;
            border: 3px dashed rgb(132, 132, 132);
            border-radius: 5px;
        }
        .createpostsvg{
            cursor: pointer;
        }
        .createpostsvg path{
            fill:#bababa
        }


        /* form for popup */

        .content {
            position: absolute;
            transform: translate(-50%,-150%) scale(0);
            width: 100%;
            height: 100%;
            border-radius: 5px;
            display: flex;
            align-self: center;
            background: #dfdfdf;
            z-index: 1;
        }

        

        .popup.active .content {
            transition: all 300ms ease-in-out;
            transform: translate(-50%,-50%) scale(1);
        }

        .close-btn{
            display: flex;
            
        }
        #divMsg{
            background-color: #222222; 
            color: #ffffff;
            color: #c7c7c7;
            height: 355px;
            width: 370px; 
            text-align: center; 
            margin: 10px;
            position: absolute;
            border: 2px solid black;
            border-radius: 10px;
            display:none;
            margin-left: 20%;
            padding: 30px;
            transition: .2s ease-in-out;
       }#divMsg svg{
        display: flex;
        margin: 20px 5px 15px 5px;
       }#divMsg p{
        display: flex;
        margin-left: 18px;
        width: fit-content;
        align-items: center;
        justify-content:center;
        font-size: 20px;
       }
       #divMsg div{
        display: flex;
       }#divMsg .bout{
        font-size: 14px;
        text-align: justify;
       }


        

        

       



@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");


body.dark {background-color: #4c5b89;} /* #9b59b6 */

body.dark h1, body.dark .support a {color: #525e81;}

.checkbox {
  opacity: 0;
  position: absolute;
}

.checkbox-label {
  background-color: #3b4660;
  width: 42px;
  height: 16px;
  border-radius: 50px;
  border: 1px solid rgb(115, 115, 115);
  position: relative;
  padding: 5px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fa-moon {color: #d5c998;}

.fa-sun {color: #f39c12;}

.checkbox-label .ball {
  background-color: #e1e1e1;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 2.5px;
  top: 2px;
  border-radius: 50%;
  transition: transform 0.2s linear;
}

.checkbox:checked + .checkbox-label .ball {
  transform: translateX(24px);
}
.searchBox {
    /* position: absolute; */
    display: flex;
    width: 38%;
    background: #2f3640;
    height: 40px;
    border-radius: 40px;
    margin-top: 23px;
    padding: 7px;
}


.searchButton {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #2f3640;
    color : #d3d3d3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.searchInput {
    border:none;
    background: none;
    outline:none;
    float:left;
    padding: 0;
    color: white;
    font-size: 16px;
    width: 90%;
    padding: 0 6px;
}





@media (min-width:320px) and (max-width:480px){
            #divMsg{
            background-color: #222222; 
            color: #ffffff;
            height: 290px;
            width: 300px; 
            text-align: center; 
            margin: -16px;
            font-size: 15px;
            font-family: sans-serif;
            position: absolute;
            
            padding: 20px;
       }#divMsg svg{
        
        height: 30px;
        width: 30px;
        display: flex;
        margin: 10px 5px 10px 5px;
       }#divMsg p{
        margin-left: 14px;
        font-size: 15px;
       }
       #divMsg .bout{
        font-size: 13px;
       }
       
            .searchInput {
                font-size: 13px;
            }

            .form {
                margin-right: 10px;
                display: inline-block;
                flex-direction: row;
                width: fit-content;
                background-color: none;
            }
            .searchButton {
                float: right;
                width: 34px;
                height: 29px;
                border-radius: 50%;
                background: #2f3640;
                color: #d3d3d3;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-top: -4px;
                margin-right: -4px;
            }
            .searchBox {
                /* position: absolute; */
                display: flex;
                width: 45%;
                background: #2f3640;
                height: 20px;
                border-radius: 40px;
                margin-top: 18px;
                padding: 8px;
            }
            hr {
                margin-left: 20px;
                margin-right: 20px;
            }
            nav {
                /* padding: 10px; */
                display: flex;
                font-size: 20px;
                justify-content: space-between;
                margin-left: 10px;
                margin-right: 10px;
            }
            header img {
                height: 110px;
                width: 31.9%;
                margin: 0px 0px 0px 0px
            }
            section img{
                height: 100px;
                width: 100px;
            }
            header{
                margin: 5%;
            }
            section{
                margin-top: 10px;
            }
            .logo{
                height: 70px;
            }
            nav div h4 {
                display: none;
            }
            nav div img {
                height: 30px;
                margin-left: 1px;
            }
            .createpostsvg{
                height: 30px;
                width: 30px;
            }
            .createpostsvg path{
                fill: #dcdcdc;
            }
            .fa-sun {
                font-size: 12px;
            }
            .fa-moon{
                font-size: 12px;
            }
            .checkbox-label .ball {
                width: 15px;
                height: 15px;
                position: absolute;
                left: 2.5px;
                top: 2px;
                
            }
            .checkbox-label {
                width: 28px;
                height: 9px;
            }
            .checkbox:checked + .checkbox-label .ball {
                transform: translateX(18px);
            }
            form{
                margin-right: 10px;
            }
            section span {
                margin: 10px;
                display: flex;
                width:-webkit-fill-available;
                font-size: 18px;
                padding: 10px;
            }
            section button {
                padding: 8px 10px 8px 10px;
                background: linear-gradient(90deg, rgb(42, 42, 42), rgb(61, 61, 61));
                border: 2px solid rgb(77, 77, 77);
                color: rgb(190, 190, 190);
                font-family: sans-serif;
                font-size: 13px;
                border-radius: 8px;
                transition: .3s ease-in-out;
                width: 100px;
            }
            h4 {
                font-size: 20px;
            }
            
        }





    </style>
</head>
<body id="body"> 
    <nav>
        <img class="logo" src="https://res.cloudinary.com/dz6owqlde/image/upload/v1713868597/Gemini_Generated_Image_s94xq0s94xq0s94x-removebg-preview_nowfji.png" alt="logo">
        <form class="searchBox" action="/search"  method="post">
            
            <input class="searchInput" type="text" name="uName" placeholder="Search">
          
            <button type="submit" class="searchButton" href="#">
                <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg>
            </button>
        </form>
        <div>
                <input type="checkbox" class="checkbox" id="checkbox">
                <label for="checkbox" class="checkbox-label">
                    <i class="fas fa-moon"></i>
                    <i class="fas fa-sun"></i>
                    <span class="ball"></span>
                </label>
    
            <img src=<%= profile_picture %> alt="">
            <h4><%= uName %></h4>
        </div>
        
    </nav>
    <section>
        <a><img src= <%= profile_picture %> alt="img"></a>
        
        <span>
            <h5><%= posts %> Post</h5>
        </span>
        <span>
            <h4>@ <%= uName %></h4>
            <button type="button"  onClick="showHideDiv('divMsg')">About</button>
        </span>
       
    

        <div style="flex-direction: row;" id="divMsg">
            <div>
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="40px" width="40px" version="1.1" id="_x32_" viewBox="0 0 512 512" xml:space="preserve"><style type="text/css">.st0{fill:#000000;} </style><g><path class="st0" d="M458.159,404.216c-18.93-33.65-49.934-71.764-100.409-93.431c-28.868,20.196-63.938,32.087-101.745,32.087   c-37.828,0-72.898-11.89-101.767-32.087c-50.474,21.667-81.479,59.782-100.398,93.431C28.731,448.848,48.417,512,91.842,512   c43.426,0,164.164,0,164.164,0s120.726,0,164.153,0C463.583,512,483.269,448.848,458.159,404.216z"/><path class="st0" d="M256.005,300.641c74.144,0,134.231-60.108,134.231-134.242v-32.158C390.236,60.108,330.149,0,256.005,0   c-74.155,0-134.252,60.108-134.252,134.242V166.4C121.753,240.533,181.851,300.641,256.005,300.641z"/></g><script xmlns=""/></svg>
                <p><%= name %></p>
            </div>
            <div>
                <svg xmlns="http://www.w3.org/2000/svg" width="40px" height="40px" viewBox="0 0 1024 1024"><path fill="#000000" d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592 0-42.944-14.08-76.736-42.24-101.376-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 0 0-38.72 14.784 49.408 49.408 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72 51.968 51.968 0 0 0-15.488-38.016 55.936 55.936 0 0 0-39.424-14.784z"/><script xmlns=""/></svg>
                <p class="bout"><%= about %></p>
            </div>
            <div>
                <svg xmlns="http://www.w3.org/2000/svg" width="40px" height="40px" viewBox="0 0 24 24" fill="none"><g id="style=fill"><g id="email"><path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M7 2.75C5.38503 2.75 3.92465 3.15363 2.86466 4.1379C1.79462 5.13152 1.25 6.60705 1.25 8.5V15.5C1.25 17.393 1.79462 18.8685 2.86466 19.8621C3.92465 20.8464 5.38503 21.25 7 21.25H17C18.615 21.25 20.0754 20.8464 21.1353 19.8621C22.2054 18.8685 22.75 17.393 22.75 15.5V8.5C22.75 6.60705 22.2054 5.13152 21.1353 4.1379C20.0754 3.15363 18.615 2.75 17 2.75H7ZM19.2285 8.3623C19.5562 8.10904 19.6166 7.63802 19.3633 7.31026C19.1101 6.98249 18.6391 6.9221 18.3113 7.17537L12.7642 11.4616C12.3141 11.8095 11.6858 11.8095 11.2356 11.4616L5.6886 7.17537C5.36083 6.9221 4.88982 6.98249 4.63655 7.31026C4.38328 7.63802 4.44367 8.10904 4.77144 8.3623L10.3185 12.6486C11.3089 13.4138 12.691 13.4138 13.6814 12.6486L19.2285 8.3623Z" fill="#000000"/></g></g><script xmlns=""/></svg>
                <p><%= email %></p>
            </div>
            <div>
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" id="Layer_1" width="40px" height="40px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve"><g><path fill="#000000" d="M32,0C18.745,0,8,10.745,8,24c0,5.678,2.502,10.671,5.271,15l17.097,24.156C30.743,63.686,31.352,64,32,64   s1.257-0.314,1.632-0.844L50.729,39C53.375,35.438,56,29.678,56,24C56,10.745,45.255,0,32,0z M32,38c-7.732,0-14-6.268-14-14   s6.268-14,14-14s14,6.268,14,14S39.732,38,32,38z"/><path fill="#231F20" d="M32,12c-6.627,0-12,5.373-12,12s5.373,12,12,12s12-5.373,12-12S38.627,12,32,12z M32,34   c-5.523,0-10-4.478-10-10s4.477-10,10-10s10,4.478,10,10S37.523,34,32,34z"/></g><script xmlns=""/></svg>
                <p><%= location %></p>
            </div>
            <div>
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000" height="40px" width="40px" version="1.1" id="Layer_1" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path d="M236.3,65.6c1.2,0,2.7,0.6,4,2.4c-5.8-8.3,6.5-4.7,7.2-12.6c7-5.2,4.5-8.6,6.5-8.8l2.2-1.8c-4.3,1.6-5.8,1.9-7,1.9  c-0.3,0-0.6,0-0.9,0c-0.3,0-0.7,0-1.1,0c-1.5,0-4,0.3-9.9,2.1c-13.5,1-23.2,15.6-27.8,16c-4.7,2.5-4.5,3-3.4,3  c0.3,0,0.7-0.1,1.1-0.1c0.4,0,0.7-0.1,1-0.1c1.1,0,0.8,0.5-5.6,3.5c1.5,0.4-11.2,6-11.3,14.8c-0.4,3.4,1,5.7,3.3,5.7  c2,0,4.5-1.5,7.2-5.3c9-10.4,28-11.4,36.2-17.7C232.9,68.2,233.9,65.6,236.3,65.6z M190.6,69.1c-0.9,0,0.3-1.1,1.6-2.2  c1.4-1.1,3-2.2,3-2.2c0,0,0,0-0.1,0.1c5.4-2.1,2.1-2.6,5-4c-0.1,0-0.1,0-0.2,0c-0.6,0,0.5-0.8,1.5-1.7c1-0.8,1.9-1.7,1-1.7  c-0.5,0-1.8,0.3-4,1.2c0.7-1,3.4-1.7,7.2-3.8c-5.5,1.8-9.8,2.9-10.3,2.9c-0.4,0,1.9-0.8,8.8-2.9c0.3,0,0.6,0.1,0.8,0.1  c0.7,0,1-0.2,0.9-0.4c-0.1-0.2-0.5-0.3-1.2-0.3h0c-9.9,0.8-17.3,7-15.1,7.8c1.3-0.4,2.2-0.6,2.8-0.6c1.3,0,0.7,1.1-1.9,2.7  c1.2,2.8-20,10-22.4,12.6c1.2-0.7,2-0.9,2.4-0.9c1.6,0-0.5,3.1-2.6,4.6c1.3,1.2,2.3,1.6,3.1,1.6c2.1,0,3-2.9,4.8-3.8  c0.4,0.8,0.8,1.2,1.3,1.2c1.7,0,3.8-4.2,5.5-6.4c0.5,0.5,1.1,0.9,1.9,0.9c1.6,0,4-1.3,7.8-5C191.4,69,190.8,69.1,190.6,69.1z   M167.6,87.5c-3.6,2.2-5.5,3.1-6.3,3.1c-1.5,0,0.5-2.8,2.3-5.7c1.8-2.8,3.4-5.6,1.1-5.6c-1.1,0-3.1,0.6-6.3,2.2  c-8.7,5.8-23.4,21.8-29.9,21.8c-0.2,0-0.4,0-0.6,0c10.5-7.7,7.4-22.8,22.1-26.7c14.5-8.3,24.4-5.7,37.3-15.2c-3.8,1.9-9.4,4-10.7,4  c-0.8,0,0.4-1,5.6-3.5c-0.5,0.1-0.9,0.2-1.2,0.2c-3.5,0,23-9.5,24.3-9.7C194.4,53.9,176.8,63,174.4,63c-0.3,0-0.3-0.1-0.3-0.3  c0.4-0.3,0.4-0.5,0-0.5c-1.3,0-6.7,1.8-12.2,3.6c-5.4,1.8-10.9,3.7-12.1,3.7c-0.4,0-0.4-0.2,0.2-0.6c-47.2,26.8-86.6,72-98.9,125.6  c5.1,11.7,1.6,34,10,40.5c9.6,8.1-8.2,31.6-3.5,46.1c4.8,26.2,25.5,44.1,27.7,70.9c3.8,18.4,17.7,40.9,23.5,52.6  c4.4,4.4,16.5,17.1,18.6,17.1c0.8,0,0.3-1.9-2.9-7c-2-5.7-13.6-20.6-8-20.6c0.3,0,0.6,0,1,0.1c-6.9-7,15.3-5.1-0.2-14.6  c-1.8-2.2-2.2-2.9-1.8-2.9c0.5,0,1.9,0.8,3.5,1.6c1.7,0.8,3.7,1.6,5.3,1.6c2.5,0,4.2-1.7,3.2-7.9c0.4,0.2,0.8,0.2,1.1,0.2  c2.6,0,1.7-5.1,1.9-10.2c0.2-5.1,1.5-10.2,8.5-10.2c0.8,0,1.7,0.1,2.6,0.2c16.2-8.8,2.1-33.1,20.7-42c-0.7-20.2-27.8-21.2-38-29.4  c-1.7,1-3.3,1.3-4.9,1.3c-1.8,0-3.4-0.4-4.8-0.9c-1.4-0.4-2.7-0.9-3.6-0.9c-0.2,0-0.4,0-0.6,0.1c17.4-4.6,4.7-28.8-9.7-28.8  c-0.3,0-0.7,0-1,0c-1.1-10.5-6.5-6.5-7.1-15.2c-0.9,0.5-1.8,0.7-2.7,0.7c-2.4,0-4.6-1.7-6.5-3.3c-1.9-1.7-3.5-3.3-4.9-3.3  c-1.1,0-2.1,1.1-3,4.3c1-4.9,0.7-6.5-0.3-6.5c-1,0-2.8,1.7-4.8,3.4c-1.9,1.7-4.1,3.4-5.8,3.4c-0.2,0-0.3,0-0.5,0  c-11.7-8.3,0.1-23-6.1-34.3c4-4.3,5.6-11.6,3.8-11.6c-0.9,0-2.7,1.8-5.5,6.7c-4-10.2,6.6-33.3,15.6-34.6c0.3,0,0.5-0.1,0.8-0.1  c1.6,0,3.2,0.8,4.6,2.5c0.8,4.7-1.2,14.6-0.4,14.6c0.4,0,1.2-2,3.2-7.2c2.6-11.9,20.8-20.5,22.7-27.8c0.1,0.1,0.1,0.1,0.2,0.1  c2.1,0,15.6-11.9,21.5-13.2c2.3-2.3,3.9-3.1,5.1-3.1c1.3,0,2,1,2.5,1.9c0.5,1,0.9,1.9,1.4,1.9c0.4,0,0.9-0.6,1.8-2.3  c-3.1-6.1,4.9-11.9,2.7-11.9c-0.8,0-3.2,0.8-8.1,2.8c-0.8,0.4-1.2,0.5-1.4,0.5c-0.6,0,1.8-1.6,5.3-3.2c3.5-1.6,7.9-3.2,11.6-3.2  c1.8,0,3.4,0.4,4.6,1.4c15.5-3.7,7-8.8,7.8-8.8c0,0,0.1,0,0.2,0C162.4,103.4,161.1,93.6,167.6,87.5z M98.3,128.4  c-0.2,0,0.7-1.3,3.7-5c6.2-4.6,11.2-7.7,5.5-10.7c2.5-1.1,4.9-2.4,7.2-3.8c-0.1,4.9-4.2,16.8-6.4,16.8c-0.5,0-1-0.7-1.2-2.2  c1.3-2.3,1.4-3.2,0.9-3.2c-0.8,0-3.1,2-5.3,4.1C100.5,126.3,98.5,128.4,98.3,128.4z M104,131.1c-2.7,0-2.2-1.7,6.1-3.4  c3.6-0.5,0.8-0.3,5.1-1.3C111,129.8,106.3,131.1,104,131.1z M259.5,121c1.2-0.2,2.1-0.2,2.8-0.2c2.9,0,1.6,1.2-0.1,2.4  c-1.7,1.2-3.8,2.4-2.6,2.4c0.7,0,2.6-0.4,6.5-1.5c19.7-1.4-7.7-18.1-3.3-23.7l-1.2-0.4C253.5,110.3,267,110.5,259.5,121z   M251.3,121.4c1.4,0,3.2-1.6,5.1-6.1c2.6-3.1,1.5-3.5-1.3-5C247.4,112.3,248.1,121.4,251.3,121.4z M320.3,153.1  c-0.3,0-0.5,0.1-0.7,0.2c0.8,0.2,1.6,0.4,2.4,0.4C321.2,153.3,320.7,153.1,320.3,153.1z M454.6,178c1.7,3.7,2.6,5.2,2.7,5.2  c0.7,0-12.6-32.4-18.1-38.2c-28.7-47.2-75.9-83.3-129.7-96.8h-0.1c-1.4,0,0.2,0.7,2.1,1.4c1.9,0.7,4.2,1.4,4.2,1.4  c0,0-1.5-0.5-6.1-1.8c-5.1-1.5-10.3-2.6-15.6-3c-0.9,0.3,21.9,9.3,37.2,14c-5.1-1.6-10.4-3-11.7-3c-0.9,0,0,0.6,3.7,2.2  c-4.5-1.3-6.4-1.9-6.6-1.9c-0.3,0,6,2.1,11.9,4.2c6,2.1,11.7,4.2,10.1,4.2c-0.4,0-1.5-0.2-3.2-0.5c5.1,2.8,6.9,3.9,6.6,3.9  c-0.5,0-6.8-3-13.3-6c-6.4-3-12.9-6-13.8-6c-0.5,0,0.8,1,5.2,3.6c6,2.6,12,5.2,10.3,5.2c-0.8,0-3.1-0.5-7.6-1.8  c10,5.1-7.1,3.1-1.3,10c-3.2-3-4.5-4-4.8-4s0.5,1.2,1.3,2.4c0.8,1.2,1.4,2.4,0.7,2.4c-0.1,0-0.1,0-0.2,0c7,7.6-4.9,0.8,3.6,7.6  c-6.4-2.9-17.3-7.7-12.4-7.7c1.2,0,3.5,0.3,7.1,1.1c-6.5-7.6-24.9-7.9-25.3-8.8c-4.6,0.3-4.7,3.8-3.9,10.2  c-0.1,10.1-10,10.3-8.7,16.1c0-0.1,0.1-0.1,0.1-0.1c0.2,0,0.3,2,0.9,4.1c0.7,2,1.9,4.1,4.5,4.1c1.4,0,3.2-0.6,5.4-2.1  c3.1,5.6,5.9,7.6,8.1,7.6c3.3,0,5.3-4.5,5.1-8.6c-3.6-2-8.3-18.6-3.1-18.6c0.8,0,1.8,0.4,3.1,1.3c-8.1,19.9,32,6.6,9.3,15.7  c5.1,6.7-3.2,6.4-0.8,14.5c-3.9,1.1-8.2,2.1-12,2.1c-5.6,0-9.9-2.4-9.4-10.8c-7,3.7,7,16.2-6.9,16.2h-0.8  c-6.7,12.3-31.8,8.1-12.1,21.1c1.1,5.7-2.5,6.7-7.1,6.7c-1.2,0-2.5-0.1-3.8-0.2c-1.3-0.1-2.6-0.1-3.8-0.1c-5.2,0-8.9,1.3-5.7,9.4  c-2.3,8.4,3.1,12.1,9.7,12.1c8,0,17.8-5.2,18.5-13.8c4.3-6.5,9.8-9.2,15.5-9.2c9,0,18.5,6.8,24.7,15.2c0.5,0.8,0.9,1.1,1.1,1.1  c0.5,0,0-2-0.2-4c-0.2-1.6-0.2-3.2,0.4-3.7c-8.9-2.5-15.7-13.3-12.7-13.3c1,0,3.1,1.2,6.5,4.4c0.2,0,0.4,0,0.5,0  c5.6,0,10,4.4,13.4,8.8c3.5,4.4,6.1,8.8,8.4,8.8c0.9,0,1.8-0.8,2.6-2.6c-0.4-0.6-1.4-2.3-1.9-4c-0.6-2.1-0.6-4.2,2.1-4.2  c1.1,0,2.6,0.4,4.7,1.2c6.8-1.8-4.3-19.5,4.7-19.5c0.9,0,2,0.2,3.4,0.6c-0.1,3.1,1.3,4.2,2.6,4.2c2.6,0,5.2-3.7-1.1-4.8  c2.4-2.3,3.8-3.2,4.8-3.2c3.5,0,0.7,11.6,12.8,11.6c4.1,9.7-35.6,0.7-22.9,19.3c2.9,2.1,6.5,2.5,10,2.5c1.1,0,2.1,0,3.1-0.1  c1,0,2-0.1,2.9-0.1c6.2,0,10.6,1.5,7.9,14.3c-3.3,2.4-7,3.2-10.8,3.2c-3.4,0-6.8-0.6-10.1-1.2c-3.3-0.6-6.5-1.2-9.4-1.2  c-4.5,0-8.1,1.5-10.3,6.7c-11.7-4.8-27.1-5-25.6-19.5c-20.4,2.9-41.7,1.4-56.7,13.9c-0.9,18.3-32.3,24.2-24.7,45  c-9.1,19.2,11,46.1,31.5,46.1c0.7,0,1.5,0,2.2-0.1c11.2-0.1,22.5-5.1,32.4-5.1c5.1,0,9.7,1.3,13.7,5.3c0.9-0.1,1.7-0.2,2.4-0.2  c15.3,0-4.9,24.3,13.4,28.4c16.6,17.2-10.2,34.9,2.9,51.4c1.4,12.9,7.8,23.7,7.8,36.3c1.7,0.2,3.3,0.3,5,0.3  c21.1,0,34.3-18.4,46.7-32.3c-3.8-20.8,29.5-24.9,18.1-48.2c-5.3-25.5,25.1-40.6,23.4-66.1c0.3-3.6-0.7-4.7-2.2-4.7  c-1.5,0-3.7,1.1-5.8,2.1c-2.2,1.1-4.6,2.1-6.5,2.1c-2.5,0-4.4-1.7-4.6-7.3c-14.7-13.7-21.4-32.3-35.1-47.4  c17.8,8.6,27.9,28,36.1,45.6c0.7,0.2,1.4,0.3,2.2,0.3c14.5,0,34.7-34.7,12.7-43.1c-1.2,3.3-2.8,4.5-4.7,4.5c-3.3,0-7.1-4-9.8-7.9  c-2.7-4-4.1-8-2.6-8c1,0,3.2,1.6,7,5.8c4.3,2.7,8.5,3.4,12.9,3.4c4.3,0,8.7-0.7,13.3-1.1c5.8,2.3,8.3,9.7,10.1,9.7  c0.3,0,0.7-0.3,1-1c4.6,11,9.9,30.6,14.7,35.9C459.5,212.3,458.9,194.5,454.6,178z M398.8,154.9c-11.3-2.9-15-16.9-23.9-25  c-0.1-2.2,3.2-1.8,2.4-5.5c12,3.7,8.1,7.4,7,8.1C388.7,139.8,401,144.8,398.8,154.9z M243.5,78.8c-10.9,3.2-12.4-0.3-10.5,6.4  c0.8,0.6,2.3,0.8,3.8,0.8C242.1,86.1,249.3,83,243.5,78.8z M403.6,354.3c14.3-12.1,16.1-26.5,16.8-41.1  C414,325.7,395,339.5,403.6,354.3z M338.5,159.3c-0.1,0.1-0.1,0.1-0.1,0.2c0.1,0.2,0.2,0.2,0.2,0.2  C338.6,159.7,338.6,159.6,338.5,159.3z M256,0C114.6,0,0,114.6,0,256s114.6,256,256,256c141.4,0,256-114.6,256-256S397.4,0,256,0z   M256,492.3C125.5,492.3,19.7,386.5,19.7,256S125.5,19.7,256,19.7S492.3,125.5,492.3,256S386.5,492.3,256,492.3z"/><script xmlns=""/></svg>
                <p><%= country %></p>
            </div>
        </div>
    </section>
    <hr>
    <header>
        
        <% for(let i=p.length-1;i>=0;i--){ %>
        <a href="/<%= uName %>/post/#<%= p[i]._id %>"><img id=<%= p[i]._id %> src=<%= p[i].postUrl %> alt=<%= p[i].postDescription %>></a>
        <% } %>
        
        
    
    </header>




  

    <script>const checkbox = document.getElementById("checkbox")
        checkbox.addEventListener("change", () => {
          document.body.classList.toggle("dark")
        });
        function showHideDiv(ele) {
                var srcElement = document.getElementById(ele);
                if (srcElement != null) {
                    if (srcElement.style.display == "block") {
                        srcElement.style.display = 'none';
                    }
                    else {
                        srcElement.style.display = 'block';
                    }
                    return false;
                }
            }      
    </script>
</body>
</html>




