shell.php

<?php
    session_start();
    if(!isset($_SESSION['access_token'])){
        header("Location:../index.php");
    }
?>
<!DOCTYPE html>
<html lang="en" style="background:black">

<head>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Shell</title>
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
        <script src="https://kit.fontawesome.com/5d50a14114.js" crossorigin="anonymous"></script>
        <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/tsparticles/2.5.1/tsparticles.min.js"
            integrity="sha512-+YPbXItNhUCZR3fn5KeWPtJrXuoqRYQ4Gd1rIjEFG+h8UJYekebhOMh84vv7q+Y1sy5kdIIVtfftehCiigriMQ=="
            crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
        <link rel="stylesheet"
            href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
    </head>
</head>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;

}

html {
    scroll-behavior: smooth;
}


.navbar {
    width: 100%;
    z-index: 999;
    padding: 10px 0;
    background: black;
    font-family: 'Ubuntu', sans-serif;
    transition: all 0.3s ease;
}

.navbar.sticky {
    padding: 10px 0;
    background: crimson;
}

.navbar .max-width {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar .logo a {
    color: #fff;
    font-size: 35px;
    font-weight: 600;
}

.navbar .logo a span {
    color: crimson;
    transition: all 0.3s ease;
}

.navbar.sticky .logo a span {
    color: #fff;
}

.navbar .menu li {
    list-style: none;
    display: inline-block;
}

.navbar .menu li a {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-left: 25px;
    transition: color 0.3s ease;
}

.navbar .menu li a:hover {
    color: crimson;
}

.navbar.sticky .menu li a:hover {
    color: #fff;
}

.menu-btn {
    color: #fff;
    font-size: 23px;
    cursor: pointer;
    display: none;
}

.btn1 {
    z-index: 1000;
    text-decoration: none;
    font-family: "Ubuntu";
    color: crimson;
    font-size: 15px;
    font-weight: 200;
    position: absolute;
    top: 4.3%;
    right: 5%;
}

.btn1:hover {
    color: white;
}

.btn2 {
    z-index: 1000;
    text-decoration: none;
    font-family: "Ubuntu";
    color: crimson;
    font-size: 15px;
    font-weight: 200;
    position: absolute;
    top: 4.3%;
    right: 27%;
}

.btn2:hover {
    color: white;
}
.btn4{
    position: absolute;
    top: 4.3%;
    right: 65%;
    z-index: 1000;
    text-decoration: none;
    font-family: 'Ubuntu';
    color: crimson;
    font-size: 15px;
    font-weight: 200;

}
.btn4:hover{
    color: white;
}

.shellxx {
    border: 2px solid crimson;
    font-family: 'Ubuntu', sans-serif;
    border-radius: 7px;
    width: 600px;
    padding: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: white;
    background: rgb(25, 24, 24);
    border-radius: 2px solid crimson;
}

.shellxx:hover {
    background: crimson;
    transition: all 0.3s ease;
    transform: scale(1.05);
}

.read {
    color: blue;
}

.contentxx {
    background: rgb(25, 24, 24);
}

/* Some Additions made by me are here below */

.hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    background: #282a36;
}

.hljs-built_in,
.hljs-selector-tag,
.hljs-section,
.hljs-link {
    color: #8be9fd;
}

.hljs-keyword {
    color: #ff79c6;
}

.hljs,
.hljs-subst {
    color: #f8f8f2;
}

.hljs-title,
.hljs-attr,
.hljs-meta-keyword {
    font-style: italic;
    color: #50fa7b;
}

.hljs-string,
.hljs-meta,
.hljs-name,
.hljs-type,
.hljs-symbol,
.hljs-bullet,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
    color: #f1fa8c;
}

