Add files via upload
This commit is contained in:
Adil Sadqi
GitHub
commit
50c9b3bfed
|
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
layout: default
|
||||
title: 404...
|
||||
permalink: /404.html
|
||||
---
|
||||
|
||||
<p>Sorry this page does not exist... :(</p>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
AS License
|
||||
|
||||
Copyright (c) 2023
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
# Windows 95 Theme for GitHub
|
||||
|
||||
|
||||
|
||||
Homepage: [Windows 95](https://win.asadqi.com)
|
||||
|
||||
|
||||
Author: [Adil Sadqi](https://github.com/AdilSadqi)
|
||||
|
||||
License: [AS](https://github.com/AdilSadqi)
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
permalink: /:year:month:day/:title
|
||||
url: #https://win.asadqi.com/
|
||||
baseurl: /project
|
||||
|
||||
# variables
|
||||
name: Windows Sadqi
|
||||
description: This is windows theme using html5
|
||||
google_verification: null
|
||||
|
||||
|
||||
# File management
|
||||
include: [".htaccess"]
|
||||
exclude: ["README.md", "LICENSE"]
|
||||
|
||||
# Sass
|
||||
sass:
|
||||
style: :compressed
|
||||
sass_dir: _sass
|
||||
|
||||
# Markdown
|
||||
markdown: kramdown
|
||||
kramdown:
|
||||
input: GFM
|
||||
syntax_highlighter_opts:
|
||||
disable : true
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
tag1:
|
||||
name: Home
|
||||
|
||||
tag2:
|
||||
name: About
|
||||
|
||||
tag3:
|
||||
name: Projects
|
||||
|
||||
tag4:
|
||||
name: Contact
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>My Awesome Website</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Did You Liked My Website?!</h1>
|
||||
<p>Please feel free to check my social page and contact me if you have anything for me to say😉<br>
|
||||
I'll be happy with that!</p>
|
||||
|
||||
|
||||
<div class="donate">
|
||||
<p id="ip">Loading IP address...</p>
|
||||
<p id="location">Loading location...</p>
|
||||
<p id="time">Loading local time...</p>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
fetch("https://api.ipdata.co?api-key=008abb2ebdef31a11d5ce7693ce42de5a69a66af1e88699a327820b8")
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
var ip = data.ip;
|
||||
var location = data.city + ", " + data.region + ", " + data.country_name;
|
||||
var time = new Date();
|
||||
time.setMinutes(time.getMinutes() + time.getTimezoneOffset() + data.time_zone.offset / 60);
|
||||
document.getElementById("ip").innerHTML = "Your IP address: " + ip;
|
||||
document.getElementById("location").innerHTML = "Your location: " + location;
|
||||
document.getElementById("time").innerHTML = "Your local time: " + time.toLocaleString();
|
||||
})
|
||||
.catch(error => console.log(error));
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<ul class="topbar">
|
||||
<a href="/me"><li><u>A</u>bout</li></a>
|
||||
<a href="https://adil.asadqi.com" target="_blank"><li><u>T</u>erminal</li></a>
|
||||
<a href="#" onclick="closeWindow();"><li><u>S</u>hutdown</li></a>
|
||||
</ul>
|
||||
|
||||
<script>
|
||||
function closeWindow() {
|
||||
var newWindow = window.open('about:blank', '_self');
|
||||
window.close();
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,98 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="/assets/css/atom-one-light.css">
|
||||
{% if page.title or page.title == 'me' %}
|
||||
<title>{{ page.title }}</title>
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/002.css">
|
||||
{% else %}
|
||||
<title>{{ site.name }}</title>
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/001.css">
|
||||
{% endif %}
|
||||
<link rel="stylesheet" href="/assets/css/font-awesome.min.css">
|
||||
<link rel="shortcut icon" href="/assets/img/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/assets/img/favicon.ico" type="image/x-icon">
|
||||
<script src="/assets/js/highlight.pack.js"></script>
|
||||
<script>hljs.initHighlightingOnLoad();</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<div class="default_title">
|
||||
<img src="/assets/img/mycomputer.png" />
|
||||
{% if page.tag %}
|
||||
<h1>{{ page.tag }}</h1>
|
||||
{% else %}
|
||||
<h1>{{ site.name }}</h1>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% include topbar.html %}
|
||||
<div class="tag_list">
|
||||
<ul id="tag-list">
|
||||
<li><a href="/" ><img src="/assets/img/disk.png" />(C:)</a>
|
||||
<ul>
|
||||
{% assign tags = site.tags | sort %}
|
||||
{% for tag in tags %}
|
||||
<li><a href="/tag/{{ tag | first | slugify }}/" title="{{ tag[0] | replace:'-', ' ' }}"><img src="/assets/img/folder.ico" />{{ tag[0] | replace:'-', ' ' }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="post_list">
|
||||
{% unless page.date%}
|
||||
{% if page.title == 'me' or page.title == '404...' %}
|
||||
<ul>
|
||||
{% for post in site.posts %}
|
||||
<li><a href="{{ post.url }}" title="{{ post.title }}"><img src="/assets/img/file.ico" title="{{ post.title }}" />{{ post.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% else %}
|
||||
{{ content }}
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<ul>
|
||||
{% for post in site.posts %}
|
||||
<li><a href="{{ post.url }}" title="{{ post.title }}"><img src="/assets/img/file.ico" title="{{ post.title }}" />{{ post.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endunless %}
|
||||
</div>
|
||||
<div class="post_total">
|
||||
{% if page.tag %}
|
||||
<div class="left">{{ site.tags[page.tag] | size }} object(s)</div>
|
||||
{% else %}
|
||||
<div class="left">{{ site.posts | size }} object(s)</div>
|
||||
{% endif %}
|
||||
<div class="right"> </div>
|
||||
</div>
|
||||
</div>
|
||||
{% if page.title %}
|
||||
<div class="content">
|
||||
<div class="post_title">
|
||||
<img src="/assets/img/file.png" />
|
||||
<h1>{{ page.title }}</h1>
|
||||
<a href="/"><div class="btn"><span class="fa fa-times"></span></div></a>
|
||||
<div class="btn btn_max"><span class="fa fa-window-maximize"></span></div>
|
||||
<div class="btn"><span class="fa fa-window-minimize"></span></div>
|
||||
</div>
|
||||
<ul class="topbar">
|
||||
<li>{{ page.date | date: '%B %-d, %Y' }}</li>
|
||||
</ul>
|
||||
<div class="post_content">
|
||||
{{ content }}
|
||||
{% if page.title %}
|
||||
{% include donate.html %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<script src="/assets/js/001.js"></script>
|
||||
<script src="/assets/js/002.js"></script>
|
||||
<div class="footer">
|
||||
<p>Created by <a href="https://adil.asadqi.com/" target="_blank">Adil Sadqi </a> | Code licensed under <a href="https://adil.asadqi.com/" target="_blank">AS License</a></p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
{{ content }}
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
<ul>
|
||||
{% for post in site.tags[page.tag] %}
|
||||
<li><a href="{{ post.url }}" title="{{ post.title }}"><img src="/assets/img/file.ico" title="{{ post.title }}" />{{ post.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
---
|
||||
layout: default
|
||||
title: "Social"
|
||||
tags: Contact
|
||||
---
|
||||
|
||||
## Source: [ASADQI.COM](https://adil.asadqi.com)
|
||||
|
||||
# <a name="top"></a>Contacts
|
||||
|
||||
* [Instagram](https://www.instagram.com/sadqi.adil/)
|
||||
* [Discord](https://discord.com/users/AdilSadqi#6482)
|
||||
* [Twitter](https://twitter.com/adilsadqi/)
|
||||
* [Whatsapp](https://api.whatsapp.com/send?phone=17253331912&text=Hi%20%2CI%20got%20your%20Whatsapp%20number%20from%20your%20Terminal%20%F0%9F%98%8A)
|
||||
* [Email](mailto:adil@asadqi.com) : adil@asadqi.com
|
||||
* [Phone](tel:+212624489471) : +212624489471
|
||||
|
||||
***
|
||||
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
---
|
||||
layout: default
|
||||
title: "My Projects"
|
||||
tags: Projects
|
||||
---
|
||||
|
||||
## My Projects
|
||||
|
||||
On this page you will find all what i have learned in the past years until now.
|
||||
|
||||
Here is the List of Programs:
|
||||
|
||||
*HTLM
|
||||
|
||||
*VISUAL BASIC
|
||||
|
||||
*ADOBE FLASH
|
||||
|
||||
*RUBY
|
||||
|
||||
*LINUX
|
||||
|
||||
*NETWORKING
|
||||
|
||||
*SERVERS MANAGMENT
|
||||
|
||||
*PYTHON
|
||||
|
||||
*JAVA
|
||||
|
||||
Here is the List of projects :
|
||||
|
||||
*ROUTER ON RASPBERRY PI
|
||||
|
||||
*AUTOMATION ON RASPBERRY PI
|
||||
|
||||
*CUSTOMIZE OS ON VM
|
||||
|
||||
*SERVER CREATION ON RASPBERRY PI AND VM
|
||||
|
||||
*BOTS CREATION
|
||||
|
||||
*WEBSITE CREATION
|
||||
|
||||
*CLOUD CREATION
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
---
|
||||
layout: default
|
||||
title: "Founder"
|
||||
tags: Creator
|
||||
---
|
||||
|
||||
## My Idea of this webpage
|
||||
|
||||
This Website created by me ( Adil Sadqi )and I’ve name it Windows because this is like my knowledge Windows and to put all my experience on this page , and the purpose of building this site is just to let people know more about me and keep in touch with my Friends and with who i know and everyone interesting to contact me , with a simple design and new look website.
|
||||
|
||||
And I’ve used to build this website HTML , PHP and CSS with some animation to keep it lightweight site.
|
||||
|
||||
Please feel free to contact me.
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
---
|
||||
layout: default
|
||||
title: "About Me"
|
||||
tags: Creator
|
||||
---
|
||||
|
||||
## Few details about me
|
||||
|
||||
|
||||
Hey, I’m Adil!👋
|
||||
|
||||
Since 1998 I’ve start learning about computer and programing and you are in the right place to find out all what i have learned in the past years until now
|
||||
|
||||
And this Website created by me and I’ve name it Terminal because this is like my knowledge Terminal and to put all my experience on this page
|
||||
|
||||
And the purpose of building this site is just to let people know more about me and keep in touch with my Friends and with who i know and everyone interesting to contact me
|
||||
|
||||
with a simple design and new look website.
|
||||
|
||||
And I’ve used to build this website HTML
|
||||
|
||||
PHP and CSS with some animation to keep it lightweight site.
|
||||
|
|
@ -0,0 +1,438 @@
|
|||
body {
|
||||
background: #008082;
|
||||
font-family: sans-serif, serif, monospace;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.wrapper, .content {
|
||||
width: 800px;
|
||||
margin: auto;
|
||||
margin-top: 20px;
|
||||
background: #bfb8bf;
|
||||
border: 2px solid;
|
||||
border-color: #fff8ff #000000 #000000 #fff8ff;
|
||||
padding: 2px 0;
|
||||
}
|
||||
.default_title, .post_title {
|
||||
padding: 2px 4px 3px 4px;
|
||||
position: relative;
|
||||
|
||||
h1 {
|
||||
color: #bfb8bf;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
img {
|
||||
float: left;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin: 0 3px 0 0;
|
||||
}
|
||||
}
|
||||
.post_title {
|
||||
h1 {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.btn {
|
||||
background: #cccccc;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
float: right;
|
||||
border: 2px solid;
|
||||
border-color: #fff8ff #000000 #000000 #fff8ff;
|
||||
|
||||
span {
|
||||
font-size: 11px;
|
||||
position: relative;
|
||||
left: 2px;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.fa-window-minimize {
|
||||
font-size: 10px;
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
.fa-window-maximize {
|
||||
font-size: 10px;
|
||||
left: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn_max {
|
||||
margin: 0 3px 0 0;
|
||||
}
|
||||
|
||||
.btn:active {
|
||||
width: 12px;
|
||||
height: 10px;
|
||||
}
|
||||
}
|
||||
ul.topbar {
|
||||
list-style: none;
|
||||
padding: 0 10px;
|
||||
margin: 3px 0 3px 0;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 5px 0 0;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #000000;
|
||||
}
|
||||
}
|
||||
.post_list, .tag_list, .post_content {
|
||||
background: #fff8ff;
|
||||
border-width: 2px;
|
||||
border-style: ridge groove groove ridge;
|
||||
border-color: #7f787f #fff8ff #fff8ff #7f787f;
|
||||
}
|
||||
.post_list {
|
||||
width: 70.2%;
|
||||
margin: 0 auto;
|
||||
min-height: 150px;
|
||||
max-height: 150px;
|
||||
overflow-y: scroll;
|
||||
display: inline-block;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 10px;
|
||||
max-width: 16ch;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #000000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.tag_list {
|
||||
width: 28%;
|
||||
margin: 0 auto;
|
||||
min-height: 150px;
|
||||
max-height: 150px;
|
||||
overflow-y: scroll;
|
||||
display: inline-block;
|
||||
|
||||
img {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin: -2px 5px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
ul {
|
||||
li {
|
||||
max-width: 27ch;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
#tag-list {
|
||||
background:transparent url(/assets/img/pixel-alt.png) repeat-y 15px 0;
|
||||
}
|
||||
#tag-list li {
|
||||
padding:0 0 0 2px;
|
||||
}
|
||||
#tag-list li a {
|
||||
background: #fff8ff;
|
||||
display:block;
|
||||
}
|
||||
#tag-list li ul li {
|
||||
background:transparent url(/assets/img/pixel-alt.png) repeat-x 0 8px;
|
||||
margin:4px 0 4px 13px;
|
||||
padding:0 0 0 20px;
|
||||
}
|
||||
.post_total {
|
||||
.left, .right {
|
||||
border: 1px solid;
|
||||
border-color: #888888 #dadada #dadada #888888;
|
||||
display: inline-block;
|
||||
padding: 1px 3px;
|
||||
}
|
||||
.left {
|
||||
width: 33%;
|
||||
margin-left: 2px;
|
||||
}
|
||||
.right {
|
||||
width: 64%;
|
||||
margin-right: 2px;
|
||||
}
|
||||
}
|
||||
.post_content {
|
||||
position: relative;
|
||||
width: 98.5%;
|
||||
min-height: 600px;
|
||||
max-height: 600px;
|
||||
padding: 2px;
|
||||
margin: 0 auto;
|
||||
overflow-y: scroll;
|
||||
overflow-x: scroll;
|
||||
|
||||
p {
|
||||
line-height: 150%;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0000ff;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
margin: 50px 0 10px 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
margin: 25px 0 5px 0;
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding: 0 0 0 15px;
|
||||
margin: 15px 5px;
|
||||
border-left: 8px solid #000000;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-top: 3px solid #333333;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: square;
|
||||
margin: 0 0 15px 30px;
|
||||
|
||||
li {
|
||||
padding: 5px;
|
||||
|
||||
ul {
|
||||
margin: 10px 0 0 15px;
|
||||
|
||||
li {
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style: decimal-leading-zero;
|
||||
margin: 0 0 15px 30px;
|
||||
|
||||
li {
|
||||
padding: 5px;
|
||||
|
||||
ul {
|
||||
margin: 10px 0 0 15px;
|
||||
|
||||
li {
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table, th, td {
|
||||
border: 1px solid #222222;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
.hljs {
|
||||
background: #fff8ff;
|
||||
}
|
||||
.footer {
|
||||
font-size: 12px;
|
||||
margin: 30px 0 10px 0;
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
color: #24244a;
|
||||
}
|
||||
}
|
||||
}
|
||||
.donate {
|
||||
float: right;
|
||||
padding: 0 3px 0 0;
|
||||
|
||||
p {
|
||||
text-align: right;
|
||||
word-break: break-word;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 900px) {
|
||||
.content {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 700px) {
|
||||
.content {
|
||||
width: 90%;
|
||||
}
|
||||
.post_content {
|
||||
width: 98%;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 400px) {
|
||||
.post_content {
|
||||
width: 97%;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 810px) {
|
||||
.wrapper {
|
||||
width: 90%;
|
||||
}
|
||||
.post_total {
|
||||
.left {
|
||||
width: 37%;
|
||||
}
|
||||
.right {
|
||||
float: right;
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 750px) {
|
||||
.tag_list {
|
||||
width: 99%;
|
||||
}
|
||||
.post_list {
|
||||
width: 99%;
|
||||
float: left;
|
||||
}
|
||||
.post_total {
|
||||
.left {
|
||||
width: 36%;
|
||||
}
|
||||
.right {
|
||||
float: right;
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 610px) {
|
||||
.tag_list {
|
||||
width: 98.7%;
|
||||
}
|
||||
.post_list {
|
||||
width: 98.7%;
|
||||
float: left;
|
||||
}
|
||||
.post_total {
|
||||
.left {
|
||||
width: 35.7%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 520px) {
|
||||
.post_total {
|
||||
.left {
|
||||
width: 34.5%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 410px) {
|
||||
.post_total {
|
||||
.left {
|
||||
width: 34%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 375px) {
|
||||
.post_total {
|
||||
.left {
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 16px;
|
||||
} /* this targets the default scrollbar (compulsory) */
|
||||
::-webkit-scrollbar-track {
|
||||
background-image: url("/assets/img/track.png");
|
||||
background-repeat: repeat-x repeat-y;
|
||||
} /* the new scrollbar will have a flat appearance with the set background color */
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #cccccc;
|
||||
border-width: 2px;
|
||||
border-style: groove ridge ridge groove;
|
||||
border-color: #fff8ff #000000 #000000 #fff8ff;
|
||||
} /* this will style the thumb, ignoring the track */
|
||||
|
||||
::-webkit-scrollbar-button {
|
||||
background-color: #cccccc;
|
||||
border-width: 2px;
|
||||
border-style: groove ridge ridge groove;
|
||||
border-color: #fff8ff #000000 #000000 #fff8ff;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
&:vertical:decrement {
|
||||
background-image: url("/assets/img/up.png");
|
||||
}
|
||||
|
||||
&:vertical:increment {
|
||||
background-image: url("/assets/img/down.png");
|
||||
}
|
||||
|
||||
&:horizontal:decrement {
|
||||
background-image: url("/assets/img/left.png");
|
||||
}
|
||||
|
||||
&:horizontal:increment {
|
||||
background-image: url("/assets/img/right.png");
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-position: 1px 2px;
|
||||
}
|
||||
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
background-color: #cacaca;
|
||||
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
/* http://meyerweb.com/eric/tools/css/reset/
|
||||
v2.0 | 20110126
|
||||
License: none (public domain)
|
||||
*/
|
||||
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
---
|
||||
---
|
||||
|
||||
@import "reset";
|
||||
@import "main";
|
||||
|
||||
.default_title {
|
||||
background: #00007f;
|
||||
}
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
---
|
||||
|
||||
@import "reset";
|
||||
@import "main";
|
||||
|
||||
.default_title {
|
||||
background: #808080;
|
||||
}
|
||||
.post_title {
|
||||
background: #00007f;
|
||||
}
|
||||
|
|
@ -0,0 +1,96 @@
|
|||
/*
|
||||
|
||||
Atom One Light by Daniel Gamage
|
||||
Original One Light Syntax theme from https://github.com/atom/one-light-syntax
|
||||
|
||||
base: #fafafa
|
||||
mono-1: #383a42
|
||||
mono-2: #686b77
|
||||
mono-3: #a0a1a7
|
||||
hue-1: #0184bb
|
||||
hue-2: #4078f2
|
||||
hue-3: #a626a4
|
||||
hue-4: #50a14f
|
||||
hue-5: #e45649
|
||||
hue-5-2: #c91243
|
||||
hue-6: #986801
|
||||
hue-6-2: #c18401
|
||||
|
||||
*/
|
||||
|
||||
.hljs {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
padding: 0.5em;
|
||||
color: #383a42;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
.hljs-quote {
|
||||
color: #a0a1a7;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.hljs-doctag,
|
||||
.hljs-keyword,
|
||||
.hljs-formula {
|
||||
color: #a626a4;
|
||||
}
|
||||
|
||||
.hljs-section,
|
||||
.hljs-name,
|
||||
.hljs-selector-tag,
|
||||
.hljs-deletion,
|
||||
.hljs-subst {
|
||||
color: #e45649;
|
||||
}
|
||||
|
||||
.hljs-literal {
|
||||
color: #0184bb;
|
||||
}
|
||||
|
||||
.hljs-string,
|
||||
.hljs-regexp,
|
||||
.hljs-addition,
|
||||
.hljs-attribute,
|
||||
.hljs-meta-string {
|
||||
color: #50a14f;
|
||||
}
|
||||
|
||||
.hljs-built_in,
|
||||
.hljs-class .hljs-title {
|
||||
color: #c18401;
|
||||
}
|
||||
|
||||
.hljs-attr,
|
||||
.hljs-variable,
|
||||
.hljs-template-variable,
|
||||
.hljs-type,
|
||||
.hljs-selector-class,
|
||||
.hljs-selector-attr,
|
||||
.hljs-selector-pseudo,
|
||||
.hljs-number {
|
||||
color: #986801;
|
||||
}
|
||||
|
||||
.hljs-symbol,
|
||||
.hljs-bullet,
|
||||
.hljs-link,
|
||||
.hljs-meta,
|
||||
.hljs-selector-id,
|
||||
.hljs-title {
|
||||
color: #4078f2;
|
||||
}
|
||||
|
||||
.hljs-emphasis {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.hljs-strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.hljs-link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 346 B |
Binary file not shown.
|
After Width: | Height: | Size: 80 B |
Binary file not shown.
|
After Width: | Height: | Size: 766 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 330 B |
Binary file not shown.
|
After Width: | Height: | Size: 318 B |
Binary file not shown.
|
After Width: | Height: | Size: 87 B |
Binary file not shown.
|
After Width: | Height: | Size: 378 B |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 109 B |
Binary file not shown.
|
After Width: | Height: | Size: 86 B |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 83 B |
|
|
@ -0,0 +1,36 @@
|
|||
// By: Adil Sadqi (hi)
|
||||
// github.com/Adil Sadqi
|
||||
|
||||
var max = document.getElementsByClassName("btn")[1];
|
||||
var min = document.getElementsByClassName("btn")[2];
|
||||
|
||||
function maximize () {
|
||||
var post = document.getElementsByClassName("content")[0];
|
||||
var cont = document.getElementsByClassName("post_content")[0];
|
||||
var wid = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName("body")[0].clientWidth;
|
||||
|
||||
if (wid > 900) {
|
||||
widf = wid * 0.9;
|
||||
post.style.width = widf + "px";
|
||||
|
||||
if (wid < 1400) {
|
||||
cont.style.width = "99%";
|
||||
} else {
|
||||
cont.style.width = "99.4%";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function minimize () {
|
||||
var post = document.getElementsByClassName("content")[0];
|
||||
var cont = document.getElementsByClassName("post_content")[0];
|
||||
var wid = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName("body")[0].clientWidth;
|
||||
|
||||
if ( wid > 900 ) {
|
||||
post.style.width = "800px";
|
||||
cont.style.width = "98.5%";
|
||||
}
|
||||
}
|
||||
|
||||
max.addEventListener('click', maximize, false);
|
||||
min.addEventListener('click', minimize, false);
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
// By: Adil Sadqi (hi)
|
||||
// github.com/AdilSadqi
|
||||
|
||||
function numbers () {
|
||||
var fields = document.getElementsByTagName("code");
|
||||
for (field in fields) {
|
||||
var num = 0;
|
||||
var select = fields[field].innerText;
|
||||
var select_f = select.split(/\n/);
|
||||
var tab = document.createElement("table");
|
||||
|
||||
// IF YOU USE MARKDOWN AND YOU HAVE BEEN GETTING ONE ADDITIONAL LINE IN YOUR TAG CODE
|
||||
// UNCOMMENT THE SECTION BELOW
|
||||
|
||||
/* MARKDOWN SECTION /**/
|
||||
|
||||
select_f.splice(-1, 1);
|
||||
|
||||
/* END OF SECTION*/
|
||||
|
||||
fields[field].innerHTML = "";
|
||||
fields[field].appendChild(tab);
|
||||
for (line in select_f) {
|
||||
var row = document.createElement("tr");
|
||||
var col = document.createElement("th");
|
||||
var colc = document.createElement("th");
|
||||
col.innerText = num + 1;
|
||||
colc.innerText = select_f[line];
|
||||
row.appendChild(col);
|
||||
row.appendChild(colc);
|
||||
tab.appendChild(row);
|
||||
num = num + 1;
|
||||
|
||||
// STYLE SECTION - If you want, change it below
|
||||
|
||||
col.style.textAlign = "right";
|
||||
colc.style.textAlign = "left";
|
||||
tab.style.border = "0";
|
||||
col.style.border = "0";
|
||||
colc.style.border = "0";
|
||||
col.style.padding = "3px";
|
||||
colc.style.padding = "3px";
|
||||
col.style.borderRight = "2px solid #777777";
|
||||
|
||||
// END OF SECTION
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.onload = numbers();
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
<ul>
|
||||
{% for post in site.posts %}
|
||||
<li><a href="{{ post.url }}" title="{{ post.title }}"><img src="/assets/img/file.ico" title="{{ post.title }}" />{{ post.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
---
|
||||
layout: me
|
||||
title: me
|
||||
---
|
||||
|
||||
Hey, I'm Adil!👋
|
||||
|
||||
Since 1998 I’ve start learning about computer and programing and you are in the right place to find out all what i have learned in the past years until now
|
||||
|
||||
And this Website created by me and I’ve name it Terminal because this is like my knowledge Terminal and to put all my experience on this page
|
||||
|
||||
And the purpose of building this site is just to let people know more about me and keep in touch with my Friends and with who i know and everyone interesting to contact me
|
||||
|
||||
with a simple design and new look website.
|
||||
|
||||
And I’ve used to build this website HTML
|
||||
|
||||
PHP and CSS with some animation to keep it lightweight site.
|
||||
|
||||
Please feel free to contact me if you have anything for me to say 😉
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: tag
|
||||
tag: Contact
|
||||
permalink: /tag/contact/
|
||||
---
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: tag
|
||||
tag: Creator
|
||||
permalink: /tag/creator/
|
||||
---
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: tag
|
||||
tag: Projects
|
||||
permalink: /tag/projects/
|
||||
---
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: tag
|
||||
tag: tag2
|
||||
permalink: /tag/tag2/
|
||||
---
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: tag
|
||||
tag: tag3
|
||||
permalink: /tag/tag3/
|
||||
---
|
||||
Loading…
Reference in New Issue