ui/ux created

master
JayPY Code 2021-07-05 04:26:29 +04:30
commit 32a5bd6497
14 changed files with 886 additions and 0 deletions

64
admin.html Normal file
View File

@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ورود به اینترنت | دانشگاه فنی حرفه ای</title>
<link rel="stylesheet" href="/css/style.css">
<script src="https://cdn.jsdelivr.net/npm/rayconnect-client@0.11.32/dist/browser/bundle.js"></script>
</head>
<body>
<header>
<nav>
<div class="logo"></div>
<a href="https://badam.rayda.ir">بادام</a>
<a href="https://kateb.rayda.ir">کاتب</a>
</nav>
<section>
<h1>دانشگاه فنی و حرفه ای استان مرکزی</h1>
<div class="image"></div>
</section>
</header>
<section class="form">
<div class="form-container" id="auth">
<h2>ورود به مدیریت</h2>
<h4>برای مدیریت وارد حساب مدیریتی خود شوید.</h4>
<input id="phone" autocomplete="off" name="phone" type="tel" placeholder="شماره موبایل">
<input class="hide" id="code" autocomplete="off" name="code" type="tel" placeholder="کد تایید">
<p></p>
<button type="submit" onclick="submitAuth()">تایید</button>
</div>
<div class="form-container hide" id="blog">
<input id="title" class="rtl" autocomplete="off" name="title" type="text" placeholder="عنوان">
<input id="link" autocomplete=" off" name="link" type="url" placeholder="لینک">
<textarea id="description" class="rtl" name="description" placeholder="توضیحات" rows="3"></textarea>
<p></p>
<button type="reset" onclick="toForm('', '', '')">پاک سازی</button>
<button type="submit" onclick="submitForm()">ثبت و تایید</button>
</div>
</section>
<section class="blog">
</section>
<footer>
<div class="copyright">طراحی با <span class="love">&#10084;</span> از دهکده <sup>&reg;</sup></div>
<span>اداره فناوری اطلاعات و امنیت فضای مجازی</span>
</footer>
<script src="/js/admin.js"></script>
<script src="/js/script.js"></script>
</body>
</html>

60
alogin.html Normal file
View File

