Compare commits
35 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d418c774fc | |||
| 3a331e9caf | |||
| d1c45cdc31 | |||
| 8c53c9f9b2 | |||
| f24ee7ec76 | |||
| 631013058e | |||
| baaeb47897 | |||
| 6d5d76cfb2 | |||
| 2082628790 | |||
| 44541e6c44 | |||
| 3ce2b2ee7c | |||
| 05ca89086d | |||
| 47c70db54c | |||
| 262e1c50b2 | |||
| 2dd1ee0315 | |||
| 9729dcd962 | |||
| be79037e75 | |||
| 56c950d9ef | |||
| 93ad2207dd | |||
| 9541f4a3ea | |||
| 390c253fee | |||
| 9110fbfbbb | |||
| d67bce0079 | |||
| 2bfa0807a4 | |||
| 6787f0b95c | |||
| 85355b000e | |||
| 3116842622 | |||
| e825d0ccdd | |||
| 5537a92f87 | |||
| 39391f91a0 | |||
| ff508980fd | |||
| 578022922e | |||
| 1b20c3a0a1 | |||
| c0d210d1d1 | |||
| 0e20aa9a9a |
@@ -1,176 +0,0 @@
|
|||||||
# ---> Python
|
|
||||||
# Byte-compiled / optimized / DLL files
|
|
||||||
__pycache__/
|
|
||||||
*.py[cod]
|
|
||||||
*$py.class
|
|
||||||
|
|
||||||
# C extensions
|
|
||||||
*.so
|
|
||||||
|
|
||||||
# Distribution / packaging
|
|
||||||
.Python
|
|
||||||
build/
|
|
||||||
develop-eggs/
|
|
||||||
dist/
|
|
||||||
downloads/
|
|
||||||
eggs/
|
|
||||||
.eggs/
|
|
||||||
lib/
|
|
||||||
lib64/
|
|
||||||
parts/
|
|
||||||
sdist/
|
|
||||||
var/
|
|
||||||
wheels/
|
|
||||||
share/python-wheels/
|
|
||||||
*.egg-info/
|
|
||||||
.installed.cfg
|
|
||||||
*.egg
|
|
||||||
MANIFEST
|
|
||||||
|
|
||||||
# PyInstaller
|
|
||||||
# Usually these files are written by a python script from a template
|
|
||||||
# before PyInstaller builds the exe, so as to inject date/other infos into it.
|
|
||||||
*.manifest
|
|
||||||
*.spec
|
|
||||||
|
|
||||||
# Installer logs
|
|
||||||
pip-log.txt
|
|
||||||
pip-delete-this-directory.txt
|
|
||||||
|
|
||||||
# Unit test / coverage reports
|
|
||||||
htmlcov/
|
|
||||||
.tox/
|
|
||||||
.nox/
|
|
||||||
.coverage
|
|
||||||
.coverage.*
|
|
||||||
.cache
|
|
||||||
nosetests.xml
|
|
||||||
coverage.xml
|
|
||||||
*.cover
|
|
||||||
*.py,cover
|
|
||||||
.hypothesis/
|
|
||||||
.pytest_cache/
|
|
||||||
cover/
|
|
||||||
|
|
||||||
# Translations
|
|
||||||
*.mo
|
|
||||||
*.pot
|
|
||||||
|
|
||||||
# Django stuff:
|
|
||||||
*.log
|
|
||||||
local_settings.py
|
|
||||||
db.sqlite3
|
|
||||||
db.sqlite3-journal
|
|
||||||
|
|
||||||
# Flask stuff:
|
|
||||||
instance/
|
|
||||||
.webassets-cache
|
|
||||||
|
|
||||||
# Scrapy stuff:
|
|
||||||
.scrapy
|
|
||||||
|
|
||||||
# Sphinx documentation
|
|
||||||
docs/_build/
|
|
||||||
|
|
||||||
# PyBuilder
|
|
||||||
.pybuilder/
|
|
||||||
target/
|
|
||||||
|
|
||||||
# Jupyter Notebook
|
|
||||||
.ipynb_checkpoints
|
|
||||||
|
|
||||||
# IPython
|
|
||||||
profile_default/
|
|
||||||
ipython_config.py
|
|
||||||
|
|
||||||
# pyenv
|
|
||||||
# For a library or package, you might want to ignore these files since the code is
|
|
||||||
# intended to run in multiple environments; otherwise, check them in:
|
|
||||||
# .python-version
|
|
||||||
|
|
||||||
# pipenv
|
|
||||||
# According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
|
|
||||||
# However, in case of collaboration, if having platform-specific dependencies or dependencies
|
|
||||||
# having no cross-platform support, pipenv may install dependencies that don't work, or not
|
|
||||||
# install all needed dependencies.
|
|
||||||
#Pipfile.lock
|
|
||||||
|
|
||||||
# UV
|
|
||||||
# Similar to Pipfile.lock, it is generally recommended to include uv.lock in version control.
|
|
||||||
# This is especially recommended for binary packages to ensure reproducibility, and is more
|
|
||||||
# commonly ignored for libraries.
|
|
||||||
#uv.lock
|
|
||||||
|
|
||||||
# poetry
|
|
||||||
# Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
|
|
||||||
# This is especially recommended for binary packages to ensure reproducibility, and is more
|
|
||||||
# commonly ignored for libraries.
|
|
||||||
# https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
|
|
||||||
#poetry.lock
|
|
||||||
|
|
||||||
# pdm
|
|
||||||
# Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
|
|
||||||
#pdm.lock
|
|
||||||
# pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
|
|
||||||
# in version control.
|
|
||||||
# https://pdm.fming.dev/latest/usage/project/#working-with-version-control
|
|
||||||
.pdm.toml
|
|
||||||
.pdm-python
|
|
||||||
.pdm-build/
|
|
||||||
|
|
||||||
# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
|
|
||||||
__pypackages__/
|
|
||||||
|
|
||||||
# Celery stuff
|
|
||||||
celerybeat-schedule
|
|
||||||
celerybeat.pid
|
|
||||||
|
|
||||||
# SageMath parsed files
|
|
||||||
*.sage.py
|
|
||||||
|
|
||||||
# Environments
|
|
||||||
.env
|
|
||||||
.venv
|
|
||||||
env/
|
|
||||||
venv/
|
|
||||||
ENV/
|
|
||||||
env.bak/
|
|
||||||
venv.bak/
|
|
||||||
|
|
||||||
# Spyder project settings
|
|
||||||
.spyderproject
|
|
||||||
.spyproject
|
|
||||||
|
|
||||||
# Rope project settings
|
|
||||||
.ropeproject
|
|
||||||
|
|
||||||
# mkdocs documentation
|
|
||||||
/site
|
|
||||||
|
|
||||||
# mypy
|
|
||||||
.mypy_cache/
|
|
||||||
.dmypy.json
|
|
||||||
dmypy.json
|
|
||||||
|
|
||||||
# Pyre type checker
|
|
||||||
.pyre/
|
|
||||||
|
|
||||||
# pytype static type analyzer
|
|
||||||
.pytype/
|
|
||||||
|
|
||||||
# Cython debug symbols
|
|
||||||
cython_debug/
|
|
||||||
|
|
||||||
# PyCharm
|
|
||||||
# JetBrains specific template is maintained in a separate JetBrains.gitignore that can
|
|
||||||
# be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
|
|
||||||
# and can be added to the global gitignore or merged into this file. For a more nuclear
|
|
||||||
# option (not recommended) you can uncomment the following to ignore the entire idea folder.
|
|
||||||
#.idea/
|
|
||||||
|
|
||||||
# Ruff stuff:
|
|
||||||
.ruff_cache/
|
|
||||||
|
|
||||||
# PyPI configuration file
|
|
||||||
.pypirc
|
|
||||||
|
|
||||||
@@ -0,0 +1,281 @@
|
|||||||
|
/*
|
||||||
|
* jQuery FlexSlider v2.7.1
|
||||||
|
* http://www.woothemes.com/flexslider/
|
||||||
|
*
|
||||||
|
* Copyright 2012 WooThemes
|
||||||
|
* Free to use under the GPLv2 and later license.
|
||||||
|
* http://www.gnu.org/licenses/gpl-2.0.html
|
||||||
|
*
|
||||||
|
* Contributing author: Tyler Smith (@mbmufffin)
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
/* ====================================================================================================================
|
||||||
|
* FONT-FACE
|
||||||
|
* ====================================================================================================================*/
|
||||||
|
@font-face {
|
||||||
|
font-family: 'flexslider-icon';
|
||||||
|
src: url('../fonts/flexslider-icon.eot');
|
||||||
|
src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
/* ====================================================================================================================
|
||||||
|
* RESETS
|
||||||
|
* ====================================================================================================================*/
|
||||||
|
.flex-container a:hover,
|
||||||
|
.flex-slider a:hover {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
.slides,
|
||||||
|
.slides > li,
|
||||||
|
.flex-control-nav,
|
||||||
|
.flex-direction-nav {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.flex-pauseplay span {
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
/* ====================================================================================================================
|
||||||
|
* BASE STYLES
|
||||||
|
* ====================================================================================================================*/
|
||||||
|
.flexslider {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.flexslider .slides > li {
|
||||||
|
display: none;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
.flexslider .slides img {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.flexslider .slides:after {
|
||||||
|
content: "\0020";
|
||||||
|
display: block;
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
line-height: 0;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
html[xmlns] .flexslider .slides {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
* html .flexslider .slides {
|
||||||
|
height: 1%;
|
||||||
|
}
|
||||||
|
.no-js .flexslider .slides > li:first-child {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
/* ====================================================================================================================
|
||||||
|
* DEFAULT THEME
|
||||||
|
* ====================================================================================================================*/
|
||||||
|
.flexslider {
|
||||||
|
margin: 0;
|
||||||
|
background: #fff;
|
||||||
|
border: 4px solid #fff;
|
||||||
|
position: relative;
|
||||||
|
zoom: 1;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
|
||||||
|
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
|
||||||
|
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
|
||||||
|
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
.flexslider .slides {
|
||||||
|
zoom: 1;
|
||||||
|
}
|
||||||
|
.flexslider .slides img {
|
||||||
|
height: auto;
|
||||||
|
-moz-user-select: none;
|
||||||
|
}
|
||||||
|
.flex-viewport {
|
||||||
|
max-height: 2000px;
|
||||||
|
-webkit-transition: all 1s ease;
|
||||||
|
-moz-transition: all 1s ease;
|
||||||
|
-ms-transition: all 1s ease;
|
||||||
|
-o-transition: all 1s ease;
|
||||||
|
transition: all 1s ease;
|
||||||
|
}
|
||||||
|
.loading .flex-viewport {
|
||||||
|
max-height: 300px;
|
||||||
|
}
|
||||||
|
@-moz-document url-prefix() {
|
||||||
|
.loading .flex-viewport {
|
||||||
|
max-height: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.carousel li {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
.flex-direction-nav {
|
||||||
|
*height: 0;
|
||||||
|
}
|
||||||
|
.flex-direction-nav a {
|
||||||
|
text-decoration: none;
|
||||||
|
display: block;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
margin: -20px 0 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
z-index: 10;
|
||||||
|
overflow: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
color: rgba(0, 0, 0, 0.8);
|
||||||
|
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
|
||||||
|
-webkit-transition: all 0.3s ease-in-out;
|
||||||
|
-moz-transition: all 0.3s ease-in-out;
|
||||||
|
-ms-transition: all 0.3s ease-in-out;
|
||||||
|
-o-transition: all 0.3s ease-in-out;
|
||||||
|
transition: all 0.3s ease-in-out;
|
||||||
|
}
|
||||||
|
.flex-direction-nav a:before {
|
||||||
|
font-family: "flexslider-icon";
|
||||||
|
font-size: 26px;
|
||||||
|
display: inline-block;
|
||||||
|
content: '\f001';
|
||||||
|
color: rgba(0, 0, 0, 0.8);
|
||||||
|
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
|
||||||
|
}
|
||||||
|
.flex-direction-nav a.flex-next:before {
|
||||||
|
content: '\f002';
|
||||||
|
}
|
||||||
|
.flex-direction-nav .flex-prev {
|
||||||
|
left: -50px;
|
||||||
|
}
|
||||||
|
.flex-direction-nav .flex-next {
|
||||||
|
right: -50px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.flexslider:hover .flex-direction-nav .flex-prev {
|
||||||
|
opacity: 0.7;
|
||||||
|
left: 10px;
|
||||||
|
}
|
||||||
|
.flexslider:hover .flex-direction-nav .flex-prev:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.flexslider:hover .flex-direction-nav .flex-next {
|
||||||
|
opacity: 0.7;
|
||||||
|
right: 10px;
|
||||||
|
}
|
||||||
|
.flexslider:hover .flex-direction-nav .flex-next:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.flex-direction-nav .flex-disabled {
|
||||||
|
opacity: 0!important;
|
||||||
|
filter: alpha(opacity=0);
|
||||||
|
cursor: default;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
.flex-pauseplay a {
|
||||||
|
display: block;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 5px;
|
||||||
|
left: 10px;
|
||||||
|
opacity: 0.8;
|
||||||
|
z-index: 10;
|
||||||
|
overflow: hidden;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.flex-pauseplay a:before {
|
||||||
|
font-family: "flexslider-icon";
|
||||||
|
font-size: 20px;
|
||||||
|
display: inline-block;
|
||||||
|
content: '\f004';
|
||||||
|
}
|
||||||
|
.flex-pauseplay a:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.flex-pauseplay a.flex-play:before {
|
||||||
|
content: '\f003';
|
||||||
|
}
|
||||||
|
.flex-control-nav {
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
bottom: -40px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.flex-control-nav li {
|
||||||
|
margin: 0 6px;
|
||||||
|
display: inline-block;
|
||||||
|
zoom: 1;
|
||||||
|
*display: inline;
|
||||||
|
}
|
||||||
|
.flex-control-paging li a {
|
||||||
|
width: 11px;
|
||||||
|
height: 11px;
|
||||||
|
display: block;
|
||||||
|
background: #666;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
cursor: pointer;
|
||||||
|
text-indent: -9999px;
|
||||||
|
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
||||||
|
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
||||||
|
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
||||||
|
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
||||||
|
-webkit-border-radius: 20px;
|
||||||
|
-moz-border-radius: 20px;
|
||||||
|
border-radius: 20px;
|
||||||
|
}
|
||||||
|
.flex-control-paging li a:hover {
|
||||||
|
background: #333;
|
||||||
|
background: rgba(0, 0, 0, 0.7);
|
||||||
|
}
|
||||||
|
.flex-control-paging li a.flex-active {
|
||||||
|
background: #000;
|
||||||
|
background: rgba(0, 0, 0, 0.9);
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.flex-control-thumbs {
|
||||||
|
margin: 5px 0 0;
|
||||||
|
position: static;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.flex-control-thumbs li {
|
||||||
|
width: 25%;
|
||||||
|
float: left;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.flex-control-thumbs img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
opacity: .7;
|
||||||
|
cursor: pointer;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-webkit-transition: all 1s ease;
|
||||||
|
-moz-transition: all 1s ease;
|
||||||
|
-ms-transition: all 1s ease;
|
||||||
|
-o-transition: all 1s ease;
|
||||||
|
transition: all 1s ease;
|
||||||
|
}
|
||||||
|
.flex-control-thumbs img:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.flex-control-thumbs .flex-active {
|
||||||
|
opacity: 1;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
/* ====================================================================================================================
|
||||||
|
* RESPONSIVE
|
||||||
|
* ====================================================================================================================*/
|
||||||
|
@media screen and (max-width: 860px) {
|
||||||
|
.flex-direction-nav .flex-prev {
|
||||||
|
opacity: 1;
|
||||||
|
left: 10px;
|
||||||
|
}
|
||||||
|
.flex-direction-nav .flex-next {
|
||||||
|
opacity: 1;
|
||||||
|
right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,186 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.3.4
|
||||||
|
* Copyright 2013-2018 David Deutsch
|
||||||
|
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||||
|
*/
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Core
|
||||||
|
*/
|
||||||
|
.owl-carousel {
|
||||||
|
display: none;
|
||||||
|
width: 100%;
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
/* position relative and z-index fix webkit rendering fonts issue */
|
||||||
|
position: relative;
|
||||||
|
z-index: 1; }
|
||||||
|
.owl-carousel .owl-stage {
|
||||||
|
position: relative;
|
||||||
|
-ms-touch-action: pan-Y;
|
||||||
|
touch-action: manipulation;
|
||||||
|
-moz-backface-visibility: hidden;
|
||||||
|
/* fix firefox animation glitch */ }
|
||||||
|
.owl-carousel .owl-stage:after {
|
||||||
|
content: ".";
|
||||||
|
display: block;
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
line-height: 0;
|
||||||
|
height: 0; }
|
||||||
|
.owl-carousel .owl-stage-outer {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
/* fix for flashing background */
|
||||||
|
-webkit-transform: translate3d(0px, 0px, 0px); }
|
||||||
|
.owl-carousel .owl-wrapper,
|
||||||
|
.owl-carousel .owl-item {
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
-moz-backface-visibility: hidden;
|
||||||
|
-ms-backface-visibility: hidden;
|
||||||
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
-moz-transform: translate3d(0, 0, 0);
|
||||||
|
-ms-transform: translate3d(0, 0, 0); }
|
||||||
|
.owl-carousel .owl-item {
|
||||||
|
position: relative;
|
||||||
|
min-height: 1px;
|
||||||
|
float: left;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
-webkit-touch-callout: none; }
|
||||||
|
.owl-carousel .owl-item img {
|
||||||
|
display: block;
|
||||||
|
width: 100%; }
|
||||||
|
.owl-carousel .owl-nav.disabled,
|
||||||
|
.owl-carousel .owl-dots.disabled {
|
||||||
|
display: none; }
|
||||||
|
.owl-carousel .owl-nav .owl-prev,
|
||||||
|
.owl-carousel .owl-nav .owl-next,
|
||||||
|
.owl-carousel .owl-dot {
|
||||||
|
cursor: pointer;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
.owl-carousel .owl-nav button.owl-prev,
|
||||||
|
.owl-carousel .owl-nav button.owl-next,
|
||||||
|
.owl-carousel button.owl-dot {
|
||||||
|
background: none;
|
||||||
|
color: inherit;
|
||||||
|
border: none;
|
||||||
|
padding: 0 !important;
|
||||||
|
font: inherit; }
|
||||||
|
.owl-carousel.owl-loaded {
|
||||||
|
display: block; }
|
||||||
|
.owl-carousel.owl-loading {
|
||||||
|
opacity: 0;
|
||||||
|
display: block; }
|
||||||
|
.owl-carousel.owl-hidden {
|
||||||
|
opacity: 0; }
|
||||||
|
.owl-carousel.owl-refresh .owl-item {
|
||||||
|
visibility: hidden; }
|
||||||
|
.owl-carousel.owl-drag .owl-item {
|
||||||
|
-ms-touch-action: pan-y;
|
||||||
|
touch-action: pan-y;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
.owl-carousel.owl-grab {
|
||||||
|
cursor: move;
|
||||||
|
cursor: grab; }
|
||||||
|
.owl-carousel.owl-rtl {
|
||||||
|
direction: rtl; }
|
||||||
|
.owl-carousel.owl-rtl .owl-item {
|
||||||
|
float: right; }
|
||||||
|
|
||||||
|
/* No Js */
|
||||||
|
.no-js .owl-carousel {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Animate Plugin
|
||||||
|
*/
|
||||||
|
.owl-carousel .animated {
|
||||||
|
animation-duration: 1000ms;
|
||||||
|
animation-fill-mode: both; }
|
||||||
|
|
||||||
|
.owl-carousel .owl-animated-in {
|
||||||
|
z-index: 0; }
|
||||||
|
|
||||||
|
.owl-carousel .owl-animated-out {
|
||||||
|
z-index: 1; }
|
||||||
|
|
||||||
|
.owl-carousel .fadeOut {
|
||||||
|
animation-name: fadeOut; }
|
||||||
|
|
||||||
|
@keyframes fadeOut {
|
||||||
|
0% {
|
||||||
|
opacity: 1; }
|
||||||
|
100% {
|
||||||
|
opacity: 0; } }
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Auto Height Plugin
|
||||||
|
*/
|
||||||
|
.owl-height {
|
||||||
|
transition: height 500ms ease-in-out; }
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Lazy Load Plugin
|
||||||
|
*/
|
||||||
|
.owl-carousel .owl-item {
|
||||||
|
/**
|
||||||
|
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
|
||||||
|
calculation of the height of the owl-item that breaks page layouts
|
||||||
|
*/ }
|
||||||
|
.owl-carousel .owl-item .owl-lazy {
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 400ms ease; }
|
||||||
|
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
|
||||||
|
max-height: 0; }
|
||||||
|
.owl-carousel .owl-item img.owl-lazy {
|
||||||
|
transform-style: preserve-3d; }
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Video Plugin
|
||||||
|
*/
|
||||||
|
.owl-carousel .owl-video-wrapper {
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
background: #000; }
|
||||||
|
|
||||||
|
.owl-carousel .owl-video-play-icon {
|
||||||
|
position: absolute;
|
||||||
|
height: 80px;
|
||||||
|
width: 80px;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
margin-left: -40px;
|
||||||
|
margin-top: -40px;
|
||||||
|
background: url("owl.video.play.png") no-repeat;
|
||||||
|
cursor: pointer;
|
||||||
|
z-index: 1;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
transition: transform 100ms ease; }
|
||||||
|
|
||||||
|
.owl-carousel .owl-video-play-icon:hover {
|
||||||
|
-ms-transform: scale(1.3, 1.3);
|
||||||
|
transform: scale(1.3, 1.3); }
|
||||||
|
|
||||||
|
.owl-carousel .owl-video-playing .owl-video-tn,
|
||||||
|
.owl-carousel .owl-video-playing .owl-video-play-icon {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.owl-carousel .owl-video-tn {
|
||||||
|
opacity: 0;
|
||||||
|
height: 100%;
|
||||||
|
background-position: center center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
transition: opacity 400ms ease; }
|
||||||
|
|
||||||
|
.owl-carousel .owl-video-frame {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%; }
|
||||||
|
After Width: | Height: | Size: 522 KiB |
|
After Width: | Height: | Size: 363 KiB |
|
After Width: | Height: | Size: 4.8 MiB |
|
After Width: | Height: | Size: 215 KiB |
|
After Width: | Height: | Size: 1.6 MiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 507 KiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 2.7 MiB |
|
After Width: | Height: | Size: 511 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 79 KiB |
|
After Width: | Height: | Size: 305 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
@@ -0,0 +1,106 @@
|
|||||||
|
(function ($) {
|
||||||
|
$.fn.countTo = function (options) {
|
||||||
|
options = options || {};
|
||||||
|
|
||||||
|
return $(this).each(function () {
|
||||||
|
// set options for current element
|
||||||
|
var settings = $.extend(
|
||||||
|
{},
|
||||||
|
$.fn.countTo.defaults,
|
||||||
|
{
|
||||||
|
from: $(this).data("from"),
|
||||||
|
to: $(this).data("to"),
|
||||||
|
speed: $(this).data("speed"),
|
||||||
|
refreshInterval: $(this).data("refresh-interval"),
|
||||||
|
decimals: $(this).data("decimals")
|
||||||
|
},
|
||||||
|
options
|
||||||
|
);
|
||||||
|
|
||||||
|
// how many times to update the value, and how much to increment the value on each update
|
||||||
|
var loops = Math.ceil(settings.speed / settings.refreshInterval),
|
||||||
|
increment = (settings.to - settings.from) / loops;
|
||||||
|
|
||||||
|
// references & variables that will change with each update
|
||||||
|
var self = this,
|
||||||
|
$self = $(this),
|
||||||
|
loopCount = 0,
|
||||||
|
value = settings.from,
|
||||||
|
data = $self.data("countTo") || {};
|
||||||
|
|
||||||
|
$self.data("countTo", data);
|
||||||
|
|
||||||
|
// if an existing interval can be found, clear it first
|
||||||
|
if (data.interval) {
|
||||||
|
clearInterval(data.interval);
|
||||||
|
}
|
||||||
|
data.interval = setInterval(updateTimer, settings.refreshInterval);
|
||||||
|
|
||||||
|
// initialize the element with the starting value
|
||||||
|
render(value);
|
||||||
|
|
||||||
|
function updateTimer() {
|
||||||
|
value += increment;
|
||||||
|
loopCount++;
|
||||||
|
|
||||||
|
render(value);
|
||||||
|
|
||||||
|
if (typeof settings.onUpdate == "function") {
|
||||||
|
settings.onUpdate.call(self, value);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (loopCount >= loops) {
|
||||||
|
// remove the interval
|
||||||
|
$self.removeData("countTo");
|
||||||
|
clearInterval(data.interval);
|
||||||
|
value = settings.to;
|
||||||
|
|
||||||
|
if (typeof settings.onComplete == "function") {
|
||||||
|
settings.onComplete.call(self, value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function render(value) {
|
||||||
|
var formattedValue = settings.formatter.call(self, value, settings);
|
||||||
|
$self.html(formattedValue);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
$.fn.countTo.defaults = {
|
||||||
|
from: 0, // the number the element should start at
|
||||||
|
to: 0, // the number the element should end at
|
||||||
|
speed: 1000, // how long it should take to count between the target numbers
|
||||||
|
refreshInterval: 100, // how often the element should be updated
|
||||||
|
decimals: 0, // the number of decimal places to show
|
||||||
|
formatter: formatter, // handler for formatting the value before rendering
|
||||||
|
onUpdate: null, // callback method for every time the element is updated
|
||||||
|
onComplete: null // callback method for when the element finishes updating
|
||||||
|
};
|
||||||
|
|
||||||
|
function formatter(value, settings) {
|
||||||
|
return value.toFixed(settings.decimals);
|
||||||
|
}
|
||||||
|
})(jQuery);
|
||||||
|
|
||||||
|
jQuery(function ($) {
|
||||||
|
// custom formatting example
|
||||||
|
$(".count-number").data("countToOptions", {
|
||||||
|
formatter: function (value, options) {
|
||||||
|
return value
|
||||||
|
.toFixed(options.decimals)
|
||||||
|
.replace(/\B(?=(?:\d{3})+(?!\d))/g, ",");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// start all the timers
|
||||||
|
$(".timer").each(count);
|
||||||
|
|
||||||
|
function count(options) {
|
||||||
|
var $this = $(this);
|
||||||
|
options = $.extend({}, options || {}, $this.data("countToOptions") || {});
|
||||||
|
$this.countTo(options);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
@@ -0,0 +1,218 @@
|
|||||||
|
(function ($) {
|
||||||
|
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
// Page loading animation
|
||||||
|
$(window).on('load', function() {
|
||||||
|
|
||||||
|
$('#js-preloader').addClass('loaded');
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
$(window).scroll(function() {
|
||||||
|
var scroll = $(window).scrollTop();
|
||||||
|
var box = $('.header-text').height();
|
||||||
|
var header = $('header').height();
|
||||||
|
|
||||||
|
if (scroll >= box - header) {
|
||||||
|
$("header").addClass("background-header");
|
||||||
|
} else {
|
||||||
|
$("header").removeClass("background-header");
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
var width = $(window).width();
|
||||||
|
$(window).resize(function() {
|
||||||
|
if (width > 767 && $(window).width() < 767) {
|
||||||
|
location.reload();
|
||||||
|
}
|
||||||
|
else if (width < 767 && $(window).width() > 767) {
|
||||||
|
location.reload();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const elem = document.querySelector('.event_box');
|
||||||
|
const filtersElem = document.querySelector('.event_filter');
|
||||||
|
if (elem) {
|
||||||
|
const rdn_events_list = new Isotope(elem, {
|
||||||
|
itemSelector: '.event_outer',
|
||||||
|
layoutMode: 'masonry'
|
||||||
|
});
|
||||||
|
if (filtersElem) {
|
||||||
|
filtersElem.addEventListener('click', function(event) {
|
||||||
|
if (!matchesSelector(event.target, 'a')) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const filterValue = event.target.getAttribute('data-filter');
|
||||||
|
rdn_events_list.arrange({
|
||||||
|
filter: filterValue
|
||||||
|
});
|
||||||
|
filtersElem.querySelector('.is_active').classList.remove('is_active');
|
||||||
|
event.target.classList.add('is_active');
|
||||||
|
event.preventDefault();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
$('.owl-banner').owlCarousel({
|
||||||
|
center: true,
|
||||||
|
items:1,
|
||||||
|
loop:true,
|
||||||
|
nav: true,
|
||||||
|
navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'],
|
||||||
|
margin:30,
|
||||||
|
responsive:{
|
||||||
|
992:{
|
||||||
|
items:1
|
||||||
|
},
|
||||||
|
1200:{
|
||||||
|
items:1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$('.owl-testimonials').owlCarousel({
|
||||||
|
center: true,
|
||||||
|
items:1,
|
||||||
|
loop:true,
|
||||||
|
nav: true,
|
||||||
|
navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'],
|
||||||
|
margin:30,
|
||||||
|
responsive:{
|
||||||
|
992:{
|
||||||
|
items:1
|
||||||
|
},
|
||||||
|
1200:{
|
||||||
|
items:1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
// Menu Dropdown Toggle
|
||||||
|
if($('.menu-trigger').length){
|
||||||
|
$(".menu-trigger").on('click', function() {
|
||||||
|
$(this).toggleClass('active');
|
||||||
|
$('.header-area .nav').slideToggle(200);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Menu elevator animation
|
||||||
|
$('.scroll-to-section a[href*=\\#]:not([href=\\#])').on('click', function() {
|
||||||
|
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
|
||||||
|
var target = $(this.hash);
|
||||||
|
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
|
||||||
|
if (target.length) {
|
||||||
|
var width = $(window).width();
|
||||||
|
if(width < 767) {
|
||||||
|
$('.menu-trigger').removeClass('active');
|
||||||
|
$('.header-area .nav').slideUp(200);
|
||||||
|
}
|
||||||
|
$('html,body').animate({
|
||||||
|
scrollTop: (target.offset().top) - 80
|
||||||
|
}, 700);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$(document).ready(function () {
|
||||||
|
$(document).on("scroll", onScroll);
|
||||||
|
|
||||||
|
//smoothscroll
|
||||||
|
$('.scroll-to-section a[href^="#"]').on('click', function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
$(document).off("scroll");
|
||||||
|
|
||||||
|
$('.scroll-to-section a').each(function () {
|
||||||
|
$(this).removeClass('active');
|
||||||
|
})
|
||||||
|
$(this).addClass('active');
|
||||||
|
|
||||||
|
var target = this.hash,
|
||||||
|
menu = target;
|
||||||
|
var target = $(this.hash);
|
||||||
|
$('html, body').stop().animate({
|
||||||
|
scrollTop: (target.offset().top) - 79
|
||||||
|
}, 500, 'swing', function () {
|
||||||
|
window.location.hash = target;
|
||||||
|
$(document).on("scroll", onScroll);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
function onScroll(event){
|
||||||
|
var scrollPos = $(document).scrollTop();
|
||||||
|
$('.nav a').each(function () {
|
||||||
|
var currLink = $(this);
|
||||||
|
var refElement = $(currLink.attr("href"));
|
||||||
|
if (refElement.position().top <= scrollPos && refElement.position().top + refElement.height() > scrollPos) {
|
||||||
|
$('.nav ul li a').removeClass("active");
|
||||||
|
currLink.addClass("active");
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
currLink.removeClass("active");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Page loading animation
|
||||||
|
$(window).on('load', function() {
|
||||||
|
if($('.cover').length){
|
||||||
|
$('.cover').parallax({
|
||||||
|
imageSrc: $('.cover').data('image'),
|
||||||
|
zIndex: '1'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
$("#preloader").animate({
|
||||||
|
'opacity': '0'
|
||||||
|
}, 600, function(){
|
||||||
|
setTimeout(function(){
|
||||||
|
$("#preloader").css("visibility", "hidden").fadeOut();
|
||||||
|
}, 300);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
const dropdownOpener = $('.main-nav ul.nav .has-sub > a');
|
||||||
|
|
||||||
|
// Open/Close Submenus
|
||||||
|
if (dropdownOpener.length) {
|
||||||
|
dropdownOpener.each(function () {
|
||||||
|
var _this = $(this);
|
||||||
|
|
||||||
|
_this.on('tap click', function (e) {
|
||||||
|
var thisItemParent = _this.parent('li'),
|
||||||
|
thisItemParentSiblingsWithDrop = thisItemParent.siblings('.has-sub');
|
||||||
|
|
||||||
|
if (thisItemParent.hasClass('has-sub')) {
|
||||||
|
var submenu = thisItemParent.find('> ul.sub-menu');
|
||||||
|
|
||||||
|
if (submenu.is(':visible')) {
|
||||||
|
submenu.slideUp(450, 'easeInOutQuad');
|
||||||
|
thisItemParent.removeClass('is-open-sub');
|
||||||
|
} else {
|
||||||
|
thisItemParent.addClass('is-open-sub');
|
||||||
|
|
||||||
|
if (thisItemParentSiblingsWithDrop.length === 0) {
|
||||||
|
thisItemParent.find('.sub-menu').slideUp(400, 'easeInOutQuad', function () {
|
||||||
|
submenu.slideDown(250, 'easeInOutQuad');
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
thisItemParent.siblings().removeClass('is-open-sub').find('.sub-menu').slideUp(250, 'easeInOutQuad', function () {
|
||||||
|
submenu.slideDown(250, 'easeInOutQuad');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
})(window.jQuery);
|
||||||
@@ -0,0 +1,380 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fa" dir="rtl">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>هوش مصنوعی اجتماعی</title>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;700&display=swap" rel="stylesheet">
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.rtl.min.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--primary: #2c7be5;
|
||||||
|
--secondary: #6e00ff;
|
||||||
|
--success: #00d27a;
|
||||||
|
--warning: #ffab00;
|
||||||
|
--danger: #ff3b3b;
|
||||||
|
--light: #f8f9fa;
|
||||||
|
--dark: #1a202c;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Vazirmatn', sans-serif;
|
||||||
|
line-height: 1.7;
|
||||||
|
color: var(--dark);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-brand {
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
color: var(--dark);
|
||||||
|
transition: all 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-section {
|
||||||
|
background-image: url("assets/images/birds1.jpg");
|
||||||
|
background-size: cover;
|
||||||
|
color: white;
|
||||||
|
min-height: 600px;
|
||||||
|
padding: 100px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-content {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-card {
|
||||||
|
border: none;
|
||||||
|
border-radius: 15px;
|
||||||
|
transition: transform 0.3s, box-shadow 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-card:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-icon {
|
||||||
|
font-size: 3rem;
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-card {
|
||||||
|
border-radius: 15px;
|
||||||
|
overflow: hidden;
|
||||||
|
transition: transform 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-card:hover {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.impact-item {
|
||||||
|
background: var(--light);
|
||||||
|
border-radius: 15px;
|
||||||
|
padding: 2rem;
|
||||||
|
margin: 1rem 0;
|
||||||
|
transition: all 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.impact-item:hover {
|
||||||
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background: var(--dark);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer a {
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.hero-section {
|
||||||
|
min-height: 400px;
|
||||||
|
padding: 50px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
|
||||||
|
<div class="container">
|
||||||
|
<a class="navbar-brand" href="#">
|
||||||
|
<img src="assets/images/logo.png" alt="لوگو" height="40" class="me-2">
|
||||||
|
هوش مصنوعی اجتماعی
|
||||||
|
</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
|
<ul class="navbar-nav ms-auto">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" href="#projects">پروژهها</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#impact">چشم انداز</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#contact">ارتباط</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<section class="hero-section">
|
||||||
|
<div class="container hero-content text-center">
|
||||||
|
<h1 class="display-4 mb-4"> کار گروهی برای قدرت بخشی به ارادهی عموم انسانها </h1>
|
||||||
|
<p class="lead mb-5"> ما گروهی هستیم متشکل از متخصصین با پیش زمینههای متنوع که تلاش میکنیم ایدههای
|
||||||
|
نوآورانه در توسعهی ابزارهای هوشمصنوعی برای تقویت خلاقیت انسان و شکلگیری جامعهی مبتنی بر محبت را
|
||||||
|
معرفی کنیم. </p>
|
||||||
|
<a href="#projects" class="btn btn-light btn-lg rounded-pill px-5">مشاهده پروژهها</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Features Section -->
|
||||||
|
<section class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="feature-card p-4 text-center h-100">
|
||||||
|
<i class="feature-icon bi bi-lightbulb"></i>
|
||||||
|
<h4 class="my-3">خلاقیت</h4>
|
||||||
|
<p>عموم انسانها حق دارند که در خلق ویژگیهای ابزار هوشمصنوعی مداخله کنند </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="feature-card p-4 text-center h-100">
|
||||||
|
<i class="feature-icon bi bi-people"></i>
|
||||||
|
<h4 class="my-3">اجتماعی</h4>
|
||||||
|
<p> طراحی سیستمهای توزیعشده برای مشارکت جمعی و عبور از دوگانهی کاربر-سرویسدهنده</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="feature-card p-4 text-center h-100">
|
||||||
|
<i class="feature-icon bi bi-shield-check"></i>
|
||||||
|
<h4 class="my-3">اخلاقی</h4>
|
||||||
|
<p>رشد مدلهای هوشمصنوعی متناسب با اخلاق ایثار و محبت بجای نفعپرستی</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Projects Section -->
|
||||||
|
<section id="projects" class="py-5 bg-light">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5 text-primary">پروژههای با محوریت توسعه مدل (شناخت)</h2>
|
||||||
|
<p class="lead mb-5 text-center"> به نظر میرسد این فناوری برای تمدن سرمایه سالار از این جهت حیاتی است که در
|
||||||
|
جهان آینده تسخیر سرمایه بیش از آنچه که از مجرای تسخیر سرزمینها بگذرد، از مسیر تصرف شناخت افراد میگذرد
|
||||||
|
و شاهد این ادعا نیز رونق مطالعات مربوط به علوم شناختی در امروز است و هوشمصنوعی یکی یا مهمترین ابزار
|
||||||
|
شناختی در حال و یا آیندهای نه چندان دور خواهد بود. هرچند که تصرف در شناخت افراد میتواند در راستای
|
||||||
|
اسارت انسان در دست انسان استیلاگر باشد؛ اما روی دیگر سکه، آن است که اگر این ابزار به نحوی منجر به
|
||||||
|
شکوفایی شناخت و خلاقیت انسان شود، میتواند در راستای رهایی انسان از بردگی در نظام سرمایهداری مورد
|
||||||
|
استفاده قرار گیرد. در قدم اول، ما تلاش میکنیم تا آگاهی کاربر را تا حد ممکن در فرایند استنتاج مدلها
|
||||||
|
بیشتر کنیم. باتوجه به آگاهی، در مرحله بعدی تلاش ما برای بالا بردن سطح اختیار کاربر در اعمال تغییر و به
|
||||||
|
روز رسانی فرایند استنتاج مدل است. </p>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<img src="assets/images/ipso-facto.jpg" class="card-img-top" alt="...">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">هوشمصنوعی توضیحپذیر بالفعل</h5>
|
||||||
|
<p class="card-text">یکی از اهداف ما افزایش اختیار و شناخت انسان در استفاده از ابزار
|
||||||
|
هوشمصنوعی است.</p>
|
||||||
|
<a href="projects/explinability.html" class="btn btn-primary">مشاهده جزئیات</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<img src="assets/images/data_valuation.jpg" class="card-img-top" alt="...">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">توضیح دادهها</h5>
|
||||||
|
<p class="card-text">سیستمی برای کشف روابط در پایگاه داده. </p>
|
||||||
|
<a href="projects/data_explinability.html" class="btn btn-primary">مشاهده جزئیات</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<img src="assets/images/fairness.jpg" class="card-img-top" alt="...">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">انصاف الگوریتمی</h5>
|
||||||
|
<p class="card-text">الگوریتمهایی برای کشف و تصحیح محدودیتهای سوگیرانه در رفتار مدل. </p>
|
||||||
|
<a href="projects/fairness.html" class="btn btn-primary">مشاهده جزئیات</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- Add more project cards here -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="projects" class="py-5 bg-light">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5 text-primary"> پروژههای با محوریت توسعهی مدل (زیربنا) </h2>
|
||||||
|
<p class="lead mb-5 text-center"> در فضای هوشمصنوعی با وضعیتی روبرو هستیم که اساساً کاربردهایی طراحی و
|
||||||
|
ارائه میشوند که جز شرکتهای صاحب سرمایههای بزرگ امکان اجرا و بهره برداری از آن را ندارند و هم چنین
|
||||||
|
تحقیقات نیز در خدمت این پروژههای بزرگ مقیاس قرار میگیرند. صاحبان سرمایه با انحصار در نهاد علم (مانند
|
||||||
|
مراکز تحقیقاتی و جهتدهی)، صنعت هوشمصنوعی (مانند تولید سختافزار پردازشگر)، منابع (مانند داده و زیربنای
|
||||||
|
شبکه) و اقتصاد (مانند ارائه خدمات دستیارهای هوشمند زبانی)، آحاد مردم را از تأثیرگذاری بر پیشبرد و
|
||||||
|
جهتدهی این ابزار محروم میکنند*. ما تلاش میکنیم تا این خلاء زیربنایی را با تحقیق و توسعهی هوشمصنوعی
|
||||||
|
دسترسیپذیر جبران کنیم. قدم اول ما در این زمینه توسعهی مدلهای توزیعشده بر روی شبکه است که با استفاده
|
||||||
|
از امکانات اشتراکی بتوانند بازخورد خود را بهینه کنند. </p>
|
||||||
|
<div class="row g-4 mt-5">
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<img src="assets/images/distributed.png" class="card-img-top" alt="...">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">مدل توزیع شده</h5>
|
||||||
|
<p class="card-text">سیستمی برای ایجاد ظرفیت هوشمصنوعی بواسطهی تعاون زیربنای محاسباتی کاربران.</p>
|
||||||
|
<a href="projects/dist_llm.html" class="btn btn-primary">مشاهده جزئیات</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Add more project cards here -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="projects" class="py-5 bg-light">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5 text-primary"> پروژهها با محوریت کاربری </h2>
|
||||||
|
<p class="lead mb-5 text-center"> در جهت افزایش کارایی ابزار هوش مصنوعی برای انسان خلاق، ما تلاش میکنیم تا
|
||||||
|
نحوهی کاربری را بازبینی کنیم و مدلها را به سمتی سوق دهیم تا موجب محدودسازی کاربر خلاق نشوند. این تلاش
|
||||||
|
ها هم برای جهتدهی ابزار کنونی و هم برای ساخت مدلهای جدید کارآمدتر انجام میشوند. </p>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<img src="assets/images/LLM_questionner.jpg" class="card-img-top" alt="...">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">مدلهای پرسشگر</h5>
|
||||||
|
<p class="card-text">افزایش رفتار خلاق کاربر و سنجش هوشمصنوعی. </p>
|
||||||
|
<a href="projects/questionner.html" class="btn btn-primary">مشاهده جزئیات</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Add more project cards here -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="projects" class="py-5 bg-light">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5 text-primary"> پروژههای با محوریت توسعهی مدل (زیربنا) </h2>
|
||||||
|
<p class="lead mb-5 text-center"> در فضای هوشمصنوعی با وضعیتی روبرو هستیم که اساساً کاربردهایی طراحی و ارائه میشوند که جز شرکتهای صاحب سرمایههای بزرگ امکان اجرا و بهره برداری از آن را ندارند و هم چنین تحقیقات نیز در خدمت این پروژههای بزرگ مقیاس قرار میگیرند. صاحبان سرمایه با انحصار در نهاد علم (مانند مراکز تحقیقاتی و جهتدهی)، صنعت هوشمصنوعی (مانند تولید سختافزار پردازشگر)، منابع (مانند داده و زیربنای شبکه) و اقتصاد (مانند ارائه خدمات دستیارهای هوشمند زبانی)، آحاد مردم را از تأثیرگذاری بر پیشبرد و جهتدهی این ابزار محروم میکنند*. ما تلاش میکنیم تا این خلاء زیربنایی را با تحقیق و توسعهی هوشمصنوعی دسترسیپذیر جبران کنیم. قدم اول ما در این زمینه توسعهی مدلهای توزیعشده بر روی شبکه است که با استفاده از امکانات اشتراکی بتوانند بازخورد خود را بهینه کنند. </p>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<img src="assets/images/distributed.png" class="card-img-top" alt="...">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">مدل توزیع شده</h5>
|
||||||
|
<p class="card-text">سیستمی برای ایجاد ظرفیت هوشمصنوعی بواسطهی تعاون زیربنای محاسباتی کاربران. </p>
|
||||||
|
<a href="projects/dist_llm.html" class="btn btn-primary">مشاهده جزئیات</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Add more project cards here -->
|
||||||
|
</div>
|
||||||
|
<p> *نمونههایی از تاثیر رویکرید سرمایهدارانه بر روی توسعه و کاربرد هوشمصنوعی: ۱ کالاسازی داده باعث رقابت در تجمیع و انحصار در اطلاعات شده تا حایی که داده را نفت جدید میخوانند. ۲ شرکتهای تولید کنندهی سختافزار برای ضمانت رشد سود خود محققین را جهتدهی میکنند که فقط تحت زیربنای محاسباتی آنها توسعهی نرمافزاری دهند. مثلا شرکت NVIDIA با تحت تاثیر قرار دادن جامعهی علمی و تولیدی و پشتیبانی، از فروش سختافزارهای AMD، که معمولاً کارکرد بهتری دارد، جلوگیری میکند. ۳ همچنین با هژمونیک کردن این نگاه، جامعهی علمی به دنبال سختافزارهای روز، که بزرگتر و سریعتر میشوند، میباشد. در این حین دیدگاههای دموکراتیک تر، مانند پردازش سیستمهای توزیعشده که میتواند از سختافزارهای کوچک مردم همزمان بهره ببرد، از ادبیات تحقیقی حذف شدهاند. در نتیجه راهکارهای سرمایهدارانه تنها جهت پیشرفت و توسعه دیده میشود. البته روشهای پردازش سیستمهای توزیعشده به کل حذف نشدهاند. بلکه آنها هم در جهت منافع شرکتهای چند ملیتی توسعه داده میشوند. با آمدن کرونا شرکت NVIDIA از کاربران بازیهای رایانهای خواست تا سیستمی نصب کنند که به آنها اجازه میداد از سیستم کاربران برای توسعهی هوشمصنوعی در جهت کشف داروهای جدید، استفاده کنند. در نمونهای دیگر شرکت گوگل از دستگاههای تلفن کاربران برای آموزش مدلهای هوشمصنوعی خود بهره میبرد و آن را باز به مشتریان جدید میفروشد. محصولی که با دادههای مردم و سختافزار آنها درست شده در جهت منافع مالی این شرکت استقاده میشود. </p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="projects" class="py-5 bg-light">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5 text-primary"> پروژهها با محوریت کاربست </h2>
|
||||||
|
<p class="lead mb-5 text-center"> در جهت افزایش کارایی ابزار هوش مصنوعی برای انسان خلاق، ما تلاش میکنیم تا نحوهی کاربری را بازبینی کنیم و مدلها را به سمتی سوق دهیم تا موجب محدودسازی کاربر خلاق نشوند. این تلاش ها هم برای جهتدهی ابزار کنونی و هم برای ساخت مدلهای جدید کارآمدتر انجام میشوند. </p>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<img src="assets/images/LLM_questionner.jpg" class="card-img-top" alt="...">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">مدلهای پرسشگر</h5>
|
||||||
|
<p class="card-text">افزایش رفتار خلاق کاربر و سنجش هوشمصنوعی.</p>
|
||||||
|
<a href="projects/dist_llm.html" class="btn btn-primary">مشاهده جزئیات</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Add more project cards here -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="projects" class="py-5 bg-light">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5 text-primary"> تحقیقات در زمینهی حکمرانی </h2>
|
||||||
|
<p class="lead mb-5 text-center"> یکی از اهداف بلند مدت ما تولید هوشمصنوعی با کاربرد تسهیل روابط شناختی در گروه و جامعه است. ما دنبال پاسخ به این پرسش هستیم که چه ابزاری بهتر میتواند این روابط را مدل سازی و بهینه کند و ما چگونه میتوانیم آن را بسازیم. </p>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<img src="assets/images/ipso-facto.jpg" class="card-img-top" alt="...">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">حکمرانی با هوشمصنوعی</h5>
|
||||||
|
<p class="card-text">ابزار هوشمصنوعی در کدم امور میتواند به کمک مجری و قانونگذار بیاید؟</p>
|
||||||
|
<a href="#" class="btn btn-primary">به زودی</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<img src="assets/images/AI_and_will.jpg" class="card-img-top" alt="...">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">حکمرانی برای هوشمصنوعی</h5>
|
||||||
|
<p class="card-text">چه ملاحضاتی در زمینهی قانونگذاری باید در نظر گرفته شوند؟
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
معیارهای کلی:
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
۱. گسترش اختیار و آگاهی فردی و اجتماعی
|
||||||
|
<br>
|
||||||
|
|
||||||
|
۲. عبور از انحصار زیرساختی و افزایش حاکمیت انسان بر سرمایه
|
||||||
|
<br>
|
||||||
|
|
||||||
|
۳. افزایش دگرخواهی و تقابل با فردگرایی و منفعت طلبی
|
||||||
|
</p>
|
||||||
|
<a href="#" class="btn btn-primary">به زودی</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Add more project cards here -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer py-4">
|
||||||
|
<div class="container text-center">
|
||||||
|
<p class="mb-0">تمامی حقوق محفوظ است © ۱۴۰۳ گروه هوش مصنوعی اجتماعی</p>
|
||||||
|
<div class="social-icons mt-3">
|
||||||
|
<a href="#"><i class="bi bi-twitter me-3"></i></a>
|
||||||
|
<a href="#"><i class="bi bi-linkedin me-3"></i></a>
|
||||||
|
<a href="#"><i class="bi bi-github"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,172 @@
|
|||||||
|
{
|
||||||
|
"cells": [
|
||||||
|
{
|
||||||
|
"cell_type": "code",
|
||||||
|
"execution_count": 1,
|
||||||
|
"id": "62188aef",
|
||||||
|
"metadata": {},
|
||||||
|
"outputs": [],
|
||||||
|
"source": [
|
||||||
|
"list_complete = ''\n",
|
||||||
|
"list_pending = ''\n",
|
||||||
|
"title = ''\n",
|
||||||
|
"perc = ('80', '40', '۸۰٪')\n",
|
||||||
|
"description = ''\n",
|
||||||
|
"comment = ''\n",
|
||||||
|
"link = ''\n",
|
||||||
|
"link_ref = ''\n",
|
||||||
|
"\n",
|
||||||
|
"def get_html(list_complete, list_pending, title, perc, description, comment, link, link_ref):\n",
|
||||||
|
"\n",
|
||||||
|
" completed_tasks = ''\n",
|
||||||
|
" for i in list_complete:\n",
|
||||||
|
" completed_tasks += '<li>' + i +'</li>'\n",
|
||||||
|
"\n",
|
||||||
|
" pending_task = ''\n",
|
||||||
|
" for i in list_pending:\n",
|
||||||
|
" pending_task += '<li>' + i +'</li>'\n",
|
||||||
|
"\n",
|
||||||
|
"\n",
|
||||||
|
"\n",
|
||||||
|
" html_1 = \"\"\"\n",
|
||||||
|
" <div class=\"col-md-6 col-lg-4\">\n",
|
||||||
|
" <div class=\"card project-card\">\n",
|
||||||
|
" <div class=\"card-body\">\n",
|
||||||
|
" <h5 class=\"h4 mb-3\">\"\"\"+ title + '</h5> <p class=\"card-text\">'\n",
|
||||||
|
"\n",
|
||||||
|
" html_1 += description\n",
|
||||||
|
" html_1 += ' </p><div class=\"container text-center justify-content: center\">وضعیت پیشرفت '\n",
|
||||||
|
" html_1 += '<div class=\"progress-container\"><div class=\"progress\" style=\"width:' + perc[0] + '%; padding-right: ' + perc[1] + '%;\">' +perc[2]\n",
|
||||||
|
" html_1 += '</div></div></div><p>'\n",
|
||||||
|
"\n",
|
||||||
|
" if len(completed_tasks)>0:\n",
|
||||||
|
" html_1 +='<ul style=\"list-style-type: \\'✅ \\' ;\">' + completed_tasks + '</ul>'\n",
|
||||||
|
"\n",
|
||||||
|
" if len(pending_task)>0:\n",
|
||||||
|
" html_1 +='<ul style=\"list-style-type: \\'⏳ \\' ;\">' + pending_task + '</ul>'\n",
|
||||||
|
" html_1 += '</p>'\n",
|
||||||
|
" if type(comment)==str:\n",
|
||||||
|
" html_1 += str(comment)\n",
|
||||||
|
"\n",
|
||||||
|
" if type(link)==str:\n",
|
||||||
|
" html_1 += '<a href=\"' + str(link) + '\">'\n",
|
||||||
|
" if type(link_ref)==str:\n",
|
||||||
|
" html_1 += '<p class=\"card-text\">' + str(link_ref) + '</p>'\n",
|
||||||
|
" else:\n",
|
||||||
|
" html_1 += '<p class=\"card-text\">آدرس</p>'\n",
|
||||||
|
" html_1 += '</a>'\n",
|
||||||
|
"\n",
|
||||||
|
" html_1 += \"\"\"</div></div></div> \n",
|
||||||
|
" <!-- Repeat for other projects -->\"\"\"\n",
|
||||||
|
" return html_1"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"cell_type": "code",
|
||||||
|
"execution_count": 6,
|
||||||
|
"id": "ccb7eed8",
|
||||||
|
"metadata": {},
|
||||||
|
"outputs": [],
|
||||||
|
"source": [
|
||||||
|
"import pandas as pd\n",
|
||||||
|
"#csv_file_path = 'proj_data_ex.xlsx'\n",
|
||||||
|
"#csv_file_path = 'distributed_ai.xlsx'\n",
|
||||||
|
"#csv_file_path = 'questionner.xlsx'\n",
|
||||||
|
"csv_file_path = 'fairness.xlsx'\n",
|
||||||
|
"\n",
|
||||||
|
"xls = pd.read_excel(csv_file_path, sheet_name=None, engine='openpyxl')\n",
|
||||||
|
"\n"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"cell_type": "code",
|
||||||
|
"execution_count": 7,
|
||||||
|
"id": "762b688a",
|
||||||
|
"metadata": {},
|
||||||
|
"outputs": [
|
||||||
|
{
|
||||||
|
"name": "stdout",
|
||||||
|
"output_type": "stream",
|
||||||
|
"text": [
|
||||||
|
"\n",
|
||||||
|
" <div class=\"col-md-6 col-lg-4\">\n",
|
||||||
|
" <div class=\"card project-card\">\n",
|
||||||
|
" <div class=\"card-body\">\n",
|
||||||
|
" <h5 class=\"h4 mb-3\">انصاف در اثرگذاری</h5> <p class=\"card-text\">روش متفاوتی ربای معیار سنجی انصاف مدل بر اساس میزان تاثیر کلی هر داده (یا گروه داده) بر روی تصمیمات مدل. </p><div class=\"container text-center justify-content: center\">وضعیت پیشرفت <div class=\"progress-container\"><div class=\"progress\" style=\"width:40%; padding-right: 20%;\">۴۰٪</div></div></div><p><ul style=\"list-style-type: '✅ ' ;\"><li>تخمین سهم تاثیر دادهها</li><li>محاسبه تاثیر کناری برای دستههای مختلف داده</li></ul><ul style=\"list-style-type: '⏳ ' ;\"><li>دستهبندی روشهای متفاوت برای نسبت سنجی تاثیر</li><li>مقایسهی شرایط منصفانه و غیر منصفانه</li><li>مقایسهی کیفی شرایط تشخیص با روشهای کنونی</li><li>اعمال شرط انصاف در آموزش مدل</li></ul></p></div></div></div> \n",
|
||||||
|
" <!-- Repeat for other projects -->\n"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"source": [
|
||||||
|
"percentages = [('10', '2', '۰٪'),\n",
|
||||||
|
" ('15', '5', '۱۰٪'),\n",
|
||||||
|
" ('20', '10', '۲۰٪'),\n",
|
||||||
|
" ('30', '15', '۳۰٪'),\n",
|
||||||
|
" ('40', '20', '۴۰٪'),\n",
|
||||||
|
" ('50', '25', '۵۰٪'),\n",
|
||||||
|
" ('60', '30', '۶۰٪'),\n",
|
||||||
|
" ('70', '35', '۸۰٪'),\n",
|
||||||
|
" ('80', '40', '۸۰٪'),\n",
|
||||||
|
" ('90', '45', '۹۰٪'),\n",
|
||||||
|
" ('100', '50', '۱۰۰٪')]\n",
|
||||||
|
"for sheet_name, df in xls.items():\n",
|
||||||
|
" cols = df.columns\n",
|
||||||
|
" title = df[df.columns[0]][0]\n",
|
||||||
|
" description = df[df.columns[1]][0]\n",
|
||||||
|
" p = int(df[df.columns[2]][0])\n",
|
||||||
|
" perc = percentages[p]\n",
|
||||||
|
" list_complete = df[df.columns[3]].dropna()\n",
|
||||||
|
" list_pending = df[df.columns[4]].dropna()\n",
|
||||||
|
" comment = df[df.columns[5]].dropna()\n",
|
||||||
|
" link = df[df.columns[6]][0]\n",
|
||||||
|
" link_ref = df[df.columns[7]][0]\n",
|
||||||
|
"\n",
|
||||||
|
" h = get_html(list_complete, list_pending, title, perc, description, comment, link, link_ref)\n",
|
||||||
|
" print(h)\n",
|
||||||
|
"\n",
|
||||||
|
" "
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"cell_type": "code",
|
||||||
|
"execution_count": 161,
|
||||||
|
"id": "91b185fb",
|
||||||
|
"metadata": {},
|
||||||
|
"outputs": [
|
||||||
|
{
|
||||||
|
"ename": "TypeError",
|
||||||
|
"evalue": "object of type 'numpy.float64' has no len()",
|
||||||
|
"output_type": "error",
|
||||||
|
"traceback": [
|
||||||
|
"\u001b[1;31m\u001b[0m",
|
||||||
|
"\u001b[1;31mTypeError\u001b[0mTraceback (most recent call last)",
|
||||||
|
"\u001b[1;32m~\\AppData\\Local\\Temp/ipykernel_37900/3929354373.py\u001b[0m in \u001b[0;36m<module>\u001b[1;34m\u001b[0m\n\u001b[1;32m----> 1\u001b[1;33m \u001b[0mlen\u001b[0m\u001b[1;33m(\u001b[0m\u001b[0mlink\u001b[0m\u001b[1;33m)\u001b[0m\u001b[1;33m\u001b[0m\u001b[1;33m\u001b[0m\u001b[0m\n\u001b[0m",
|
||||||
|
"\u001b[1;31mTypeError\u001b[0m: object of type 'numpy.float64' has no len()"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"source": []
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"metadata": {
|
||||||
|
"kernelspec": {
|
||||||
|
"display_name": "Python 3 (ipykernel)",
|
||||||
|
"language": "python",
|
||||||
|
"name": "python3"
|
||||||
|
},
|
||||||
|
"language_info": {
|
||||||
|
"codemirror_mode": {
|
||||||
|
"name": "ipython",
|
||||||
|
"version": 3
|
||||||
|
},
|
||||||
|
"file_extension": ".py",
|
||||||
|
"mimetype": "text/x-python",
|
||||||
|
"name": "python",
|
||||||
|
"nbconvert_exporter": "python",
|
||||||
|
"pygments_lexer": "ipython3",
|
||||||
|
"version": "3.9.7"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"nbformat": 4,
|
||||||
|
"nbformat_minor": 5
|
||||||
|
}
|
||||||
@@ -0,0 +1,208 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fa" dir="rtl">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>توضیح داده</title>
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
.progress-container {
|
||||||
|
background-color: rgba(208, 186, 150, 0.248);
|
||||||
|
width: 80%;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress {
|
||||||
|
background-color: rgb(0, 160, 24);
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
line-height: 10%;
|
||||||
|
padding: 5%;
|
||||||
|
font-size: 15px;
|
||||||
|
border-radius: 15px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-section {
|
||||||
|
background: url('images/dist_model_bg.png') center center/cover;
|
||||||
|
height: 100vh;
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
}
|
||||||
|
.feature-icon {
|
||||||
|
font-size: 3rem;
|
||||||
|
color: #0d6efd;
|
||||||
|
}
|
||||||
|
.project-card {
|
||||||
|
transition: transform 0.3s;
|
||||||
|
}
|
||||||
|
.project-card:hover {
|
||||||
|
transform: translateY(-10px);
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
font-family: 'Vazir', sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #202013;
|
||||||
|
}
|
||||||
|
html[lang="fa"] {
|
||||||
|
font-family: 'Vazir', sans-serif !important; /* Ensure Persian text uses this font */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||||
|
<div class="container">
|
||||||
|
<a class="navbar-brand" href="#">توضیح داده</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
|
<ul class="navbar-nav ms-auto">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" href="#home">توصیف</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#features">ویژگی ها</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">گام نما</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">دور نما</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#contact">ارتباط با ما</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<header class="hero-section d-flex align-items-center">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h1 class="display-3 mb-4">توضیح داده</h1>
|
||||||
|
<p class="lead mb-5">سیستمی برای مدلسازی داده و رهگیری جریان اطلاعات در دادگان.</p>
|
||||||
|
<a href="#features" class="btn btn-light btn-lg rounded-pill px-5">بیشتر بدانید</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Features Section -->
|
||||||
|
<section id="features" class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">ویژگی ها</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-eye"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">شفافیت در ارجاع</h3>
|
||||||
|
<p> ریشه یابی دادههای تاثیر برای توجیح هر کدام از دادهها.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-pen"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">ارزشگذاری داده </h3>
|
||||||
|
<p>ایجاد امکان ارزشگذاری دادگان به واسطهی معیارهای مشخص و کنترل جریان داده با در نظر گرفتن ارزشها.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-gauge-high"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">بازده و کارایی بالا</h3>
|
||||||
|
<p>جستجوی معنادار در داده و تناسب سنجی بهینه بین دادهگان.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Portfolio Section -->
|
||||||
|
<section id="portfolio" class="py-5 bg-light">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">گامنمای پروژه</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">کشف روابط در پایگاه داده به وسیلهی مدل</h5> <p class="card-text">پیدا کردن روابط در پایگاه داده؛ مثلاَ استفاده از مدل زبانی برای کشف رابطهی استناد بین دادهها. </p><div class="container text-center justify-content: center">وضعیت پیشرفت <div class="progress-container"><div class="progress" style="width:20%; padding-right: 10%;">۲۰٪</div></div></div><p><ul style="list-style-type: '✅ ' ;"><li>نمونهی اولیه کشف تاثیر با دادههای MNIST.</li><li>نمونهی اولیه کشف روابط با دادههای MNIST.</li></ul><ul style="list-style-type: '⏳ ' ;"><li>توضیحپذیری مدل زبانی برای کشف تاثیر اطلاعات دادگان بر یکدیگر</li><li>جستجوی گراف متون بر اساس روابط تاثیر</li></ul></p><a href="https://github.com/siavashBigdeli/marginalized_sample_influence"><p class="card-text">آدرس گیت هاب</p></a></div></div></div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">خلاصه سازی شرطی در پایگاه داده</h5> <p class="card-text">آیا میتوان به صورت سلسله وار از مدلهای مولد استفاده کرد و در هر مرحله با ترکیب خروجی با دادههای دیگر خلاصه سازی نمود؟ </p><div class="container text-center justify-content: center">وضعیت پیشرفت <div class="progress-container"><div class="progress" style="width:30%; padding-right: 15%;">۳۰٪</div></div></div><p><ul style="list-style-type: '✅ ' ;"><li>مدل زبانی بر پایه RAG</li><li>ترکیب دادههای یک مرحلهای</li></ul><ul style="list-style-type: '⏳ ' ;"><li>ترکیب دادههای چند مرحلهای</li></ul></p></div></div></div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">تخمین ارزشگذاری متن برا اساس معیار</h5> <p class="card-text">سنجش میزان هماهنگی و شباهت متون با متنهای معیار که از جانب متخصص آگاه تعیین شدهاند. </p><div class="container text-center justify-content: center">وضعیت پیشرفت <div class="progress-container"><div class="progress" style="width:50%; padding-right: 25%;">۵۰٪</div></div></div><p><ul style="list-style-type: '✅ ' ;"><li>مهندسی پرامپت برای تخمین ارزش</li><li>مدلهای دسته بندی ارزشی</li></ul><ul style="list-style-type: '⏳ ' ;"><li>مدلهای بالفعل ارزش سنجی</li><li>مدلهای منعطف با ارزشهای جدید</li></ul></p><a href="https://github.com/siavashBigdeli/prompt_engineering_questioner"><p class="card-text">آدرس گیت هاب</p></a></div></div></div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Testimonials -->
|
||||||
|
<section class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">دورنمای پروژه</h2>
|
||||||
|
<div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="testimonial p-4">
|
||||||
|
<p class="lead">
|
||||||
|
دادگان کنونی در فضای دیجیتال بسیار منقطع (fragmented) از یکدیگر هستند و ریشهیابی روند تولید دانش و اطلاع بسیار پیچیده، اگر نه غیر ممکن، شده.
|
||||||
|
ما به دنبال رهیافتهای محاسباتی برای بر گرداندن شناخت تاریخی از دادگان هستیم که به کاربر اجازه بدهد دادهها را بر اساس روند مورد علاقه چینش کند.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Call to Action -->
|
||||||
|
<section class="py-5 bg-primary text-white">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h2>ایا میخواهید در توسعه این پروژه مشارکت کنید؟</h2>
|
||||||
|
<p class="lead">منتظریم</p>
|
||||||
|
<a href="#contact" class="btn btn-light btn-lg mt-3">ارتباط با ما</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer py-4">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-md-end">
|
||||||
|
<a href="#" class="text-decoration-none me-3"><i class="fab fa-facebook"></i></a>
|
||||||
|
<a href="#" class="text-decoration-none me-3"><i class="fab fa-twitter"></i></a>
|
||||||
|
<a href="#" class="text-decoration-none"><i class="fab fa-linkedin"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Bootstrap JS -->
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,211 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fa" dir="rtl">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>موازیسازی پردازش مدلها </title>
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
.progress-container {
|
||||||
|
background-color: rgba(208, 186, 150, 0.248);
|
||||||
|
width: 80%;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress {
|
||||||
|
background-color: rgb(0, 160, 24);
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
line-height: 10%;
|
||||||
|
padding: 5%;
|
||||||
|
font-size: 15px;
|
||||||
|
border-radius: 15px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-section {
|
||||||
|
background: url('images/dist_model_bg.png') center center/cover;
|
||||||
|
height: 100vh;
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
}
|
||||||
|
.feature-icon {
|
||||||
|
font-size: 3rem;
|
||||||
|
color: #0d6efd;
|
||||||
|
}
|
||||||
|
.project-card {
|
||||||
|
transition: transform 0.3s;
|
||||||
|
}
|
||||||
|
.project-card:hover {
|
||||||
|
transform: translateY(-10px);
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
font-family: 'Vazir', sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #202013;
|
||||||
|
}
|
||||||
|
html[lang="fa"] {
|
||||||
|
font-family: 'Vazir', sans-serif !important; /* Ensure Persian text uses this font */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||||
|
<div class="container">
|
||||||
|
<a class="navbar-brand" href="#">موازیسازی پردازش مدلها </a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
|
<ul class="navbar-nav ms-auto">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" href="#home">توصیف</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#features">ویژگی ها</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">گام نما</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">دور نما</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#contact">ارتباط با ما</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<header class="hero-section d-flex align-items-center">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h1 class="display-3 mb-4">موازیسازی پردازش مدلها </h1>
|
||||||
|
<p class="lead mb-5">سیستمی برای افزایش آگاهی و کنترل کاربر در فرآیند استنتاج مدل.</p>
|
||||||
|
<a href="#features" class="btn btn-light btn-lg rounded-pill px-5">بیشتر بدانید</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Features Section -->
|
||||||
|
<section id="features" class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">ویژگی ها</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-eye"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">عدم وابستگی به تجمیع سخت افزار</h3>
|
||||||
|
<p>با توجه به گلوگاه شدن سخت افزار در دنیای کنونی و تحریم کشور های فاقد وجود این تکنولوژی خروج از زمین بازی طراحی شده توسط صاحبان این فناوری این ضرورت را ایجاب میکند</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-pen"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">عدم وابستگی به داده های از پیش اموزش دیده مدل</h3>
|
||||||
|
<p>مسیله مهمی که در مدل های زبانی وجود دارد موضوع نبود امکان بروز رسانی دانش نسبت به گذشته است. این مدل این چالش را حل کرده است.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-gauge-high"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">توزیع فرایند استنتاج</h3>
|
||||||
|
<p>ارمان ما این است که هر فرد بتواند به اندازه توان خود در فرایند کار های اجتماعی و تعاون در حد توان خود تصرف کند. در اینجا هر موجودیتی در حدی که میتواند میتواند در کارکرد این مدل دخیل باشد.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Portfolio Section -->
|
||||||
|
<section id="portfolio" class="py-5 bg-light">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">گامنمای پروژه</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">موازیسازی پردازش مدلها روی شبکه</h5> <p class="card-text">با استفاده از موازی سازی پردازش مدلها روی شبکه میتوان از منابع (inference) مدلها استفاده کرد که دیگر نیازی به مرکز گرا بودن این فرایند نباشد. مثلاَ شروع با مدلهای Transformer. </p><div class="container text-center justify-content: center">وضعیت پیشرفت <div class="progress-container"><div class="progress" style="width:80%; padding-right: 40%;">۸۰٪</div></div></div><p><ul style="list-style-type: '✅ ' ;"><li>موازی سازی پردازش مدل ها روی شبکه</li><li>موازی سازی پردازش مدل ها روی اندروید</li></ul><ul style="list-style-type: '⏳ ' ;"><li>مدلهای مولد</li><li>سرور هماهنگ کننده برای شبکهی موبایلی</li><li>مدلهای بسیار کوچک زبانی</li></ul></p><a href="https://github.com/aliakbar1881/dist_model"><p class="card-text">آدرس گیت هاب</p></a></div></div></div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">استفاده از منابع توزیع شده</h5> <p class="card-text">پیاده سازی پلتفرمی برای توسعه آموزش مدل های توزیع شده بر روی شبکه ماند Keras، Torch، SparkML که آموزش در لحظه را در اختیار محققان و کاربران بگذارد. </p><div class="container text-center justify-content: center">وضعیت پیشرفت <div class="progress-container"><div class="progress" style="width:10%; padding-right: 2%;">۰٪</div></div></div><p><ul style="list-style-type: '⏳ ' ;"><li>پیاده سازی پلتفرمی برای توسعه آموزش مدل های توزیع شده</li></ul></p></div></div></div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">بالا بردن ظرفیت خطای ورودی مدل در شبکه متزلزل</h5> <p class="card-text">بالا بردن توانایی تعمیم پذیری مناسب و ترکیب مناسب دادهها مثلاَ با استفادهی روشی مشابه dropout. </p><div class="container text-center justify-content: center">وضعیت پیشرفت <div class="progress-container"><div class="progress" style="width:10%; padding-right: 2%;">۰٪</div></div></div><p><ul style="list-style-type: '⏳ ' ;"><li>ترکیب مناسب دادهها</li><li>بالا بردن توانایی تعمیم پذیری</li></ul></p></div></div></div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">امنیت دادهها با پردازش توزیعشده</h5> <p class="card-text">آنالیز انکشاف در دادههای مدلهای توزیع شده روش شبکه و بررسی امکان بالا بردن سطح خصوصی دادهها، مانند روش Differential privacy. </p><div class="container text-center justify-content: center">وضعیت پیشرفت <div class="progress-container"><div class="progress" style="width:10%; padding-right: 2%;">۰٪</div></div></div><p><ul style="list-style-type: '⏳ ' ;"><li>استفاده از روش Differential privacy برای دادههای متنی</li></ul></p></div></div></div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Testimonials -->
|
||||||
|
<section class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">دورنمای پروژه</h2>
|
||||||
|
<div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="testimonial p-4">
|
||||||
|
ما در آینده مدلهایی خواهیم ساخت که نیاز کمتری به منابع متمرکز داشته باشند. مثلا نمونهی کنونی ما یک مدل زبانی است که بر روی شبکهای از چند تلفن هوشمند اجرا میشود و نیاز به سخت افزار قوی و متمرکز را کم میکند.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Call to Action -->
|
||||||
|
<section class="py-5 bg-primary text-white">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h2>ایا میخواهید در توسعه این پروژه مشارکت کنید؟</h2>
|
||||||
|
<p class="lead">منتظریم</p>
|
||||||
|
<a href="#contact" class="btn btn-light btn-lg mt-3">ارتباط با ما</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer py-4">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-md-end">
|
||||||
|
<a href="#" class="text-decoration-none me-3"><i class="fab fa-facebook"></i></a>
|
||||||
|
<a href="#" class="text-decoration-none me-3"><i class="fab fa-twitter"></i></a>
|
||||||
|
<a href="#" class="text-decoration-none"><i class="fab fa-linkedin"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Bootstrap JS -->
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,350 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fa" dir="rtl">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>توضیحپذیری هوشمصنوعی</title>
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
.progress-container {
|
||||||
|
background-color: rgba(208, 186, 150, 0.248);
|
||||||
|
width: 80%;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress {
|
||||||
|
background-color: rgb(0, 160, 24);
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
line-height: 10%;
|
||||||
|
padding: 5%;
|
||||||
|
font-size: 15px;
|
||||||
|
border-radius: 15px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-section {
|
||||||
|
background: url('images/dist_model_bg.png') center center/cover;
|
||||||
|
height: 100vh;
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
}
|
||||||
|
.feature-icon {
|
||||||
|
font-size: 3rem;
|
||||||
|
color: #0d6efd;
|
||||||
|
}
|
||||||
|
.project-card {
|
||||||
|
transition: transform 0.3s;
|
||||||
|
}
|
||||||
|
.project-card:hover {
|
||||||
|
transform: translateY(-10px);
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
font-family: 'Vazir', sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #202013;
|
||||||
|
}
|
||||||
|
html[lang="fa"] {
|
||||||
|
font-family: 'Vazir', sans-serif !important; /* Ensure Persian text uses this font */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||||
|
<div class="container">
|
||||||
|
<a class="navbar-brand" href="#">توضیحپذیری هوشمصنوعی</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
|
<ul class="navbar-nav ms-auto">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" href="#home">توصیف</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#features">ویژگی ها</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">گام نما</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">دور نما</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#contact">ارتباط با ما</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<header class="hero-section d-flex align-items-center">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h1 class="display-3 mb-4">توضیحپذیری هوشمصنوعی</h1>
|
||||||
|
<p class="lead mb-5">سیستمی برای افزایش آگاهی و کنترل کاربر در فرآیند استنتاج مدل.</p>
|
||||||
|
<a href="#features" class="btn btn-light btn-lg rounded-pill px-5">بیشتر بدانید</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Features Section -->
|
||||||
|
<section id="features" class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">ویژگی ها</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-eye"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">شفافیت در استنتاج</h3>
|
||||||
|
<p> تولید مدلهایی که به صورت پیشفرض افزایش اطلاع کاربر از جزئیات فرایند آموزش و استنتاج را در نظر میگیرند.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-pen"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">امکان تغییر در فرایند استنتاج</h3>
|
||||||
|
<p>ایجاد امکان تغییر در ابعاد مختلف تصمیمگیری مدل مانند انتخاب دادهها یا ویژگیهای تاثیرگذار در خروجی مدل.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-gauge-high"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">بازده و کارایی بالا</h3>
|
||||||
|
<p>ارتقا و یا حفظ سرعت و دقت مدل توضیحپذیر در عین ایجاد امکان توضیحپذیری، و عبور از دوگانهی شفافیت در مقابل کارایی.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Portfolio Section -->
|
||||||
|
<section id="portfolio" class="py-5 bg-light">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">گامنمای پروژه</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">هوشمصنوعی توضیحپذیر بالفعل</h5>
|
||||||
|
<p class="card-text">ترکیبی از یادگیری عمیق و یادگیری تنبل به ما اجازهی دخالت در دادههای تاثیرگذار را میدهد.</p>
|
||||||
|
<div class="container text-center justify-content: center">
|
||||||
|
وضعیت پیشرفت
|
||||||
|
<div class="progress-container">
|
||||||
|
<div class="progress" style="width: 80%; padding-right: 40%;">
|
||||||
|
۸۰٪
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<ul style="list-style-type: '✅ ' ;">
|
||||||
|
<li> توضیحپذیری با پیدا کردن سهم تاثیر هر نمونه در دادههای آموزش </li>
|
||||||
|
<li> امکان ایجاد تغییر در سهم تاثیر هر نمونه بدون نیاز به آموزش مجدد مدل </li>
|
||||||
|
<li> مدهای پیشبینی کننده </li>
|
||||||
|
</ul>
|
||||||
|
<ul style="list-style-type: ' ⏳ ' ;">
|
||||||
|
<li> مدلهای مولد </li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
میتوانید نمونهی کد این پروژه را در این صفحه ببینید و آزمایش کنید:
|
||||||
|
<a href="https://github.com/aliakbar1881/IpsofactoModel">
|
||||||
|
<p class="card-text">آدرس گیت هاب</p>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3"> توضیحپذیری بالفعل با دادههای خوشهای</h5>
|
||||||
|
<p class="card-text">ترکیب مدلهای RAG با مدلهای توضیحپذیر بالفعل برای سرعت و شخصیسازی. </p>
|
||||||
|
<div class="container text-center justify-content: center">
|
||||||
|
وضعیت پیشرفت
|
||||||
|
<div class="progress-container">
|
||||||
|
<div class="progress" style="width: 10%; padding-right: 2%;">
|
||||||
|
۰٪
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<ul style="list-style-type: ' ⏳ ' ;">
|
||||||
|
<li> پیاده سازی الگوریتم جستجوی سریع در پایگاه داده </li>
|
||||||
|
<li> توضیحپذیری بالفعل با استفاده از دادههای نزدیک </li>
|
||||||
|
<li> استفاده از الگوریتمهای جستجوی سریع (مانند KNN) در آموزش و استنتاج با در نظر گرفتن سهم اهمیت (و نه لزوماً شباهت و نزدیکی) </li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3"> مدلهای عمیق با یادگیری تنبل </h5>
|
||||||
|
<p class="card-text">پیادهسازی یادگیری تنبل با شبکههای عصبی عمیق و جداسازی اطلاعات از پردازش شبکه. </p>
|
||||||
|
<div class="container text-center justify-content: center">
|
||||||
|
وضعیت پیشرفت
|
||||||
|
<div class="progress-container">
|
||||||
|
<div class="progress" style="width: 30%; padding-right: 12%;">
|
||||||
|
۳۰٪
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<ul style="list-style-type: '✅ ' ;">
|
||||||
|
<li> ترکیب غیر خطی دادهها در فرایند استنتاج </li>
|
||||||
|
</ul>
|
||||||
|
<ul style="list-style-type: ' ⏳ ' ;">
|
||||||
|
<li> آموزش محلی بر روی دادهها در فرایند استنتاج </li>
|
||||||
|
<li> (بهینه برای مدل های دیفیوژن) یادگیری تنبل برای وزنهای مدل </li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
میتوانید نمونهی کد این پروژه را در این صفحه ببینید و آزمایش کنید:
|
||||||
|
<a href="">
|
||||||
|
<p class="card-text">به زودی</p>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3"> توضیح بالفعل بر روی ویژگیهای ورودی </h5>
|
||||||
|
<p class="card-text">تبدیل مدلهای بالفعل به مدلهایی با قابلیت تشخیص و تغییر در سطح تاثیر ویژگیهای دادهی ورودی. </p>
|
||||||
|
<div class="container text-center justify-content: center">
|
||||||
|
وضعیت پیشرفت
|
||||||
|
<div class="progress-container">
|
||||||
|
<div class="progress" style="width: 10%; padding-right: 2%;">
|
||||||
|
۰٪
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<ul style="list-style-type: ' ⏳ ' ;">
|
||||||
|
<li> استفاده از مدل ViT بر روی دادههای تصویری </li>
|
||||||
|
<li> مدلهای autoregressive </li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3"> شرطی خلاف واقع برای افزایش سهم تأثیر </h5>
|
||||||
|
<p class="card-text">استفاده از مشتقات سهم تأثیر برای نمونهی خلاف واقع با کاربردهای poisonning، re-biassing، dataset summaries. </p>
|
||||||
|
<div class="container text-center justify-content: center">
|
||||||
|
وضعیت پیشرفت
|
||||||
|
<div class="progress-container">
|
||||||
|
<div class="progress" style="width: 10%; padding-right: 2%;">
|
||||||
|
۰٪
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<ul style="list-style-type: ' ⏳ ' ;">
|
||||||
|
<li> حملات adversarial بر روی دادههای ورودی و تغییر در تاثیر دادههای آموزش</li>
|
||||||
|
<li> حملات adversarial بر روی دادههای آموزش و تغییر در عمکرد مدل</li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3"> تخمین سهمتاثیر با استفاده از اندازهگیری قطعیت </h5>
|
||||||
|
<p class="card-text"> محاسبهی سهم تاثیر عملیات سنگین مشتق درجهی دوم روی پارامترهای مدل را دارد که بسیار زمانبر و جاگیر است. با توجه به روشهای خلاقانه وسریع در زمینهی تخمین قطعیت وجود دارد، ترکیب این دو روش میتواند روش بهینهای برای محاسبهی سهمتاثیر را ارائه کند. </p>
|
||||||
|
<div class="container text-center justify-content: center">
|
||||||
|
وضعیت پیشرفت
|
||||||
|
<div class="progress-container">
|
||||||
|
<div class="progress" style="width: 10%; padding-right: 2%;">
|
||||||
|
۰٪
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<ul style="list-style-type: ' ⏳ ' ;">
|
||||||
|
<li> روش (های) بهینه برای تخمین قطعیت. مانند ensemble ها و یا dropout.</li>
|
||||||
|
<li> ترکیب قطعیت و مشتقات ورودی برای تخمین Hessian-vector product و Influence function</li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">سیستم پیشنهاد دهنده با مدل تنبل</h5> <p class="card-text">پیدا کردن یادگیری عمیق و تنبل برای بهینه استفاده در پشنهاد دهندهها. دادههای مورد ارجاع میتوانند نسبت به تغییر علاقهی کاربر عوض شوند. </p><div class="container text-center justify-content: center">وضعیت پیشرفت <div class="progress-container"><div class="progress" style="width:10%; padding-right: 2%;">۰٪</div></div></div><p><ul style="list-style-type: '⏳ ' ;"><li>سیستم پیشنهاد دهنده باتوجه به دادهها و اندازهگیری دقت مدل.</li><li>یادگیری تقویتی با انتخاب دادههای برتر و بازآموزش مدل.</li></ul></p></div></div></div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Testimonials -->
|
||||||
|
<section class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">دورنمای پروژه</h2>
|
||||||
|
<div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="testimonial p-4">
|
||||||
|
<p class="lead">در این پروژه، توانستهایم نشان دهیم که استنتاج مدل نهتنها قابل توضیح به کاربر است، بلکه بهصورت بالفعل میتوان فرایند آن را شفافسازی کرد. همچنین، امکان ورود ارادهی کاربر به جریان استنتاج هوش مصنوعی را فراهم کردهایم، بهویژه در مرحلهی انتخاب دادههای تأثیرگذار. این رویکرد در حال گسترش به سایر بخشهای فرایند استنتاج نیز هست.
|
||||||
|
|
||||||
|
هدف ما این است که ابزارهای جدید جایگزین متخصصان انسانی نشوند، بلکه بتوانند از طریق تعامل مؤثر با کاربر، تصمیمگیری را بهبود بخشند. برای تحقق این امر، ابزار طراحیشده باید بتواند اراده و تصمیمات کاربر را در چارچوبی ساختاریافته مدلسازی کرده و در استنتاج لحاظ کند. این امر به لطف شفافیت در استنتاج مدل محقق میشود و لازم است که این شفافیت در ابعاد دیگر نیز گسترش یابد، ازجمله در نحوهی تغییرات دادههای آموزشی و ارزیابی مدل.
|
||||||
|
|
||||||
|
با این رویکرد، به سمت سیستمی حرکت میکنیم که نهتنها دقت و کارایی استنتاج را بهبود میبخشد، بلکه تعامل انسانی را نیز در قلب فرایند تصمیمگیری حفظ میکند.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Call to Action -->
|
||||||
|
<section class="py-5 bg-primary text-white">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h2>ایا میخواهید در توسعه این پروژه مشارکت کنید؟</h2>
|
||||||
|
<p class="lead">منتظریم</p>
|
||||||
|
<a href="#contact" class="btn btn-light btn-lg mt-3">ارتباط با ما</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer py-4">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-md-end">
|
||||||
|
<a href="#" class="text-decoration-none me-3"><i class="fab fa-facebook"></i></a>
|
||||||
|
<a href="#" class="text-decoration-none me-3"><i class="fab fa-twitter"></i></a>
|
||||||
|
<a href="#" class="text-decoration-none"><i class="fab fa-linkedin"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Bootstrap JS -->
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,193 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fa" dir="rtl">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>انصاف الگوریتمی</title>
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
.progress-container {
|
||||||
|
background-color: rgba(208, 186, 150, 0.248);
|
||||||
|
width: 80%;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress {
|
||||||
|
background-color: rgb(0, 160, 24);
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
line-height: 10%;
|
||||||
|
padding: 5%;
|
||||||
|
font-size: 15px;
|
||||||
|
border-radius: 15px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-section {
|
||||||
|
background: url('images/dist_model_bg.png') center center/cover;
|
||||||
|
height: 100vh;
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
}
|
||||||
|
.feature-icon {
|
||||||
|
font-size: 3rem;
|
||||||
|
color: #0d6efd;
|
||||||
|
}
|
||||||
|
.project-card {
|
||||||
|
transition: transform 0.3s;
|
||||||
|
}
|
||||||
|
.project-card:hover {
|
||||||
|
transform: translateY(-10px);
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
font-family: 'Vazir', sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #202013;
|
||||||
|
}
|
||||||
|
html[lang="fa"] {
|
||||||
|
font-family: 'Vazir', sans-serif !important; /* Ensure Persian text uses this font */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||||
|
<div class="container">
|
||||||
|
<a class="navbar-brand" href="#">انصاف الگوریتمی</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
|
<ul class="navbar-nav ms-auto">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" href="#home">توصیف</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#features">ویژگی ها</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">گام نما</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">دور نما</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#contact">ارتباط با ما</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<header class="hero-section d-flex align-items-center">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h1 class="display-3 mb-4">انصاف الگوریتمی</h1>
|
||||||
|
<p class="lead mb-5">الگوریتمهایی برای افزایش آگاهی و ضمانت رعایت انصاف در استنتاج مدلها.</p>
|
||||||
|
<a href="#features" class="btn btn-light btn-lg rounded-pill px-5">بیشتر بدانید</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Features Section -->
|
||||||
|
<section id="features" class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">ویژگی ها</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-eye"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">شفافیت در استنتاج</h3>
|
||||||
|
<p> تشخیص نحوهی عملکرد مدلها بر اساس گروههای مختلف ذینفع.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-pen"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">امکان تغییر در نحوهی عملکرد مدل</h3>
|
||||||
|
<p>ایجاد امکان تغییر در ابعاد مختلف تصمیمگیری مدل مانند انتخاب دادهها یا وزندهی بهینه در برخورد با دادههای گروههای مختلف.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-gauge-high"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">تطابق با معیارهای بومی</h3>
|
||||||
|
<p>جهتگیری توسعهی ابزاری با معیارها و ارزشهای و بومی و نسبت شفاف با الگوریتمها .</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Portfolio Section -->
|
||||||
|
<section id="portfolio" class="py-5 bg-light">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">گامنمای پروژه</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">انصاف در اثرگذاری</h5> <p class="card-text">روش متفاوتی ربای معیار سنجی انصاف مدل بر اساس میزان تاثیر کلی هر داده (یا گروه داده) بر روی تصمیمات مدل. </p><div class="container text-center justify-content: center">وضعیت پیشرفت <div class="progress-container"><div class="progress" style="width:40%; padding-right: 20%;">۴۰٪</div></div></div><p><ul style="list-style-type: '✅ ' ;"><li>تخمین سهم تاثیر دادهها</li><li>محاسبه تاثیر کناری برای دستههای مختلف داده</li></ul><ul style="list-style-type: '⏳ ' ;"><li>دستهبندی روشهای متفاوت برای نسبت سنجی تاثیر</li><li>مقایسهی شرایط منصفانه و غیر منصفانه</li><li>مقایسهی کیفی شرایط تشخیص با روشهای کنونی</li><li>اعمال شرط انصاف در آموزش مدل</li></ul></p></div></div></div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Testimonials
|
||||||
|
<section class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">دورنمای پروژه</h2>
|
||||||
|
<div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="testimonial p-4">
|
||||||
|
<p class="lead">
|
||||||
|
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
-->
|
||||||
|
|
||||||
|
<!-- Call to Action -->
|
||||||
|
<section class="py-5 bg-primary text-white">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h2>ایا میخواهید در توسعه این پروژه مشارکت کنید؟</h2>
|
||||||
|
<p class="lead">منتظریم</p>
|
||||||
|
<a href="#contact" class="btn btn-light btn-lg mt-3">ارتباط با ما</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer py-4">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-md-end">
|
||||||
|
<a href="#" class="text-decoration-none me-3"><i class="fab fa-facebook"></i></a>
|
||||||
|
<a href="#" class="text-decoration-none me-3"><i class="fab fa-twitter"></i></a>
|
||||||
|
<a href="#" class="text-decoration-none"><i class="fab fa-linkedin"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Bootstrap JS -->
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
After Width: | Height: | Size: 914 KiB |
@@ -0,0 +1,204 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fa" dir="rtl">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>مدلهای پرسشگر </title>
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
.progress-container {
|
||||||
|
background-color: rgba(208, 186, 150, 0.248);
|
||||||
|
width: 80%;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress {
|
||||||
|
background-color: rgb(0, 160, 24);
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
line-height: 10%;
|
||||||
|
padding: 5%;
|
||||||
|
font-size: 15px;
|
||||||
|
border-radius: 15px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-section {
|
||||||
|
background: url('images/dist_model_bg.png') center center/cover;
|
||||||
|
height: 100vh;
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
}
|
||||||
|
.feature-icon {
|
||||||
|
font-size: 3rem;
|
||||||
|
color: #0d6efd;
|
||||||
|
}
|
||||||
|
.project-card {
|
||||||
|
transition: transform 0.3s;
|
||||||
|
}
|
||||||
|
.project-card:hover {
|
||||||
|
transform: translateY(-10px);
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
font-family: 'Vazir', sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #202013;
|
||||||
|
}
|
||||||
|
html[lang="fa"] {
|
||||||
|
font-family: 'Vazir', sans-serif !important; /* Ensure Persian text uses this font */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||||
|
<div class="container">
|
||||||
|
<a class="navbar-brand" href="#">مدلهای پرسشگر </a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
|
<ul class="navbar-nav ms-auto">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" href="#home">توصیف</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#features">ویژگی ها</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">گام نما</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">دور نما</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#contact">ارتباط با ما</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<header class="hero-section d-flex align-items-center">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h1 class="display-3 mb-4">مدلهای پرسشگر </h1>
|
||||||
|
<p class="lead mb-5">افزایش رفتار خلاق کاربر و سنجش هوشمصنوعی.</p>
|
||||||
|
<a href="#features" class="btn btn-light btn-lg rounded-pill px-5">بیشتر بدانید</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Features Section -->
|
||||||
|
<section id="features" class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">ویژگی ها</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-eye"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">مدل نظارهگر به خواست و هدایت کاربر</h3>
|
||||||
|
<p>کاربر باید بخش اصلی تولید محتوی خلاقانه را بدست بگیرد و مدل او راجایگزین نکند.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-pen"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">نقد ورودی کاربر</h3>
|
||||||
|
<p>مدل باید با نسبت سنجی بین خواست کاربر و دادگان گذشته، به نقد و بررسی محتوی کاربر بپردازد و او را مطلع از واقع کند.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-gauge-high"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">بهینگی کاربر خلاق در مقابل کاربر مصرفگر</h3>
|
||||||
|
<p>ابزار تولیدی باید کمک کند تا انسان با اعمال خلاقیت خود نه تنها از راههای جبری عقب نماند، بلمه بتواند کارایی و سرعت بالاتری پیدا کند.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Portfolio Section -->
|
||||||
|
<section id="portfolio" class="py-5 bg-light">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">گامنمای پروژه</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">مدلهای پرسشگر</h5> <p class="card-text">ساخت مدلهایی که تسهیلکر خلق ایدهی نو توسط کاربر هستند و نه اینکه خود مولد باشند. چگونه کاربر راهنمایی شود بدون اینکه مدل جهتدهی خاصی را به او بدهد؟ و چگونه در خلق گمانهی نو میتواند موثر باشد؟ </p><div class="container text-center justify-content: center">وضعیت پیشرفت <div class="progress-container"><div class="progress" style="width:10%; padding-right: 2%;">۰٪</div></div></div><p><ul style="list-style-type: '⏳ ' ;"><li>تولید دادهی پرسشگری</li><li>بازآموزش مدل</li><li>هدایت تقویتی</li></ul></p></div></div></div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">طراحی رفتار پرسشگر</h5> <p class="card-text">مدلهای مولد عموماً در غالب پاسخگو طراحی و استفاده میشوند. این امر میتواند باعث محدودیت بر خلاقیت انسان در تولید محتوی نو و جدید شود. در این پروژه ما به دنبال طراحی رفتارهای کاربر (مانند prompt engineering) با محوریت مدل پرسشگر در مقابل انسان پاسخگو هستیم. </p><div class="container text-center justify-content: center">وضعیت پیشرفت <div class="progress-container"><div class="progress" style="width:100%; padding-right: 50%;">۱۰۰٪</div></div></div><p><ul style="list-style-type: '✅ ' ;"><li>مهندسی پرامپت روی مدلهای زبانی برای تغییر رفتار مدل</li></ul></p><a href="https://github.com/siavashBigdeli/prompt_engineering_questioner"><p class="card-text">آدرس گیت هاب</p></a></div></div></div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">همگرایی دانش با RAG</h5> <p class="card-text">مدلهای زبانی میتوانند کمک کنند تا اطلاغ و دانش افراد به صورت برخط با دادههای دیگران نسبت سنجی بشود. در این حالت کاربر میتواند ایدههای خود را تدقیق کند و یا با دیگر ایدهها همگرایی کند. </p><div class="container text-center justify-content: center">وضعیت پیشرفت <div class="progress-container"><div class="progress" style="width:10%; padding-right: 2%;">۰٪</div></div></div><p><ul style="list-style-type: '⏳ ' ;"><li>پیدا کردن اطلاعهای مرتبط با RAG</li><li>نسبت سنجی کاربر برای پیدا کردن فرقها و یا اشتراکات</li><li>همگرایی دو ایده توسط مدل زبانی</li></ul></p></div></div></div>
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
<!-- Repeat for other projects -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Testimonials -->
|
||||||
|
<section class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">دورنمای پروژه</h2>
|
||||||
|
<div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="testimonial p-4">
|
||||||
|
مدلها منیتوانند جایگزین ذهن خلاق باشند. در نتیجه ابزارهای آینده باید توانایی خلق نو را برای کاربران حداکثری کنند.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Call to Action -->
|
||||||
|
<section class="py-5 bg-primary text-white">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h2>ایا میخواهید در توسعه این پروژه مشارکت کنید؟</h2>
|
||||||
|
<p class="lead">منتظریم</p>
|
||||||
|
<a href="#contact" class="btn btn-light btn-lg mt-3">ارتباط با ما</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer py-4">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-md-end">
|
||||||
|
<a href="#" class="text-decoration-none me-3"><i class="fab fa-facebook"></i></a>
|
||||||
|
<a href="#" class="text-decoration-none me-3"><i class="fab fa-twitter"></i></a>
|
||||||
|
<a href="#" class="text-decoration-none"><i class="fab fa-linkedin"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Bootstrap JS -->
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,74 @@
|
|||||||
|
{
|
||||||
|
"hero": {
|
||||||
|
"title": "موازیسازی پردازش مدلها ",
|
||||||
|
"description": "سیستمی برای افزایش آگاهی و کنترل کاربر در فرآیند استنتاج مدل.",
|
||||||
|
"button_text": "بیشتر بدانید",
|
||||||
|
"button_link": "#features"
|
||||||
|
},
|
||||||
|
"features": [
|
||||||
|
{
|
||||||
|
"icon": "fas fa-eye",
|
||||||
|
"title": "عدم وابستگی به تجمیع سخت افزار",
|
||||||
|
"description": "با توجه به گلوگاه شدن سخت افزار در دنیای کنونی و تحریم کشور های فاقد وجود این تکنولوژی خروج از زمین بازی طراحی شده توسط صاحبان این فناوری این ضرورت را ایجاب میکند"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon": "fas fa-pen",
|
||||||
|
"title": "عدم وابستگی به داده های از پیش اموزش دیده مدل",
|
||||||
|
"description": "مسیله مهمی که در مدل های زبانی وجود دارد موضوع نبود امکان بروز رسانی دانش نسبت به گذشته است. این مدل این چالش را حل کرده است."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon": "fas fa-gauge-high",
|
||||||
|
"title": "توزیع فرایند استنتاج",
|
||||||
|
"description": "ارمان ما این است که هر فرد بتواند به اندازه توان خود در فرایند کار های اجتماعی و تعاون در حد توان خود تصرف کند. در اینجا هر موجودیتی در حدی که میتواند میتواند در کارکرد این مدل دخیل باشد."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"projects": [
|
||||||
|
{
|
||||||
|
"title": "موازیسازی پردازش مدلها روی شبکه",
|
||||||
|
"description": "با استفاده از موازی سازی پردازش مدلها روی شبکه میتوان از منابع (inference) مدلها استفاده کرد که دیگر نیازی به مرکز گرا بودن این فرایند نباشد. مثلاَ شروع با مدلهای Transformer.",
|
||||||
|
"progress": 80,
|
||||||
|
"progress_in_persian": "۸۰",
|
||||||
|
"features": [
|
||||||
|
"موازی سازی پردازش مدل ها"
|
||||||
|
],
|
||||||
|
"todo": [
|
||||||
|
"مدلهای مولد"
|
||||||
|
],
|
||||||
|
"github_link": "https://github.com/aliakbar1881/IpsofactoModel"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "استفاده از منابع توزیع شده",
|
||||||
|
"description": "پیاده سازی پلتفرمی برای توسعه آموزش مدل های توزیع شده بر روی شبکه ماند Keras، Torch، SparkML که آموزش در لحظه را در اختیار محققان و کاربران بگذارد. ",
|
||||||
|
"progress": 0,
|
||||||
|
"progress_in_persian": "۰",
|
||||||
|
"todo": [
|
||||||
|
"پیاده سازی پلتفرمی برای توسعه آموزش مدل های توزیع شده"
|
||||||
|
],
|
||||||
|
"github_link": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "بالا بردن ظرفیت خطای ورودی مدل در شبکه متزلزل",
|
||||||
|
"description": "بالا بردن توانایی تعمیم پذیری مناسب و ترکیب مناسب دادهها مثلاَ با استفادهی روشی مشابه dropout.",
|
||||||
|
"progress": 0,
|
||||||
|
"progress_in_persian": "۰",
|
||||||
|
"todo": [
|
||||||
|
"ترکیب مناسب دادهها",
|
||||||
|
"بالا بردن توانایی تعمیم پذیری"
|
||||||
|
],
|
||||||
|
"github_link": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "امنیت دادهها با پردازش توزیعشده",
|
||||||
|
"description": "آنالیز انکشاف در دادههای مدلهای توزیع شده روش شبکه و بررسی امکان بالا بردن سطح خصوصی دادهها، مانند روش Differential provacy.",
|
||||||
|
"progress": 0,
|
||||||
|
"progress_in_persian": "۰",
|
||||||
|
"todo": [
|
||||||
|
"استفاده از روش Differential provacy"
|
||||||
|
],
|
||||||
|
"github_link": ""
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"testimonial": {
|
||||||
|
"text": "در این پروژه، توانستهایم نشان دهیم که استنتاج مدل نهتنها قابل توضیح به کاربر است، بلکه بهصورت بالفعل میتوان فرایند آن را شفافسازی کرد. .\n\nهدف ما این است که ابزارهای جدید جایگزین متخصصان انسانی نشوند، بلکه بتوانند از طریق تعامل مؤثر با کاربر، تصمیمگیری را بهبود بخشند. برای تحقق این امر، ابزار طراحیشده باید بتواند اراده و تصمیمات کاربر را در چارچوبی ساختاریافته مدلسازی کرده و در استنتاج لحاظ کند. این امر به لطف شفافیت در استنتاج مدل محقق میشود و لازم است که این شفافیت در ابعاد دیگر نیز گسترش یابد، ازجمله در نحوهی تغییرات دادههای آموزشی و ارزیابی مدل.\n\nبا این رویکرد، به سمت سیستمی حرکت میکنیم که نهتنها دقت و کارایی استنتاج را بهبود میبخشد، بلکه تعامل انسانی را نیز در قلب فرایند تصمیمگیری حفظ میکند."
|
||||||
|
}
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 1.3 MiB |
@@ -0,0 +1,203 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fa" dir="rtl">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>{{ data.hero.title }}</title>
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
.progress-container {
|
||||||
|
background-color: rgba(208, 186, 150, 0.248);
|
||||||
|
width: 80%;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress {
|
||||||
|
background-color: rgb(0, 160, 24);
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
line-height: 10%;
|
||||||
|
padding: 5%;
|
||||||
|
font-size: 15px;
|
||||||
|
border-radius: 15px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-section {
|
||||||
|
background: url('images/dist_model_bg.png') center center/cover;
|
||||||
|
height: 100vh;
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
}
|
||||||
|
.feature-icon {
|
||||||
|
font-size: 3rem;
|
||||||
|
color: #0d6efd;
|
||||||
|
}
|
||||||
|
.project-card {
|
||||||
|
transition: transform 0.3s;
|
||||||
|
}
|
||||||
|
.project-card:hover {
|
||||||
|
transform: translateY(-10px);
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
font-family: 'Vazir', sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #202013;
|
||||||
|
}
|
||||||
|
html[lang="fa"] {
|
||||||
|
font-family: 'Vazir', sans-serif !important; /* Ensure Persian text uses this font */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||||
|
<div class="container">
|
||||||
|
<a class="navbar-brand" href="#">{{ data.hero.title }}</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
|
<ul class="navbar-nav ms-auto">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" href="#home">توصیف</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#features">ویژگی ها</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">گام نما</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">دور نما</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#contact">ارتباط با ما</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<header class="hero-section d-flex align-items-center">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h1 class="display-3 mb-4">{{ data.hero.title }}</h1>
|
||||||
|
<p class="lead mb-5">{{ data.hero.description }}</p>
|
||||||
|
<a href="{{ data.hero.button_link }}" class="btn btn-light btn-lg rounded-pill px-5">{{ data.hero.button_text }}</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Features Section -->
|
||||||
|
<section id="features" class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">ویژگی ها</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
{% for feature in data.features %}
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="{{ feature.icon }}"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">{{ feature.title }}</h3>
|
||||||
|
<p>{{ feature.description }}</p>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Portfolio Section -->
|
||||||
|
<section id="portfolio" class="py-5 bg-light">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">گامنمای پروژه</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
{% for project in data.projects %}
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">{{ project.title }}</h5>
|
||||||
|
<p class="card-text">{{ project.description }}</p>
|
||||||
|
<div class="container text-center justify-content: center">
|
||||||
|
وضعیت پیشرفت
|
||||||
|
<div class="progress-container">
|
||||||
|
<div class="progress" style="width: {{ project.progress }}%; padding-right: {{ project.progress }}%;">
|
||||||
|
{{ project.progress }}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<ul style="list-style-type: '✅ ' ;">
|
||||||
|
{% for feature in project.features %}
|
||||||
|
<li>{{ feature }}</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
<ul style="list-style-type: ' ⏳ ' ;">
|
||||||
|
{% for todo in project.todo %}
|
||||||
|
<li>{{ todo }}</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
<a href="{{ project.github_link }}">
|
||||||
|
<p class="card-text">ادرس گیت هاب</p>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Testimonials -->
|
||||||
|
<section class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">دورنمای پروژه</h2>
|
||||||
|
<div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="testimonial p-4">
|
||||||
|
<p class="lead">{{ data.testimonial.text }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Call to Action -->
|
||||||
|
<section class="py-5 bg-primary text-white">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h2>ایا میخواهید در توسعه این پروژه مشارکت کنید؟</h2>
|
||||||
|
<p class="lead">منتظریم</p>
|
||||||
|
<a href="#contact" class="btn btn-light btn-lg mt-3">ارتباط با ما</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer py-4">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-md-end">
|
||||||
|
<a href="#" class="text-decoration-none me-3"><i class="fab fa-facebook"></i></a>
|
||||||
|
<a href="#" class="text-decoration-none me-3"><i class="fab fa-twitter"></i></a>
|
||||||
|
<a href="#" class="text-decoration-none"><i class="fab fa-linkedin"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Bootstrap JS -->
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,27 @@
|
|||||||
|
from jinja2 import Template
|
||||||
|
import json
|
||||||
|
import argparse
|
||||||
|
|
||||||
|
parser = argparse.ArgumentParser(
|
||||||
|
prog='template_maker',
|
||||||
|
description='make template',
|
||||||
|
epilog='be happy!')
|
||||||
|
|
||||||
|
parser.add_argument('-i', '--input')
|
||||||
|
|
||||||
|
args = parser.parse_args()
|
||||||
|
# خواندن فایل JSON
|
||||||
|
with open(args.input, 'r', encoding='utf-8') as file:
|
||||||
|
data = json.load(file)
|
||||||
|
|
||||||
|
# خواندن قالب HTML
|
||||||
|
with open('template.html', 'r', encoding='utf-8') as file:
|
||||||
|
template = Template(file.read())
|
||||||
|
|
||||||
|
# جایگذاری اطلاعات در قالب HTML
|
||||||
|
result = template.render(data=data)
|
||||||
|
|
||||||
|
|
||||||
|
# ذخیره خروجی در یک فایل HTML
|
||||||
|
with open(f"{args.input.split('.')[0]}.html", 'w', encoding='utf-8') as file:
|
||||||
|
file.write(result)
|
||||||