Skip to content

Commit 7929718

Browse files
author
Said Elimam
committed
Full Refresh of Website style and Content
1 parent 476d2ee commit 7929718

6 files changed

Lines changed: 1457 additions & 60 deletions

File tree

‎.gitignore‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
node_modules/
2+
.DS_Store
3+
*.log
4+

‎README.md‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,39 @@
11
# devcompack.github.io
22
https://dev.saidelimam.com
3+
4+
## Local Development
5+
6+
### Option 1: Using Node.js (Recommended)
7+
8+
1. Install dependencies:
9+
```bash
10+
npm install
11+
```
12+
13+
2. Start the local preview server:
14+
```bash
15+
npm run preview
16+
```
17+
18+
Or use the dev script:
19+
```bash
20+
npm run dev
21+
```
22+
23+
The site will be available at `http://localhost:3000`
24+
25+
### Option 2: Using Python
26+
27+
If you have Python installed, you can use Python's built-in HTTP server:
28+
29+
**Python 3:**
30+
```bash
31+
python3 -m http.server 3000
32+
```
33+
34+
**Python 2:**
35+
```bash
36+
python -m SimpleHTTPServer 3000
37+
```
38+
39+
Then open `http://localhost:3000` in your browser.

‎index.html‎

Lines changed: 59 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,6 @@
1010
<meta name="google-site-verification" content="y-jWENVFpzlv7miq7y91qbOZsFWRPnT97zbygWoHlnY" />
1111
<link rel="icon" type="image/png" href="favicon.png">
1212
<link rel="stylesheet" type="text/css" href="style.css" />
13-
<link rel="stylesheet" type="text/css"
14-
href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.8.1/semantic.min.css" />
15-
<!--[if lt IE 9]>
16-
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
17-
<![endif]-->
1813

1914
<script>
2015
(function (i, s, o, g, r, a, m) {
@@ -33,64 +28,81 @@
3328
<body>
3429
<div id="wrapper">
3530
<div id="content">
36-
<div class="ui yellow message" style="display:none;">
37-
<i class="star icon"></i>
38-
Website is under construction..
39-
</div>
40-
<div class="ui items">
41-
<div class="item">
42-
<a class="ui tiny image" href="https://gocollab.cc">
43-
<img alt="rs-logo" src="images/gocollab.ico">
31+
<header class="header">
32+
<p class="subtitle">Community Development Projects</p>
33+
</header>
34+
35+
<div class="cards-container">
36+
<div class="card">
37+
<span class="card-label label-live">live</span>
38+
<a href="https://gocollab.cc" class="card-image">
39+
<img alt="GoCollab logo" src="images/gocollab.ico">
4440
</a>
45-
<div class="content">
46-
<a class="header" href="https://gocollab.cc">GoCollab.cc</a>
47-
<div class="description">
48-
<p>Creative Social Platform project.</p>
49-
<a href="https://gocollab.cc">View Website</a>
50-
</div>
41+
<div class="card-content">
42+
<h2 class="card-title">
43+
<a href="https://gocollab.cc">GoCollab.cc</a>
44+
</h2>
45+
<p class="card-description">Creative Social Platform project.</p>
46+
<a href="https://gocollab.cc" class="card-link">View Website →</a>
5147
</div>
5248
</div>
53-
<div class="item">
54-
<a class="ui tiny image" href="http://dev.saidelimam.com/setupmaker/">
55-
<img alt="dcpsm-logo" src="images/setupmaker.png">
49+
50+
<div class="card">
51+
<span class="card-label label-live">live</span>
52+
<a href="http://dev.saidelimam.com/setupmaker/" class="card-image">
53+
<img alt="DCP Setup Maker logo" src="images/setupmaker.png">
5654
</a>
57-
<div class="content">
58-
<a class="header" href="http://dev.saidelimam.com/setupmaker/">DCP Setup Maker</a>
59-
<div class="description">
60-
<p>Powerful cross-platform install builder.</p>
61-
<a href="http://dev.saidelimam.com/setupmaker/">View Website</a>
62-
</div>
55+
<div class="card-content">
56+
<h2 class="card-title">
57+
<a href="http://dev.saidelimam.com/setupmaker/">DCP Setup Maker</a>
58+
</h2>
59+
<p class="card-description">Powerful cross-platform install builder.</p>
60+
<a href="http://dev.saidelimam.com/setupmaker/" class="card-link">View Website →</a>
6361
</div>
6462
</div>
65-
<div class="item">
66-
<a class="ui tiny image" href="https://github.com/RoleSwitch">
67-
<img alt="rs-logo" src="images/roleswitch.png">
63+
64+
<div class="card">
65+
<span class="card-label label-aborted">aborted</span>
66+
<a href="https://github.com/RoleSwitch" class="card-image">
67+
<img alt="RoleSwitch logo" src="images/roleswitch.png">
6868
</a>
69-
<div class="content">
70-
<a class="header" href="https://github.com/RoleSwitch">RoleSwitch</a>
71-
<div class="description">
72-
<p>Role-Playing Social Network project.</p>
73-
<a href="https://github.com/RoleSwitch">View Source</a>
74-
</div>
69+
<div class="card-content">
70+
<h2 class="card-title">
71+
<a href="https://github.com/RoleSwitch">RoleSwitch</a>
72+
</h2>
73+
<p class="card-description">Role-Playing Social Network project.</p>
74+
<a href="https://github.com/RoleSwitch" class="card-link">View Source →</a>
7575
</div>
7676
</div>
77-
<div class="item">
78-
<a class="ui tiny image" href="https://github.com/HumInAct">
79-
<img alt="hia-logo" src="images/huminact_logo.png">
77+
78+
<div class="card">
79+
<span class="card-label label-aborted">aborted</span>
80+
<a href="https://github.com/HumInAct" class="card-image">
81+
<img alt="HumInAct logo" src="images/huminact_logo.png">
8082
</a>
81-
<div class="content">
82-
<a class="header" href="https://github.com/HumInAct">HumInAct</a>
83-
<div class="description">
84-
<p>Artificial Intelligence project to simulate brain memory using NLP.</p>
85-
<a href="https://github.com/HumInAct">View Source</a>
86-
</div>
83+
<div class="card-content">
84+
<h2 class="card-title">
85+
<a href="https://github.com/HumInAct">HumInAct</a>
86+
</h2>
87+
<p class="card-description">Artificial Intelligence project to simulate brain memory using NLP.</p>
88+
<a href="https://github.com/HumInAct" class="card-link">View Source →</a>
8789
</div>
8890
</div>
8991
</div>
9092
</div>
93+
94+
<footer class="footer">
95+
<p class="footer-text">
96+
&copy; <span id="current-year"></span> Created by <a href="https://saidelimam.com" class="footer-link">Said Elimam</a>
97+
</p>
98+
</footer>
9199
</div>
92100

93-
<script async src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.8.1/semantic.min.js"></script>
101+
<script>
102+
// Set current year for copyright
103+
document.getElementById('current-year').textContent = new Date().getFullYear();
104+
</script>
105+
94106
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7816663811120927"
95107
crossorigin="anonymous"></script>
96108
</body>

0 commit comments

Comments
 (0)