-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
151 lines (143 loc) · 9.59 KB
/
index.html
File metadata and controls
151 lines (143 loc) · 9.59 KB
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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html>
<head>
<title>Science, Tech, Computers by Sina</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="p0V1-yQt8TlxGakS354qT7l_ooFjk7ZxHAEME6PEY-w" />
<link rel="icon" type="image/x-icon" href="images/logo.ico">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="style/text-editor.css">
<link rel="stylesheet" href="style/index.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<style>
body, h1, h2, h3, h4, h5 {
font-family: "Raleway", sans-serif
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://unpkg.com/underscore@1.13.6/underscore-umd-min.js"></script>
<script src="js/jquery.csv.min.js"></script>
</head>
<body class="w3-light-grey">
<div class="w3-content" style="max-width:1400px">
<header class="w3-container w3-center w3-padding-32">
<h1><b>Science, Tech, Computers</b></h1>
<p>By Sina</p>
</header>
<div class="w3-row">
<div class="w3-col l8 s12">
<!-- Post editor -->
<div class="w3-card-4 w3-margin w3-white" style="display: none;" id="postEditor">
<div class="sample-toolbar">
<a href="javascript:void(0)" onclick="format('bold')"><span class="fa fa-bold fa-fw"></span></a>
<a href="javascript:void(0)" onclick="format('italic')"><span class="fa fa-italic fa-fw"></span></a>
<a href="javascript:void(0)" onclick="format('insertunorderedlist')"><span class="fa fa-list fa-fw"></span></a>
<a href="javascript:void(0)" onclick="setUrl()"><span class="fa fa-link fa-fw"></span></a>
<a href="javascript:void(0)" onclick="setAsCode()"><span class="fa fa-code fa-fw"></span></a>
<span><input id="txtFormatUrl" placeholder="link address" class="form-control"></span>
<a href="javascript:void(0)" onclick="setImage()"><span class="fa fa-image fa-fw"></span></a>
<span><input id="imgFromUrl" placeholder="image url" class="form-control"></span>
<span><input id="imgWidth" placeholder="image width" class="form-control"></span>
</div>
<div class="sample-toolbar">
<label>Title: </label><span><input type="text" placeholder="Post title" id="postTitle"></span>
<label>Subtitle: </label><span><input type="text" placeholder="Post sub-title" id="postSubTitle"></span>
<label>DateTime: </label><span><input type="datetime-local" id="postDatetime" placeholder="Post datetime"></span><br />
<label>Post Image: </label><span><input type="text" id="postImage" placeholder="Post image URL"></span>
</div>
<div class="editor" id="sampleeditor"></div>
<div class="sample-toolbar">
<button class="w3-button w3-black" onclick="Post()">Post</button>
<label for="category-selector">Category: </label>
<span>
<select class="w3-select w3-border" id="category-selector" width="auto">
<option value="science">Science</option>
<option value="technology">Technology</option>
<option value="computers">Computers</option>
</select>
</span>
</div>
<div class="sample-toolbar" id="generatedHTML"></div>
</div>
<div class="w3-margin w3-center category-button"></div>
<!-- Blog entry -->
<div class="w3-card-4 w3-margin w3-white" id="postTemp" style="display: none;">
<div class="image-container">
<img class="post-image" src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/10/loading-screen-featured-image.jpg" alt="Science" style="width:100%">
<div class="image-overlay">Reference: www.google.com</div>
</div>
<div class="w3-container post-title">
<h3><b></b></h3>
<h5><span class="w3-opacity post-datetime"></span></h5>
</div>
<div class="w3-container">
<p class="post-content"></p>
<div class="w3-row">
<div class="w3-col m8 s12">
<p class="post-category">Category: Science</p>
</div>
<div class="w3-col m4 w3-hide-small">
<a class="post-comment" href=""><p><span class="w3-padding-large w3-right"><b>Comments</b></span></p></a>
</div>
</div>
</div>
</div>
<div id="pagination-buttons" class="w3-margin w3-center" style="display: block;"></div>
<!-- END BLOG ENTRIES -->
</div>
<!-- Introduction menu -->
<div class="w3-col l4">
<!-- About Card -->
<div class="w3-card w3-margin w3-margin-top">
<img src="https://avatars.githubusercontent.com/abolhoseinisina"
style="width:100%">
<div class="w3-container w3-white">
<h4><b>Sina</b></h4>
<p>Just me, myself and I, exploring the universe of uknownment. I have passion for
science, technology and computers. I am curious about geopolitics and geoscience.
I will share my world with you.</p>
</div>
<div class=" w3-center">
<span><a href="https://github.com/abolhoseinisina" target="_blank"><img style="height:35px; margin-left: 5px; padding: 5px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Octicons-mark-github.svg/2048px-Octicons-mark-github.svg.png"/></a></span>
<span><a href="https://www.linkedin.com/in/sina-abolhoseini-b58a7b80/" target="_blank"><img style="height:35px; margin-left: 5px; padding: 5px;" src="https://www.edigitalagency.com.au/wp-content/uploads/new-linkedin-logo-white-black-png.png"/></a></span>
<span><a href="https://www.researchgate.net/profile/Sina-Abolhoseini" target="_blank"><img style="height:40px; margin-left: 5px; padding: 5px;" src="https://static-00.iconduck.com/assets.00/researchgate-icon-474x512-v64ztjjt.png"/></a></span>
<span><a href="resume.html" target="_blank"><img style="height:40px; margin-left: 5px; padding: 5px;" src="https://www.clipartmax.com/png/middle/316-3160442_cv-png-png-free-cv-icon.png"/></a></span>
<span><a href="https://soundcloud.com/abolhoseini-sina" target="_blank"><img style="height:40px; margin-left: 5px; padding: 5px;" src="https://cdn-icons-png.flaticon.com/512/48/48967.png"/></a></span>
<span><a href="https://umtig.com/people/sina-abolhoseini" target="_blank"><img style="height:40px; margin-left: 5px; padding: 5px;" src="https://i0.wp.com/umtig.com/wp-content/uploads/2022/12/UMTIG-LOGO-Color.png?fit=150%2C120&ssl=1"/></a></span>
</div>
</div>
<hr>
<!-- Posts -->
<div class="w3-card w3-margin">
<div class="w3-container w3-padding">
<h4>Popular Posts</h4>
</div>
<ul class="w3-ul w3-hoverable w3-white">
<li class="w3-padding-16" id="popularPostTemp">
<img src="#" alt="post image" class="w3-left w3-margin-right popular-post-image" style="width:50px">
<span class="w3-large popular-post-title"></span><br>
<span class="popular-post-subtitle"></span>
</li>
</ul>
</div>
<div class="w3-card w3-margin">
<div class="w3-container w3-padding">
<h6>Visitors so far: <span id="visitors"></span></h6>
</div>
</div>
<hr>
</div>
</div><br>
<div id="page-number" class="w3-margin w3-center" style="display: none;">10</div>
<div id="page-category" class="w3-margin w3-center" style="display: none;">all</div>
</div>
<footer class="w3-container w3-dark-grey w3-padding-32 w3-margin-top w3-center">
<p>Modified and Maintained by <a href="https://github.com/abolhoseinisina"
target="_blank">Sina</a></p>
<p>Template from <a href="https://www.w3schools.com/w3css/default.asp"
target="_blank">W3Schools</a></p>
</footer>
<script src="js/index.js"></script>
</body>
</html>