SmokeCrack - Update

Fixes: - Fixed the alignment on the "salty"-app like interface. Improvement: - Added the correct SmokeCrack font - Gilroy. Credits: @kur0Black
MaximilianAdF · Feb 13, 2024 · 11566c8 · 11566c8
1 parent 6007832
commit 11566c8
Show file tree

Hide file tree

Showing 22 changed files with 44 additions and 19 deletions.
diff --git a/SmokeCrack/SmokeCrack.css b/SmokeCrack/SmokeCrack.css
@@ -1,7 +1,13 @@
+@font-face {
+ font-family: 'Gilroy';
+ src: url('fonts/Gilroy-Regular.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+
 body {
- font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+ font-family: 'Gilroy', sans-serif;
  color: aliceblue;
- background-color: blakc; /* Set background-color to transparent */
  overflow: hidden;
  position: relative;
  background: linear-gradient(rgba(21, 27, 48, 0.97), rgba(21, 27, 48, 0.97)),
@@ -81,7 +87,7 @@ body {
 .ip-info-square p {
  margin: 0;
  padding: 0 15px;
- font-size: 21px;
+ font-size: 15px;
  color: rgba(208, 208, 208, 0.834);
 }
 
@@ -383,7 +389,6 @@ body {
  width: 100%;
  height: 100%;
  gap: 7px;
-
 }
 
 .row p {
@@ -398,28 +403,31 @@ body {
  align-items: center;
 }
 
-.lvl-easy span,
-.lvl-medium span,
-.lvl-hard span {
+
+.easyTXT,
+.midTXT,
+.hardTXT {
+ width: 100px;
+ text-align: center;
  font-size: 20px;
  display: inline-block;
  white-space: nowrap;
  margin-left: 50px;
  margin-right: 10px;
 }
 
-.lvl-easy span {
+.easyTXT {
  color: rgb(85, 255, 164);
  text-shadow: 0 0 3px rgb(84, 255, 164);
 
 }
 
-.lvl-medium span {
+.midTXT {
  color: yellow;
  text-shadow: 0 0 3px yellow;
 }
 
-.lvl-hard span {
+.hardTXT {
  color: rgb(255, 84, 84);
  text-shadow: 0 0 3px rgb(255, 84, 84);
 }
@@ -442,6 +450,21 @@ body {
  background-color: rgb(255, 84, 84);
 }
 
+.easyMac,
+.midMac,
+.hardMac {
+ width: 400px;
+ text-align: left;
+}
+
+.easyIP,
+.midIP,
+.hardIP {
+ width: 300px;
+ text-align: left;
+ margin-right: 100px;
+}
+
 .other-container {
  display: flex;
  align-items: left;

diff --git a/SmokeCrack/SmokeCrack.html b/SmokeCrack/SmokeCrack.html
@@ -73,8 +73,8 @@ <h2>Hacking failed!</h2>
 
  <div class="mac-ip-container">
  <div class="row easy">
- <p>7c:89:3e:c8:cc:65</p>
- <p>192.168.0.105</p>
+ <p class="easyMac">7c:89:3e:c8:cc:65</p>
+ <p class="easyIP">192.168.0.105</p>
  <div class="lvl-easy">
  <div class="difficulty-bars">
  <div class="difficulty-bar"></div>
@@ -83,12 +83,12 @@ <h2>Hacking failed!</h2>
  <div class="difficulty-bar"></div>
  <div class="difficulty-bar"></div>
  </div>
- <span>Easy Level</span>
  </div>
+ <span class="easyTXT">Easy Level</span>
  </div>
  <div class="row medium">
- <p>fb:d4:31:c:38:e8&nbsp;</p>
- <p>192.168.0.205</p>
+ <p class="midMac">fb:d4:31:c:38:e8&nbsp;</p>
+ <p class="midIP">192.168.0.205</p>
  <div class="lvl-medium">
  <div class="difficulty-bars">
  <div class="difficulty-bar"></div>
@@ -97,12 +97,13 @@ <h2>Hacking failed!</h2>
  <div class="difficulty-bar"></div>
  <div class="difficulty-bar"></div>
  </div>
- <span>Mid Level&nbsp;</span>
+
  </div>
+ <span class="midTXT">Mid Level</span>
  </div>
  <div class="row hard">
- <p>71:21:e3:ea:f6:d0</p>
- <p>192.168.0.179</p>
+ <p class="hardMac">71:21:e3:ea:f6:d0</p>
+ <p class="hardIP">192.168.0.179</p>
  <div class="lvl-hard">
  <div class="difficulty-bars">
  <div class="difficulty-bar"></div>
@@ -111,8 +112,9 @@ <h2>Hacking failed!</h2>
  <div class="difficulty-bar"></div>
  <div class="difficulty-bar"></div>
  </div>
- <span>Hard Level</span>
+
  </div>
+ <span class="hardTXT">Hard Level</span>
  </div>
  </div>
 </body>

diff --git a/SmokeCrack/fonts/Gilroy-Black.ttf b/SmokeCrack/fonts/Gilroy-Black.ttf
diff --git a/SmokeCrack/fonts/Gilroy-BlackItalic.ttf b/SmokeCrack/fonts/Gilroy-BlackItalic.ttf
diff --git a/SmokeCrack/fonts/Gilroy-Bold.ttf b/SmokeCrack/fonts/Gilroy-Bold.ttf
diff --git a/SmokeCrack/fonts/Gilroy-BoldItalic.ttf b/SmokeCrack/fonts/Gilroy-BoldItalic.ttf
diff --git a/SmokeCrack/fonts/Gilroy-ExtraBold.ttf b/SmokeCrack/fonts/Gilroy-ExtraBold.ttf
diff --git a/SmokeCrack/fonts/Gilroy-ExtraBoldItalic.ttf b/SmokeCrack/fonts/Gilroy-ExtraBoldItalic.ttf
diff --git a/SmokeCrack/fonts/Gilroy-Heavy.ttf b/SmokeCrack/fonts/Gilroy-Heavy.ttf
diff --git a/SmokeCrack/fonts/Gilroy-HeavyItalic.ttf b/SmokeCrack/fonts/Gilroy-HeavyItalic.ttf
diff --git a/SmokeCrack/fonts/Gilroy-Light.ttf b/SmokeCrack/fonts/Gilroy-Light.ttf
diff --git a/SmokeCrack/fonts/Gilroy-LightItalic.ttf b/SmokeCrack/fonts/Gilroy-LightItalic.ttf
diff --git a/SmokeCrack/fonts/Gilroy-Medium.ttf b/SmokeCrack/fonts/Gilroy-Medium.ttf
diff --git a/SmokeCrack/fonts/Gilroy-MediumItalic.ttf b/SmokeCrack/fonts/Gilroy-MediumItalic.ttf
diff --git a/SmokeCrack/fonts/Gilroy-Regular.ttf b/SmokeCrack/fonts/Gilroy-Regular.ttf
diff --git a/SmokeCrack/fonts/Gilroy-RegularItalic.ttf b/SmokeCrack/fonts/Gilroy-RegularItalic.ttf
diff --git a/SmokeCrack/fonts/Gilroy-SemiBold.ttf b/SmokeCrack/fonts/Gilroy-SemiBold.ttf
diff --git a/SmokeCrack/fonts/Gilroy-SemiBoldItalic.ttf b/SmokeCrack/fonts/Gilroy-SemiBoldItalic.ttf
diff --git a/SmokeCrack/fonts/Gilroy-Thin.ttf b/SmokeCrack/fonts/Gilroy-Thin.ttf
diff --git a/SmokeCrack/fonts/Gilroy-ThinItalic.ttf b/SmokeCrack/fonts/Gilroy-ThinItalic.ttf
diff --git a/SmokeCrack/fonts/Gilroy-UltraLight.ttf b/SmokeCrack/fonts/Gilroy-UltraLight.ttf
diff --git a/SmokeCrack/fonts/Gilroy-UltraLightItalic.ttf b/SmokeCrack/fonts/Gilroy-UltraLightItalic.ttf