@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>تابعی بازگرداند تو را به راه راست</title>
<style>
@font-face {
font-family: IRANSans;
src: url("/font/IRANSans.ttf") format("truetype");
}
* {
outline: none;
user-select: none;
font-family: IRANSans, Tahoma, sans-serif;
}
body {
margin: 0;
width: 100vw;
height: 100vh;
background: linear-gradient(0deg, #1565c0 0%, #2196f3 100%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
body h2 {
color: #fff;
font-size: 2em;
}
body p {
color: #e2e2e2;
font-size: 1.2em;
}
body p a {
color: #0d47a1;
text-decoration: none;
margin: 0 20px;
}
</style>
</head>
<body>
<h2>شما با موفقیت وارد شده اید !</h2>
<p>کاربر گرامی اگر به صفحه دیگه ای پرت نشدی ، <a href="">کلیک</a> بکن.</p>
</body>
</html>

419
css/style.css Normal file
View File

@ -0,0 +1,419 @@
@font-face {
font-family: IRANSans;
src: url("/font/IRANSans.ttf") format("truetype");
}
@font-face {
font-family: IRANSansDN;
src: url("/font/IRANSansDN.ttf") format("truetype");
}
* {
outline: none;
user-select: none;
font-family: IRANSans, Tahoma, sans-serif;
}
.hide {
display: none !important;
}
body {
position: relative;
margin: 0;
background-color: #fbfbfb;
}
header {
height: 400px;
padding: 0 10vw;
background: linear-gradient(0deg, #1565c0 0%, #2196f3 100%);
}
header nav {
display: flex;
flex-wrap: nowrap;
align-items: center;
height: 65px;
}
header nav div.logo {
width: 46px;
height: 46px;
background-image: url("/img/TVU_logo.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin-left: auto;
}
header nav a {
color: #ffffff;
margin-right: 24px;
font-size: 1.1em;
text-decoration: none;
}
header nav a:hover,
header nav a:focus {
color: #bbdefb;
}
header section {
display: flex;
flex-wrap: nowrap;
align-items: center;
height: calc(400px - 65px);
}
header section div.image {
position: relative;
top: -32px;
width: 400px;
height: 400px;
background-image: url("/img/header-background.svg");
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
}
header section h1 {
color: #e3f2fd;
width: 30vw;
font-size: 3em;
line-height: 1.7em;
font-family: IRANSansDN;
}
section.form {
position: absolute;
top: 200px;
left: 10vw;
width: 360px;
height: calc(100% - 400px);
}
section.form div.form-container {
position: sticky;
top: 100px;
width: 360px;
height: 500px;
padding: 30px;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
display: flex;
flex-direction: column;
}
section.form h2 {
margin: 0;
}
section.form h4 {
color: #616161;
font-weight: normal;
}
section.form textarea,
section.form input {
border: none;
min-height: 25px;
padding: 12px 18px;
background-color: #f0f2f5;
color: #8f9498;
margin-top: 20px;
font-size: 1em;
border-radius: 6px;
text-align: left;
direction: ltr;
resize: vertical;
}
section.form textarea::placeholder,
section.form input::placeholder {
text-align: right;
}
section.form textarea:not(:placeholder-shown),
section.form textarea:active,
section.form textarea:focus,
section.form input:not(:placeholder-shown),
section.form input:active,
section.form input:focus {
color: #000;
background-color: #e6e9ec;
}
section.form textarea.rtl,
section.form input.rtl {
text-align: right;
direction: rtl;
}
section.form p {
color: #616161;
font-size: 0.9em;
margin-top: auto;
margin-bottom: 20px;
}
section.form p a {
color: #1976d2;
text-decoration: none;
cursor: pointer;
}
section.form button {
border: none;
padding: 12px 0;
font-size: 1em;
border-radius: 6px;
cursor: pointer;
margin-top: 8px;
}
section.form button[type="submit"] {
background-color: #1976d2;
color: #ffffff;
}
section.form button[type="submit"]:hover {
background-color: #1e88e5;
}
/***/
section.form div.data-row {
display: grid;
grid-template-columns: auto auto;
padding: 12px 6px;
border-bottom: 1px solid #e0e0e0;
}
section.form div.data-row strong {
color: #424242;
}
section.form div.data-row span {
color: #757575;
text-align: left;
}
/***/
section.blog {
margin: 50px 10vw 100px calc(10vw + 480px);
min-height: 320px;
}
section.blog div.article,
section.blog a.article {
padding: 12px 24px;
background-color: #ffffff;
border-radius: 6px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
text-decoration: none;
display: flex;
flex-direction: column;
margin-bottom: 12px;
}
section.blog a.article:hover {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.14);
transform: scale(1.02);
cursor: pointer;
}
section.blog div.article h3,
section.blog a.article h3 {
margin: 12px 0 0 0;
color: #000;
}
section.blog div.article p,
section.blog a.article p {
color: #616161;
}
section.blog div.article div.buttons {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
border-top: 1px solid rgba(0, 0, 0, 0.12);
padding-top: 12px;
margin-top: 8px;
}
section.blog div.article div.buttons button {
cursor: pointer;
width: 32px;
height: 32px;
border: none;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: 24px;
margin-right: 8px;
}
section.blog div.article div.buttons button.delete {
background-image: url("/img/icons/delete.svg");
}
section.blog div.article div.buttons button.edit {
background-image: url("/img/icons/edit.svg");
}
section.blog div.article div.buttons button.open {
background-image: url("/img/icons/open.svg");
}
footer {
display: flex;
flex-wrap: nowrap;
align-items: center;
border-top: 1px solid #8f9498;
margin: 0 10vw;
padding-bottom: 24px;
}
footer div.copyright {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin-left: auto;
}
footer span.love {
position: relative;
color: #f44336;
font-size: 2em;
margin: 0 6px;
}
@media screen and (max-width: 1300px) {
header {
padding: 0 5vw;
}
header section div.image {
display: none;
}
header section h1 {
width: 45vw;
}
section.blog {
margin: 50px 5vw 100px calc(10vw + 400px);
}
footer {
margin: 0 5vw;
}
}
@media screen and (max-width: 1000px) {
header section h1 {
margin: 0 auto;
margin-top: -80px;
width: 90vw;
text-align: center;
}
section.form {
position: relative;
top: -100px;
left: 0;
width: 100vw;
}
section.form div.form-container {
margin: 0 auto;
}
section.blog {
margin: 0 5vw 100px 5vw;
}
}
@media screen and (max-width: 650px) {
section.form {
top: -80px;
}
section.form div.form-container {
width: calc(96vw - 120px);
margin: 0 auto;
}
}

BIN
font/IRANSans.ttf Normal file

Binary file not shown.

BIN
font/IRANSansDN.ttf Normal file

Binary file not shown.

25
img/TVU_logo.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 16 KiB

33
img/header-background.svg Normal file
View File

@ -0,0 +1,33 @@
<svg width="886" height="709" viewBox="0 0 886 709" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M148.558 708.135C148.558 708.135 135.805 676.744 174.063 653.201L148.558 708.135Z" fill="#43A047" />
<path d="M132.874 707.564C132.874 707.564 128.984 685.19 98.874 685.382L132.874 707.564Z" fill="#43A047" />
<path d="M575.558 708.135C575.558 708.135 562.805 676.744 601.063 653.201L575.558 708.135Z" fill="#43A047" />
<path d="M559.874 707.564C559.874 707.564 555.984 685.19 525.874 685.382L559.874 707.564Z" fill="#43A047" />
<path d="M565.054 504.883C626.276 504.883 675.907 455.253 675.907 394.031C675.907 332.808 626.276 283.178 565.054 283.178C503.831 283.178 454.201 332.808 454.201 394.031C454.201 455.253 503.831 504.883 565.054 504.883Z" fill="#66BB6A" />
<path d="M565.358 394.03H565.663L571.145 708.317H559.572L565.358 394.03Z" fill="#795548" />
<path d="M803.054 559.938C847.707 559.938 883.907 523.739 883.907 479.085C883.907 434.432 847.707 398.233 803.054 398.233C758.4 398.233 722.201 434.432 722.201 479.085C722.201 523.739 758.4 559.938 803.054 559.938Z" fill="#66BB6A" />
<path d="M803.276 479.085H803.498L807.496 708.317H799.055L803.276 479.085Z" fill="#795548" />
<path d="M355.328 479.907C356.877 479.729 358.368 479.214 359.696 478.397C361.024 477.581 362.157 476.483 363.015 475.182C363.873 473.88 364.435 472.406 364.662 470.864C364.889 469.321 364.775 467.748 364.328 466.255L395.062 444.087L376.653 437.095L350.289 459.218C347.83 460.135 345.793 461.923 344.563 464.242C343.334 466.561 342.998 469.25 343.619 471.8C344.241 474.351 345.775 476.584 347.933 478.078C350.091 479.572 352.722 480.223 355.328 479.907H355.328Z" fill="#FFB6B6" />
<path d="M332.796 697.353L323.037 697.352L318.394 659.71H332.798L332.796 697.353Z" fill="#FFB6B6" />
<path d="M335.285 706.813L303.817 706.812V706.414C303.817 703.165 305.108 700.05 307.405 697.753C309.702 695.456 312.817 694.166 316.065 694.166H316.066L335.285 694.167L335.285 706.813Z" fill="#2F2E41" />
<path d="M258.253 697.353L248.494 697.352L243.852 659.71H258.255L258.253 697.353Z" fill="#FFB6B6" />
<path d="M260.742 706.813L229.275 706.812V706.414C229.275 703.165 230.565 700.05 232.862 697.753C235.159 695.456 238.274 694.166 241.523 694.166H241.523L260.743 694.167L260.742 706.813Z" fill="#2F2E41" />
<path d="M265.791 488.031L245.109 601.135L237.875 690.973L261.361 689.818L274.73 602.578L307.96 526.618L317.85 689.608L339.47 689.678L351.103 483.507L265.791 488.031Z" fill="#37474F" />
<path d="M353.75 358.573L324.762 347.039L291.505 350.844L263.313 366.429C263.313 366.429 271.937 474.587 259.436 499.957C259.436 499.957 269.452 513.83 310.262 510.444C310.262 510.444 350.016 505.419 351.001 492.384C351.986 479.348 352.194 455.647 352.194 455.647L365.993 408.096L353.75 358.573Z" fill="#303F9F" />
<path d="M281.628 370.714L272.346 363.889C272.346 363.889 259.19 363.374 252.416 377.597C245.642 391.821 203.287 429.961 225.374 443.156C247.461 456.351 258.774 417.744 258.774 417.744L281.628 370.714Z" fill="#303F9F" />
<path d="M344.556 365.284L353.75 358.573C353.75 358.573 367.788 361.744 372.981 373.045C372.981 373.045 430.546 414.795 414.712 430.628C398.879 446.462 366.602 465.95 366.602 465.95L354.652 452.419L384.301 425.559L359.978 403.401L344.556 365.284Z" fill="#303F9F" />
<path d="M329.856 317.052C329.852 323.361 327.342 329.41 322.879 333.87C318.417 338.33 312.366 340.835 306.056 340.835C299.747 340.835 293.696 338.33 289.233 333.87C284.77 329.41 282.261 323.361 282.257 317.052V316.138C282.501 309.913 285.176 304.032 289.707 299.757C294.239 295.483 300.266 293.155 306.495 293.275C312.723 293.395 318.657 295.952 323.021 300.397C327.385 304.842 329.833 310.822 329.837 317.052H329.856Z" fill="#FFB6B6" />
<path d="M309.674 313.215C311.196 312.965 312.846 312.728 314.211 313.428C317.176 314.944 316.494 319.244 318.114 322.082C318.754 323.208 319.789 324.128 320.215 325.346C320.641 326.564 320.38 328.086 321.05 329.262C322.018 330.961 324.643 331.211 326.366 330.2C327.996 329.07 329.177 327.404 329.703 325.492C330.276 323.872 330.757 322.082 332.139 321.022C332.642 320.736 333.093 320.368 333.473 319.932C333.759 319.355 333.869 318.707 333.79 318.069C333.79 313.952 333.15 310.761 334.082 306.772C335.574 300.341 336.938 297.162 332.212 292.393C329.793 289.982 326.68 288.389 323.309 287.838C320.264 287.339 315.782 291.59 312.7 291.492C304.863 291.182 298.249 283.922 290.777 286.267C287.509 287.293 284.677 289.378 282.726 292.193C279.072 297.576 279.401 299.659 279.93 306.084C279.923 306.571 280.065 307.05 280.338 307.454C280.613 307.783 281.057 307.959 281.325 308.294C281.613 308.737 281.722 309.273 281.63 309.792C281.548 310.839 281.303 311.866 280.905 312.837C280.804 313 280.742 313.183 280.723 313.373C280.704 313.563 280.729 313.755 280.795 313.934C280.945 314.137 281.16 314.283 281.404 314.348C284.449 315.444 287.738 313.331 290.996 313.386C294.254 313.44 297.348 315.621 300.709 315.146C303.675 314.689 306.683 313.708 309.674 313.215Z" fill="#2F2E41" />
<path d="M279.332 455.223C279.115 455.205 278.902 455.161 278.695 455.094L253.313 446.862C252.698 446.665 252.169 446.264 251.812 445.726C251.455 445.188 251.291 444.544 251.349 443.901L256.76 380.721C256.795 380.311 256.917 379.915 257.12 379.557C257.322 379.2 257.599 378.891 257.931 378.65C258.264 378.409 258.644 378.243 259.047 378.163C259.45 378.083 259.865 378.09 260.264 378.185L260.264 378.185L285.041 384.059C285.232 384.104 285.429 384.124 285.625 384.119L312.89 383.317C313.101 383.31 313.312 383.327 313.518 383.368L340.544 388.616C341.237 388.749 341.856 389.135 342.281 389.697C342.706 390.26 342.907 390.961 342.846 391.664L338.128 446.753C338.088 447.233 337.926 447.696 337.659 448.097C337.391 448.498 337.025 448.824 336.597 449.045L326.401 454.332C325.921 454.581 325.381 454.688 324.842 454.642L308.841 453.272C308.726 453.262 308.611 453.261 308.496 453.269L279.771 455.227C279.625 455.237 279.478 455.236 279.332 455.223V455.223Z" fill="white" />
<path d="M249.531 434.674C254.674 437.174 260.869 435.03 263.368 429.888C265.867 424.745 263.724 418.55 258.581 416.051C253.438 413.552 247.243 415.695 244.744 420.838C242.245 425.981 244.388 432.175 249.531 434.674Z" fill="#FFB6B6" />
<path d="M701.225 367.951C802.832 367.951 885.201 285.583 885.201 183.976C885.201 82.3687 802.832 0 701.225 0C599.618 0 517.249 82.3687 517.249 183.976C517.249 285.583 599.618 367.951 701.225 367.951Z" fill="#66BB6A" />
<path opacity="0.1" d="M837.067 61.0944C854.228 101.237 856.556 146.173 843.635 187.873C830.714 229.574 803.386 265.322 766.535 288.728C729.684 312.135 685.71 321.675 642.472 315.645C599.234 309.614 559.549 288.406 530.509 255.809C540.992 280.334 556.682 302.287 576.492 320.146C596.301 338.006 619.757 351.345 645.233 359.24C670.71 367.134 697.598 369.395 724.035 365.867C750.473 362.338 775.827 353.104 798.341 338.803C820.855 324.503 839.991 305.479 854.423 283.049C868.855 260.619 878.238 235.32 881.921 208.904C885.605 182.488 883.501 155.587 875.756 130.064C868.011 104.542 854.81 81.0083 837.067 61.0944V61.0944Z" fill="black" />
<path d="M700.72 183.975H700.214L691.116 705.577H710.323L700.72 183.975Z" fill="#6D4C41" />
</g>
<defs>
<clipPath id="clip0">
<rect width="885.201" height="708.317" fill="white" />
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 7.2 KiB

1
img/icons/delete.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>

After

Width:  |  Height:  |  Size: 234 B

1
img/icons/edit.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>

After

Width:  |  Height:  |  Size: 306 B

1
img/icons/open.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/></svg>

After

Width:  |  Height:  |  Size: 287 B

79
js/admin.js Normal file
View File

@ -0,0 +1,79 @@
window.admin = true;
function getValues() {
return [
document.getElementById('title').value,
document.getElementById('link').value,
document.getElementById('description').value
];
}
function getForm() {
return [
document.getElementById('title'),
document.getElementById('link'),
document.getElementById('description')
];
}
function toForm(Id = "", Title = '', Link = '', Description = '') {
window.id = Id;
let [title, link, description] = getForm();
title.value = Title;
link.value = Link;
description.value = Description;
}
async function submitForm() {
let [title, link, description] = getValues();
if (window.id) {
await app.store.update('post', window.id, { title, link, description });
document.querySelector('section.blog').removeChild(document.getElementById(window.id));
Post(window.id, title, link, description, true);
} else {
let result = await app.store.add('post', {
title, link, description
});
Post(result['id'], title, link, description, true);
}
toForm(null, '', '', '');
}
async function deletePost(pid = "") {
await app.store.remove('post', pid);
document.querySelector('section.blog').removeChild(document.getElementById(pid));
}
async function submitAuth() {
let phone = document.getElementById('phone'),
code = document.getElementById('code');
if (code.classList.contains('hide')) {
if (phone.value.length == 11) {
await app.RequestOTP(phone.value);
phone.classList.add('hide');
code.classList.remove('hide');
}
} else {
if (code.value.length == 4) {
let result = await app.VerifyPhone(phone.value, code.value);
if (result['status'] == true) {
let token = result['data']['token'];
await localStorage.setItem('rayconnect-client-khoramiblog-token', token);
await app.Auth(token);
document.getElementById('auth').classList.add('hide');
document.getElementById('blog').classList.remove('hide');
setPosts();
}
}
}
}

69
js/script.js Normal file
View File

@ -0,0 +1,69 @@
const app = new Rayconnect({
scopes: 'post',
appID: 'khoramiblog',
space: 'main',
type: 'micros'
});
app.OnConnect(async () => {
let token = localStorage.getItem('rayconnect-client-khoramiblog-token');
if (token) await app.Auth(token);
else await app.GetGuestAccess();
if (window.admin == false || (window.admin == true && app.user.uid != "guest")) setPosts();
});
async function setPosts() {
document.querySelector('section.blog').innerHTML = '<h2>مقالات و نوشته ها</h2>';
let posts = await fetchPosts();
posts.forEach(post => Post(post['id'], post['title'], post['link'], post['description'], window.admin));
}
async function fetchPosts() {
return await app.store.findAll("post");
}
function Post(id = "", title = "", link = "", description = "", admin = false) {
let container = document.createElement(admin ? 'div' : 'a');
container.className = 'article';
container.id = id;
if (!admin) {
container.href = link;
container.target = '_blank';
}
let h3 = document.createElement('h3');
h3.innerText = title;
container.appendChild(h3);
let p = document.createElement('p');
p.innerText = description;
container.appendChild(p);
if (admin) {
let buttons = document.createElement('div');
buttons.className = 'buttons';
let del = document.createElement('button');
del.className = 'delete';
del.onclick = () =>
deletePost(id);
buttons.appendChild(del);
let edit = document.createElement('button');
edit.className = 'edit';
edit.onclick = () =>
toForm(id, title, link, description);
buttons.appendChild(edit);
let open = document.createElement('button');
open.className = 'open';
open.onclick = () =>
window.open(link, '_blank');
buttons.appendChild(open)
container.appendChild(buttons);
}
document.querySelector('section.blog').appendChild(container);
}

54
login.html Normal file
View File

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ورود به اینترنت | دانشگاه فنی حرفه ای</title>
<link rel="stylesheet" href="/css/style.css">
<script src="https://cdn.jsdelivr.net/npm/rayconnect-client@0.11.32/dist/browser/bundle.js"></script>
</head>
<body>
<header>
<nav>
<div class="logo"></div>
<a href="https://badam.rayda.ir">بادام</a>
<a href="https://kateb.rayda.ir">کاتب</a>
</nav>
<section>
<h1>دانشگاه فنی و حرفه ای استان مرکزی</h1>
<div class="image"></div>
</section>
</header>
<section class="form">
<div class="form-container">
<h2>دسترسی به اینترنت</h2>
<h4>لطفا برای استفاده از اینترنت نام کاربری و رمز عبور خود را وارد نمایید.</h4>
<input name="username" type="text" placeholder="نام کاربری">
<input name="password" type="password" placeholder="کلمه عبور">
<p></p>
<button type="submit">تایید و ورود</button>
</div>
</section>
<section class="blog">
<h2>مقالات و نوشته ها</h2>
</section>
<footer>
<div class="copyright">طراحی با <span class="love">&#10084;</span> از دهکده <sup>&reg;</sup></div>
<span>اداره فناوری اطلاعات و امنیت فضای مجازی</span>
</footer>
<script src="/js/script.js"></script>
</body>
</html>

80
status.html Normal file
View File

@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ورود به اینترنت | دانشگاه فنی حرفه ای</title>
<link rel="stylesheet" href="/css/style.css">
<script src="https://cdn.jsdelivr.net/npm/rayconnect-client@0.11.32/dist/browser/bundle.js"></script>
</head>
<body>
<header>
<nav>
<div class="logo"></div>
<a href="https://badam.rayda.ir">بادام</a>
<a href="https://kateb.rayda.ir">کاتب</a>
</nav>
<section>
<h1>دانشگاه فنی و حرفه ای استان مرکزی</h1>
<div class="image"></div>
</section>
</header>
<section class="form">
<div class="form-container">
<h2>وضعیت حساب کاربری</h2>
<h4>شما به عنوان <span>--</span> وارد شده اید و در حال استفاده از شبکه دانشگاه هستید.</h4>
<div class="data-row">
<strong>آدرس آی پی</strong>
<span>0.0.0.0</span>
</div>
<div class="data-row">
<strong>بایت های ارسالی / دریافتی</strong>
<span>1KB / 2KB</span>
</div>
<div class="data-row">
<strong>زمان اتصال</strong>
<span>1 Jul 2021 00:00</span>
</div>
<div class="data-row">
<strong>زمان قطع اتصال</strong>
<span>2 Jul 2022 00:00</span>
</div>
<!-- <div class="data-row">
<strong>وضعیت</strong>
<span>0.0.0.0</span>
</div> -->
<div class="data-row">
<strong>وضعیت تازه سازی</strong>
<span>3 seconds</span>
</div>
<p></p>
<button type="submit">خروج از حساب کاربری</button>
</div>
</section>
<section class="blog">
<h2>مقالات و نوشته ها</h2>
</section>
<footer>
<div class="copyright">طراحی با <span class="love">&#10084;</span> از دهکده <sup>&reg;</sup></div>
<span>اداره فناوری اطلاعات و امنیت فضای مجازی</span>
</footer>
<script src="/js/script.js"></script>
</body>
</html>