-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdata.html
97 lines (91 loc) · 6.05 KB
/
data.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>The Waveform Generation</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/wavgen.css">
<link rel="stylesheet" href="css/fonts.css">
<!-- Here is the prompt to use
All of the things that were done to the video.html page, including revising the font links and style section to use the external fonts.css file
for the custom google fonts, using the external modal.js file for the modal images, leaving only the realtime editing div at the top of the page
under the sticky header which stays, and do all of those things to this data.html file yet with a rewrite to the text in the data div to talk about
Creative coding exploring programming languages like python, Next.js and Generative Artifical Intelligence models and Quantum Computing.
Also don't change the sticky header and incorporate the existing dev log text and a modal ball image for future animated imagery and coding embeds in the section after.-->
<style>
@media screen and (max-width: 700px) {
.responsive-div {
width: 95%;
}
}
</style>
</head>
<body>
<div id="datasubnav-container"></div>
<div id="myModal" class="modal">
<span class="close">×</span>
<img class="modal-content" id="img01" alt="ball1">
<div id="caption"></div>
</div>
<div class="header">
<h2><a href="data.html">Creative Gen AI Coding</a></h2>
</div>
<a href="data.html" style="text-decoration: none; background-color: #340093;">
<div class="responsive-div" style="width: 90%; background-color: #000000; color: #FFFFFF; font-family: 'Roboto'; padding: 20px; margin: 20px left; border: 5px solid #E0FFE0; background-image: url('images/textures/greenarccard.jpg'); background-blend-mode: normal; background-size: cover;">
<h1 style="font-family: 'Roboto'; color: #FFFFFF;">Creative Coding & Artificial Intelligence</h1>
<h2 style="font-family: 'Roboto'; color: #FFFFFF;">Exploring Next-Generation Technologies: Python, Next.js, Gen AI, Cloud and Quantum Computing</h2>
<p style="font-family: 'Roboto'; color: #FFFFFF;">
At the intersection of creativity and computation, we explore cutting-edge technologies that shape the future of digital expression. From Python's versatile ecosystem for data manipulation and machine learning to Next.js's powerful web development framework, our creative coding journey embraces modern tools and methodologies. We delve into generative AI models, experimenting with neural networks and machine learning algorithms to create innovative digital experiences.
</p>
<p style="font-family: 'Roboto'; color: #FFFFFF;">
The frontier of quantum computing opens new possibilities for complex computations and algorithmic exploration. By combining these technologies with creative vision, we push the boundaries of what's possible in digital art, data visualization, and interactive experiences. Our approach integrates traditional programming paradigms with emerging technologies, creating a bridge between conventional development and future technological innovations.
</p>
</div>
</a>
<div class="row">
<div class="side">
<h3>Let's use this page as a little Dev log</h3>
<h3>A technical or exploration Journal of sorts</h3>
<h3>I will make these my Github Statuses</h3>
<h3><a href="https://github.com/visualsbytheRob/Wavgen.ca_on_GitHub/wiki">The Github Wiki is a good place
too</a></h3>
</div>
<div class="main">
<h4>- Haven't touched the site since 2021 where it just sat waiting for love</h4>
<h4>- In April 2024 I added an animated GIF made in TouchDesigner as a teaser</h4>
<h4>- In September 2024 the real action began when I decided to make this my main site</h4>
<h4>- I cleaned up the code on my Github Pages and made it's CSS look nicer</h4>
<h4>- Gathered over 1000 repos to use in future site and projects</h4>
<h4>- Enhanced my Github page with descriptions and my readme</h4>
<h4>- I discovered I didn’t need html5-boilerplate as my site had it already lol</h4>
<h4>- Added a Wiki on the Github which will mirror this info</h4>
<h4>- Going to try to merge Tailwind CSS with my wavgen CSS using Chat GPT</h4>
<h4>- I have decided not to use Tailwind. I will provide ChatGPT my site to evolve it</h4>
<h4>- ChatGPT just taught me how to modularize my site using Javascipt!</h4>
<h4>- ChatGPT helped me create a sticky header and taught me about the z-index</h4>
<h4>- Today I loaded over 100 vscode extensions for every language and platform I know</h4>
<h4>- With the subnav and pages in place, focus now turns to Javascript and enhancing the site</h4>
<h4>- GSAP scrolltrigger parallax background and Infinite scroll galleries with my modal done</h4>
<h4>- I have kind of jumped ahead and dove into Vercel and v0.dev and I am amazed</h4>
<h4>- To organize the project Atlassian Jira has been implemented to tell the stories</h4>
<h4>- In VSCode TabNine Pro with GPT-4o has been setup free for 90 days to help code</h4>
<h4>- GitHub Universe inspired me to git GitHub Copilot testing vs TabNine will be fun</h4>
<h4>- CoPilot and I coded a Scientific Calculator and List application in Python</h4>
<h4>- In only four days I have built the first draft of my site with CoPilot's help</h4>
</div>
</div>
<div class="row">
<div class="side">
<h3>Future Animations</h3>
<p><img src="images/1.gif" alt="Code 1" style="width:320px;height:240px;"></p>
</div>
<div class="main">
<h4>Creative Coding Project</h4>
<h4>Python + Next.js 2024</h4>
</div>
</div>
<div id="footer-container"></div>
<script src="js/modal.js"></script>
<script src="js/loadComponents.js"></script>
</body>
</html>