.hljs-comment,
.hljs-quote,
.hljs-deletion {
    color: #6272a4;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-title,
.hljs-section,
.hljs-doctag,
.hljs-type,
.hljs-name,
.hljs-strong {
    font-weight: bold;
}

.hljs-literal,
.hljs-number {
    color: #bd93f9;
}

.hljs-emphasis {
    font-style: italic;
}

<!-- HTML !-->
<button class="button-75" role="button"><span class="text">Button 75</span></button>

/* CSS */
.button-75 {
    align-items: center;
    background-image: linear-gradient(135deg, #f34079 40%, #fc894d);
    border: 0;
    border-radius: 10px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-family: "Codec cold",sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 54px;
    justify-content: center;
    letter-spacing: .4px;
    line-height: 1;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
    text-decoration: none;
    text-transform: uppercase;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-75:active {
    outline: 0;
}

.button-75:hover {
    outline: 0;
}

.button-75 span {
    transition: all 200ms;
}

.button-75:hover span {
    transform: scale(.9);
    opacity: .75;
}

@media screen and (max-width: 991px) {
    .button-75 {
        font-size: 15px;
        height: 50px;
    }

    .button-75 span {
        line-height: 50px;
    }
}
</style>

<body>
    <script src=".\highlight.min.js"></script>
    <script>hljs.highlightAll();</script>
    <nav class="navbar">
        <div class="max-width">
            <div class="logo"><a href="#">Gis<span>ts</span></a></div>

            <div class="menu-btn">
                <i class="fas fa-bars"></i>
            </div>
        </div>
    </nav>

    <?php
function getAllGists()
{
    $apiBase = "https://api.github.com/gists";
    $accToken = $_SESSION['access_token'];
    $curl = curl_init();
    curl_setopt($curl, CURLOPT_URL, $apiBase);
    curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
    curl_setopt($curl, CURLOPT_HTTPHEADER, array('Content-Type: application/vnd.github+json', 'Authorization: token ' . $accToken));
    curl_setopt($curl, CURLOPT_USERAGENT, 'CodeSpace Gists');
    curl_setopt($curl, CURLOPT_CUSTOMREQUEST, 'GET');
    $api_response = curl_exec($curl);
    $http_code = curl_getinfo($curl, CURLINFO_HTTP_CODE);
    if ($http_code != 200) {
        if (curl_errno($curl)) {
            $error_msg = curl_error($curl);
        } else {
            $error_msg = $api_response;
        }
        throw new Exception('Error ' . $http_code . ': ' . $error_msg);
    } else {
        return json_decode($api_response);
    }
}
$completeFile = "<div class='wrapper' style='
    display: grid;
    grid-template-columns: auto;
    row-gap: 20px;
    justify-content: center;
    justify-items: start;
    background: black;
'>";
$i = 0;
foreach (getAllGists() as $gist) {
    $existingGist = "";
    foreach ($gist->files as $filename) {
        $existingGist = '<div class="shellxx">';
        $i++;
        // $existingGist.=$i.')';//idhar laga
        $existingGist .= '<h3>' . $filename->filename . '</h3><br>';
        $existingGist .= '<br>'; //idhar laga
        $codestr = htmlspecialchars_decode(file_get_contents($filename->raw_url));
        $senCodeStr = $codestr;
        $codestr = substr($codestr, 0, 250);
        $existingGist .= '<pre><code class="language-python" id="codeBox__">' . $codestr . '</code></pre><br>';
        $existingGist .= '<form method="post" action="./EditGist/checkYourGist.php">
    <input type="hidden" name="varname" value="'. $filename->raw_url .'">
    <input type="submit" class="button-75" value="See the code"
    style="border: 2px solid crimson;
    border-radius: 6px;
    color: white;
    background: crimson;
    padding:3px;">
    </form>';
    $existingGist .= "</div><br>";
        //$_SESSION['flink'] = $filename -> raw_url;
        //$existingGist .= '<p>' . $filename->raw_url . '</p>';
    }
    $completeFile .= $existingGist;
}
$completeFile .= "</div>";
// echo  $_SESSION['access_token'];
?>
    <?php echo $completeFile; ?>
    <a href="./NewGist/newGist.php" class="btn1">Create A New Gist</a>
    <a href="./EditGist/listEditGist.php" class="btn2">Add To Existing Gist</a>
    <a href="./DeleteGist/deleteListGist.php" class="btn3" style="
    position: absolute;
    top: 4.3%;
    right: 48%;
    z-index: 1000;
    text-decoration: none;
    font-family: 'Ubuntu';
    color: crimson;
    font-size: 15px;
    font-weight: 200;
">Delete A Gist</a>
<a href="index.php" class="btn4"> Go Back </a>
</body>
<script>
$(document).ready(function() {
    $(window).scroll(function() {
        // sticky navbar on scroll script
        if (this.scrollY > 20) {
            $('.navbar').addClass("sticky");
        } else {
            $('.navbar').removeClass("sticky");
        }

    })
});


</script>


</html>