Today, I wanted to mess around with creating a little project I’m calling “Sunrise Entertainment.” It’s nothing fancy, just a fun idea I had, and I figured I’d document the whole process, warts and all.
Getting Started
First, I brainstormed what “Sunrise Entertainment” even was. I pictured a simple website, maybe something that could eventually showcase small games or interactive stories. I didn’t want to get bogged down in anything too complex, so I decided to keep it super basic for now.
Setting Up the Project
I created a new folder on my desktop. Inside that, I made a basic HTML file (*), a CSS file (*), and a JavaScript file (*). Just the bare bones, nothing fancy.
The HTML Structure
I opened up the * file and started typing. I added the usual HTML boilerplate stuff – you know, the <html>, <head>, <body> tags. I threw in a title (“Sunrise Entertainment – Welcome!”) and a heading. Then I added a simple <div> to hold the main content. I figured I’d populate that later.
The code looks like:
- <!DOCTYPE html>
- <html lang=”en”>
- <head>
- <meta charset=”UTF-8″>
- <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
- <title>Sunrise Entertainment</title>
- <link rel=”stylesheet” href=”*”>
- </head>
- <body>
- <h1>Welcome to Sunrise Entertainment!</h1>
- <div id=”content”>
- <p>We are starting!</p>
- </div>
- <script src=”*”></script>
- </body>
- </html>
Styling with CSS
Next, I jumped over to the * file. I wanted a clean, simple look. I set a basic font (just plain old sans-serif), added some background color, and centered the content. Really, really basic stuff. I played around with the colors a bit until I found something I liked.
A Touch of JavaScript
I didn’t have any big plans for JavaScript yet, but I added a simple alert to the * file, just to make sure everything was connected properly. You know, the classic “Hello, world!” type thing. Once I saw that pop up, I knew I was good to go.
The Result (So Far!)
I build my style file, and the code:
- body {
- font-family: sans-serif;
- background-color: #f0f0f0;
- text-align: center;
- padding: 50px;
I build my Javascript file, and I just put a simple code there:
- alert(“Hello, world!”);
It’s… well, it’s a start! I’ve got a basic webpage with a title and some centered text. It doesn’t do anything yet, but it’s a foundation. I can build on this. The whole process took me, like, maybe an hour, tops. It’s amazing how quickly you can get something up and running when you keep it simple.
Next steps? I’m thinking maybe I’ll add some images, or maybe even try to embed a super simple game. We’ll see where the inspiration takes me! This is the fun part – just experimenting and seeing what happens.
