Hugging Face's logo

Spaces:
Mooshie
/
devops-portfolio
Running

App Files Community
devops-portfolio
File size: 3,259 Bytes
76c6e64
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ec87762
 
 
 
 
 
 
 
 
 
 
 
76c6e64
 
 
ec87762
76c6e64
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ec87762
 
 
 
76c6e64
ec87762
76c6e64
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
 
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kent Vuong | Full-Stack & DevOps Engineer</title>
    <meta name="description" content="Portfolio of Kent Vuong - Full-Stack & DevOps Engineer specializing in scalable web applications and cloud infrastructure.">
    
    <link rel="stylesheet" href="style.css">
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
    <script src="https://unpkg.com/feather-icons"></script>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">

    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        brand: {
                            yellow: '#EAB308', // Yellow 500
                            black: '#0a0a0a',  // Deep Black
                            dark: '#171717',   // Neutral 900
                            gray: '#262626',   // Neutral 800
                        }
                    },
                    fontFamily: {
                        sans: ['Inter', 'sans-serif'],
                        mono: ['Fira Code', 'monospace'],
                    }
                }
            }
        }
    </script>
</head>
<body class="bg-brand-black text-gray-200 font-sans antialiased overflow-x-hidden selection:bg-brand-yellow selection:text-brand-black">

    <!-- Preloader -->
    <custom-preloader></custom-preloader>
    <script src="components/preloader.js"></script>

    <!-- Scroll Progress -->
    <custom-scroll-progress></custom-scroll-progress>
    <script src="components/scroll-progress.js"></script>

    <!-- Back to Top -->
    <custom-back-to-top></custom-back-to-top>
    <script src="components/back-to-top.js"></script>

    <!-- Components -->
    <script src="components/navbar.js"></script>
    <custom-navbar></custom-navbar>
<main class="relative z-10">
        
        <!-- Hero Section -->
        <script src="components/hero.js"></script>
        <custom-hero></custom-hero>

        <!-- Terminal Section -->
        <script src="components/terminal.js"></script>
        <custom-terminal></custom-terminal>

        <!-- Skills Section -->
        <script src="components/skills.js"></script>
        <custom-skills></custom-skills>

        <!-- Projects Section -->
        <script src="components/projects.js"></script>
        <custom-projects></custom-projects>

        <!-- Contact Section -->
        <script src="components/contact.js"></script>
        <custom-contact></custom-contact>
    </main>

    <!-- Footer -->
    <script src="components/footer.js"></script>
    <custom-footer></custom-footer>

    <script src="script.js"></script>
<script>
        feather.replace();
    </script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html>