ATK-LOG.github.io/posts.html at main · Taha2053/ATK-LOG.github.io · 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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ATK'Log</title>
    <link rel="icon" href="Images/emoji_image.png" type="image/png">
    <link rel="stylesheet" href="Styles/contact.css">
    <link rel="stylesheet" href="Styles/phonescreencss.css">
    <link rel="stylesheet" href="Styles/postcontainer.css">

    <script src="https://kit.fontawesome.com/d72947389b.js" crossorigin="anonymous"></script>
</head>
<body>
    <div id="header">
        <div class="container">
            <nav>
                <a href="index.html" style="text-decoration: none; color: inherit;"><h1>🍊 ATK'Log </h1></a>

                <ul id="sidemenu">
                    <li><a href="index.html#about">About</a></li>
                    <li><a href="index.html#projects">Projects</a></li>
                    <li><a href="index.html#services">Services</a></li>
                    <li><a href="index.html#posts">Posts</a></li>
                    <!-- <li><a href="index.html#chatbot">ChatBot</a></li> -->
                    <li><a href="index.html#contact">Contact</a></li>
                    <i class="fa-solid fa-xmark" onclick="closemenu()"></i>
                </ul>
                <i class="fa-solid fa-bars" onclick="openmenu()"></i>
            </nav>
        </div>
    </div>

    <!-- Posts Section -->
    <section id="posts">
        <div class="container">
            <h1>Blog Posts</h1>

            <div class="postslist">
                <div class="post">
                    <h2>Understanding Prompt Engineering</h2>
                    <p class="description">The article explains the fundamentals of prompt engineering, focusing on techniques for crafting effective prompts to guide AI models towards desired outputs.</p>
                    <div class="tags">
                        <a href="#">AI</a>
                        <a href="#">Technology</a>
                    </div>
                    <a href="posts-folder/PromptEngineering/PromptEngArticle.html">Read More</a>
                </div>
                <div class="post">
                    <h2>Agentic AI</h2>
                    <p class="description">AI agents are autonomous systems that perform complex tasks, plan, learn, and adapt. They differ from chatbots by utilizing tools and making independent decisions. The article highlights their architecture, types, and the need for human supervision.</p>
                    <div class="tags">
                        <a href="#">AI</a>
                        <a href="#">Technology</a>
                    </div>
                    <a href="posts-folder/Agentic AI/AIAgentsArticle.html">Read More</a>
                </div>
                <!--
                <div class="post">
                    <h2>Exploring Quantum Computing</h2>
                    <p class="description">Quantum computing is transforming the tech industry. This article covers the basics of quantum computing and its potential applications.</p>
                    <div class="tags">
                        <a href="#">Quantum Computing</a>
                        <a href="#">Physics</a>
                    </div>
                    <a href="posts-folder/StandardArticle.html">Read More</a>
                </div>

                <div class="post">
                    <h2>The Future of Data Science</h2>
                    <p class="description">Data science continues to evolve with new tools and techniques. This post explores emerging trends and the future of data science in various industries.</p>
                    <div class="tags">
                        <a href="#">Data Science</a>
                        <a href="#">Big Data</a>
                    </div>
                    <a href="#">Read More</a>
                </div>

                <div class="post">
                    <h2>Understanding AI and Machine Learning</h2>
                    <p class="description">In this post, we dive deep into the concepts of AI and machine learning, discussing the key differences, applications, and future possibilities.</p>
                    <div class="tags">
                        <a href="#">AI</a>
                        <a href="#">Machine Learning</a>
                        <a href="#">Technology</a>
                    </div>
                    <a href="#">Read More</a>
                </div>

                <div class="post">
                    <h2>Understanding AI and Machine Learning</h2>
                    <p class="description">In this post, we dive deep into the concepts of AI and machine learning, discussing the key differences, applications, and future possibilities.</p>
                    <div class="tags">
                        <a href="#">AI</a>
                        <a href="#">Machine Learning</a>
                        <a href="#">Technology</a>
                    </div>
                    <a href="#">Read More</a>
                </div>
                 -->
            </div>
        </div>
    </section>

    <div id="contact">
        <div class="copyright">
            <p>
                Copyright © Almouthana Taha Khalfallah. 2025 All rights reserved
            </p>
        </div>
    </div>


    <script>
        var sidemenu = document.getElementById("sidemenu");

        function openmenu(){
            sidemenu.style.right = "0"
        }

        function closemenu(){
            sidemenu.style.right = "-200px"
        }
    </script>

    <script>
        const scriptURL = 'https://script.google.com/macros/s/AKfycbzTZvOT6A32VRj6eZ5ozr22och8IryIvtJ-O-MjWZKILD4YkKCyS0-MuMiyR6fAizbI/exec'
        const form = document.forms['submit-to-google-sheet']
        const msg = document.getElementById("msg")

        form.addEventListener('submit', e => {
            e.preventDefault()
            fetch(scriptURL, { method: 'POST', body: new FormData(form)})
                .then(response => {
                    msg.innerHTML="Message sent successfully"
                    setTimeout(function(){
                        msg.innerHTML=""
                    },5000)
                    form.reset()
                })
                .catch(error => console.error('Error!', error.message))
        })
    </script>
</body>
</html>