knowme/preview-check.html at main · Meshkat22/knowme · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>KnowMe CV - Preview Check</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            line-height: 1.6;
        }
        h1 {
            color: #333;
            border-bottom: 2px solid #4CAF50;
            padding-bottom: 10px;
        }
        h2 {
            color: #4CAF50;
            margin-top: 30px;
        }
        ul {
            list-style-type: none;
            padding: 0;
        }
        li {
            padding: 8px 0;
            border-bottom: 1px solid #eee;
        }
        .success {
            color: #4CAF50;
            font-weight: bold;
        }
        .info {
            color: #2196F3;
        }
    </style>
</head>
<body>
    <h1>KnowMe CV Website - Preview Check</h1>

    <p>This page helps you verify that your CV website has been set up correctly. You can open this file in any web browser to check your local setup before pushing to GitHub.</p>

    <h2>File Structure Check</h2>
    <ul>
        <li><span class="success">✓</span> README.md - Markdown version of your CV</li>
        <li><span class="success">✓</span> index.html - HTML version of your CV website</li>
        <li><span class="success">✓</span> style.css - CSS styles for the website</li>
        <li><span class="success">✓</span> .gitignore - Git ignore file</li>
        <li><span class="success">✓</span> final-instructions.md - Detailed usage instructions</li>
        <li><span class="success">✓</span> assets/ - Folder with placeholder images</li>
    </ul>

    <h2>Next Steps</h2>
    <ol>
        <li>Open and edit <strong>README.md</strong> to replace all placeholders with your actual information</li>
        <li>Open and edit <strong>index.html</strong> to update with your personal details</li>
        <li>Replace the placeholder images in the <strong>assets/</strong> folder with your own photos</li>
        <li>Update the video links in both files with your actual video URLs</li>
        <li>Customize <strong>style.css</strong> if you want to change the design</li>
        <li>Follow the instructions in <strong>final-instructions.md</strong> to deploy to GitHub Pages</li>
    </ol>

    <h2>How to View Your CV Website Locally</h2>
    <p class="info">Simply double-click on <strong>index.html</strong> in your file explorer to open your CV website in your default web browser.</p>

    <h2>GitHub Pages Information</h2>
    <p>Once deployed, your CV website will be available at:</p>
    <p><a href="https://meshkat22.github.io/knowme/" target="_blank">https://meshkat22.github.io/knowme/</a></p>

    <p>For more detailed instructions, please refer to the final-instructions.md file.</p>
</body>
</html>