Compare commits
30 Commits
710e63afda
...
98f639b913
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
98f639b913 | ||
|
|
40e9660d80 | ||
|
|
ef6876a0d3 | ||
|
|
851547b87d | ||
|
|
bd803eda00 | ||
|
|
ac76ba32f6 | ||
|
|
c84ca1d538 | ||
|
|
3cc9d535ff | ||
|
|
a24c2681db | ||
|
|
2bced48437 | ||
|
|
7adeb66c6c | ||
|
|
8ac4c6b675 | ||
|
|
e662c7cda4 | ||
|
|
78c41cc071 | ||
|
|
140552a35f | ||
|
|
dd3a0240f9 | ||
|
|
1ea47eb2da | ||
|
|
686ece4479 | ||
|
|
90340d03aa | ||
|
|
63869c3090 | ||
|
|
17fb355560 | ||
|
|
c7fafad8d4 | ||
|
|
69552e1fc5 | ||
|
|
67d08d9865 | ||
|
|
0089c93afa | ||
|
|
a54fa099b7 | ||
|
|
fced4930c1 | ||
|
|
2135420573 | ||
|
|
c5c947c5d7 | ||
|
|
7432ac7d4d |
38
.dockerignore
Normal file
38
.dockerignore
Normal file
@@ -0,0 +1,38 @@
|
||||
# Hugo build artifacts
|
||||
.hugo_build.lock
|
||||
hugo_stats.json
|
||||
public/
|
||||
resources/
|
||||
|
||||
# Node.js
|
||||
node_modules/
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# Development files
|
||||
.editorconfig
|
||||
.git/
|
||||
.gitignore
|
||||
*.md
|
||||
docs/
|
||||
|
||||
# OS files
|
||||
.DS_Store
|
||||
Thumbs.db
|
||||
|
||||
# Backup files
|
||||
*.backup
|
||||
*.bak
|
||||
*.tmp
|
||||
|
||||
# IDE files
|
||||
.vscode/
|
||||
.idea/
|
||||
*.swp
|
||||
*.swo
|
||||
*~
|
||||
|
||||
# Build artifacts
|
||||
dist/
|
||||
build/
|
||||
43
.editorconfig
Normal file
43
.editorconfig
Normal file
@@ -0,0 +1,43 @@
|
||||
# EditorConfig is awesome: https://EditorConfig.org
|
||||
|
||||
# top-most EditorConfig file
|
||||
root = true
|
||||
|
||||
# Unix-style newlines with a newline ending every file
|
||||
[*]
|
||||
end_of_line = lf
|
||||
insert_final_newline = true
|
||||
|
||||
# 4 space indentation (no tabs)
|
||||
[*.{js,jsx,ts,tsx,html,css,scss,md}]
|
||||
indent_style = space
|
||||
indent_size = 4
|
||||
|
||||
# Set charset
|
||||
[*.{js,jsx,ts,tsx,html,css,scss,md}]
|
||||
charset = utf-8
|
||||
|
||||
# For Go files
|
||||
[*.go]
|
||||
indent_style = space
|
||||
indent_size = 4
|
||||
|
||||
# For Python files
|
||||
[*.py]
|
||||
indent_style = space
|
||||
indent_size = 4
|
||||
|
||||
# For JSON files
|
||||
[*.json]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
|
||||
# For YAML files
|
||||
[*.{yaml,yml}]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
|
||||
# For TOML files
|
||||
[*.toml]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
4
.gitignore
vendored
4
.gitignore
vendored
@@ -160,7 +160,7 @@ dist
|
||||
|
||||
# WordPress fetched content (auto-generated, should not be committed)
|
||||
/data/wordpress/
|
||||
/content/posts/
|
||||
!content/posts/.gitkeep
|
||||
/content
|
||||
!/content/.gitkeep
|
||||
hugo_stats.json
|
||||
|
||||
|
||||
27
Dockerfile
Normal file
27
Dockerfile
Normal file
@@ -0,0 +1,27 @@
|
||||
# Use a Node.js LTS Alpine image as the base
|
||||
FROM hugomods/hugo:nightly
|
||||
|
||||
# Install Node.js and npm (needed for fetch-wordpress.js and sass)
|
||||
RUN apk add --no-cache nodejs npm
|
||||
|
||||
# Install Sass (Dart Sass) globally
|
||||
RUN npm install -g sass
|
||||
|
||||
# Set the working directory inside the container
|
||||
WORKDIR /app
|
||||
|
||||
# Copy the entire project into the container
|
||||
COPY . .
|
||||
|
||||
# Make the build script executable (if not already)
|
||||
RUN chmod +x scripts/build.sh
|
||||
|
||||
# Install Node.js dependencies if any (e.g., for fetch-wordpress.js)
|
||||
# Assuming package.json exists and has dependencies
|
||||
RUN if [ -f package.json ]; then npm install; fi
|
||||
|
||||
# Ensure /usr/local/bin is in PATH for the CMD
|
||||
ENV PATH="/usr/local/bin:$PATH"
|
||||
|
||||
# Command to run the build script when the container starts
|
||||
CMD ["./scripts/build.sh"]
|
||||
80
assets/css/scss/basic/_background.scss
Normal file
80
assets/css/scss/basic/_background.scss
Normal file
@@ -0,0 +1,80 @@
|
||||
//
|
||||
// Background Styles //
|
||||
//
|
||||
.bg-image {
|
||||
position: relative;
|
||||
background-position: center center;
|
||||
background-attachment: scroll;
|
||||
@include background-size(cover);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bg-fade-white-top {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
&:before {
|
||||
z-index: -1;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: linear-gradient(to top, white, get-color("white", 0.2));
|
||||
}
|
||||
}
|
||||
.bg-fade-white-bottom {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
&:before {
|
||||
z-index: -1;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: linear-gradient(to bottom, white, get-color("white", 0.2));
|
||||
}
|
||||
}
|
||||
.bg-fade-black-top {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
&:before {
|
||||
z-index: -1;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: linear-gradient(to top, black, rgba(0,0,0,0.2));
|
||||
}
|
||||
}
|
||||
.bg-fade-black-bottom {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
&:before {
|
||||
z-index: -1;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: linear-gradient(to bottom, black, rgba(0,0,0,0.2));
|
||||
}
|
||||
}
|
||||
|
||||
.bg-video {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
video {
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
655
assets/css/scss/basic/_base.scss
Normal file
655
assets/css/scss/basic/_base.scss
Normal file
@@ -0,0 +1,655 @@
|
||||
//
|
||||
// Base Styles //
|
||||
//
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
//
|
||||
// Container, Row //
|
||||
//
|
||||
.container, .container-fluid {
|
||||
position: relative;
|
||||
padding: 0 30px;
|
||||
}
|
||||
|
||||
//
|
||||
// Positioning //
|
||||
//
|
||||
.position-middle {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
@include transform(translateY(-50%));
|
||||
margin: 0 auto;
|
||||
}
|
||||
.position-top, .position-bottom {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.position-top {
|
||||
top: 30px;
|
||||
}
|
||||
.position-bottom {
|
||||
bottom: 30px;
|
||||
}
|
||||
.container, .container-fluid {
|
||||
.position-top, .position-bottom {
|
||||
padding: 0 30px;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Mark //
|
||||
//
|
||||
mark {
|
||||
background: $bg-gray;
|
||||
color: get-color("dark");
|
||||
}
|
||||
|
||||
//
|
||||
// iframe //
|
||||
//
|
||||
iframe {
|
||||
width: 100%;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
//
|
||||
// Pre(Preformatted text) //
|
||||
//
|
||||
pre {
|
||||
border: 1px solid get-color("dark", 0.1);
|
||||
border-radius: 0.375em;
|
||||
padding: 6px 20px;
|
||||
color: $color-primary;
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
pre {
|
||||
border-color: get-color("white", 0.2);
|
||||
color: get-color("white", 0.6);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Blockquote Styles //
|
||||
//
|
||||
.blockquote {
|
||||
background: transparent;
|
||||
margin-bottom: 20px;
|
||||
border-left: 4px solid get-color("dark", 0.1);
|
||||
padding: 16px 30px;
|
||||
@include breakpoint-less(sm) {
|
||||
padding: 16px 20px;
|
||||
}
|
||||
p {
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
&.font-small {
|
||||
font-size: 14px;
|
||||
line-height: 26px;
|
||||
}
|
||||
&.font-large {
|
||||
font-size: 20px;
|
||||
line-height: 36px;
|
||||
}
|
||||
}
|
||||
.blockquote-footer {
|
||||
margin-top: 10px;
|
||||
color: get-color("dark");
|
||||
&:before {
|
||||
padding-right: 5px;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
p {
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
&.style-2 {
|
||||
position: relative;
|
||||
border: 0;
|
||||
padding: 20px 20px 20px 40px;
|
||||
@include breakpoint-less(sm) {
|
||||
padding: 16px 16px 16px 36px;
|
||||
}
|
||||
&:before {
|
||||
content: '\f10d';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
color: get-color("dark", 0.1);
|
||||
font-family: "Font Awesome 6 Free";
|
||||
font-size: 24px;
|
||||
font-weight: 900;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
.blockquote {
|
||||
background: get-color("white", 0.1);
|
||||
border-color: get-color("white", 0.2);
|
||||
.blockquote-footer {
|
||||
color: white;
|
||||
}
|
||||
&.style-2 {
|
||||
background: transparent;
|
||||
border-color: get-color("white", 0.2);
|
||||
}
|
||||
&.style-3 {
|
||||
background: transparent;
|
||||
&:before {
|
||||
color: get-color("white", 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Breadcrumb Styles //
|
||||
//
|
||||
.breadcrumb {
|
||||
display: inline-block;
|
||||
background: transparent;
|
||||
margin: 0 0 -10px;
|
||||
padding: 0;
|
||||
.breadcrumb-item {
|
||||
display: inline-block;
|
||||
font: 400 13px $font-family-primary;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
&:before {
|
||||
color: get-color("dark", 0.2);
|
||||
}
|
||||
&.active {
|
||||
color: $color-primary-lighter;
|
||||
}
|
||||
a {
|
||||
@include transition(linear 0.1s);
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
.breadcrumb {
|
||||
.breadcrumb-item {
|
||||
&:before {
|
||||
color: get-color("white", 0.3);
|
||||
}
|
||||
&.active {
|
||||
color: get-color("white", 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Card //
|
||||
//
|
||||
.card {
|
||||
border: 1px solid get-color("dark", 0.1);
|
||||
}
|
||||
|
||||
//
|
||||
// Dropdown Styles //
|
||||
//
|
||||
.dropdown, .btn-group {
|
||||
.dropdown-menu {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
@include box-shadow(0 6px 36px -4px rgba(22,24,26,0.14));
|
||||
padding: 15px 20px;
|
||||
.dropdown-item {
|
||||
margin-bottom: 10px;
|
||||
padding: 0;
|
||||
color: get-color("dark");
|
||||
font: 300 15px $font-family-primary;
|
||||
letter-spacing: 0;
|
||||
text-transform: none;
|
||||
@include transition(linear 0.1s);
|
||||
&:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
&:hover, &:focus, &:active {
|
||||
background: transparent;
|
||||
color: $color-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Modal Styles //
|
||||
//
|
||||
.modal {
|
||||
&.fade {
|
||||
.modal-dialog {
|
||||
@include transition(ease-out 0.2s);
|
||||
@include transform(translate(0) scale(0.98));
|
||||
}
|
||||
}
|
||||
&.show {
|
||||
.modal-dialog {
|
||||
@include transform(translate(0) scale(1.0));
|
||||
}
|
||||
}
|
||||
.modal-content {
|
||||
@include box-shadow(0 6px 36px -4px rgba(22,24,26,0.3));
|
||||
border: 0;
|
||||
.modal-header { border-bottom: 1px solid get-color("dark", 0.1); }
|
||||
.modal-footer { border-top: 1px solid get-color("dark", 0.1); }
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Nav Styles //
|
||||
//
|
||||
.nav {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
.nav-item {
|
||||
margin: 0 30px 0 0;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.nav-link {
|
||||
padding: 0;
|
||||
color: $color-primary;
|
||||
@include transition(linear 0.1s);
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
color: $color-primary;
|
||||
@include transition(linear 0.1s);
|
||||
}
|
||||
&.active, &:hover {
|
||||
color: get-color("dark");
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: get-color("dark");
|
||||
}
|
||||
}
|
||||
&.disabled {
|
||||
color: $color-primary-lighter;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.nav-tabs {
|
||||
border-bottom: 1px solid $border-gray;
|
||||
.nav-item {
|
||||
margin: 0 0 -1px;
|
||||
.nav-link {
|
||||
background: transparent;
|
||||
padding: 10px 20px;
|
||||
color: $color-primary;
|
||||
&:hover {
|
||||
border-color: $border-gray;
|
||||
}
|
||||
&.active {
|
||||
border-color: $border-gray $border-gray white;
|
||||
color: get-color("dark");
|
||||
}
|
||||
&.disabled {
|
||||
&:hover {
|
||||
border-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.nav-pills {
|
||||
.nav-item {
|
||||
margin: 0;
|
||||
.nav-link {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.nav-link.active,
|
||||
.show .nav-link {
|
||||
background: get-color("dark");
|
||||
color: white;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.tabs {
|
||||
display: inline-block;
|
||||
border: 1px solid $border-gray;
|
||||
border-radius: 0.375em;
|
||||
.nav-item {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
.nav-link {
|
||||
padding: 10px 20px;
|
||||
border-right: 1px solid $border-gray;
|
||||
}
|
||||
&:last-child {
|
||||
.nav-link {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.nav-custom {
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: -1px;
|
||||
left: 0;
|
||||
background: get-color("dark");
|
||||
height: 1px;
|
||||
@include animation(button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both);
|
||||
}
|
||||
&.active {
|
||||
&:after {
|
||||
width: 100%;
|
||||
@include animation(button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
.nav {
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
color: get-color("white", 0.8);
|
||||
&.active, &:hover {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.nav-tabs {
|
||||
border-color: get-color("white", 0.2);
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
color: get-color("white", 0.8);
|
||||
&.active, &:hover {
|
||||
border-color: get-color("white", 0.2) get-color("white", 0.2) transparent;
|
||||
}
|
||||
&.active {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.nav-pills {
|
||||
.nav-item {
|
||||
.nav-link.active,
|
||||
.show .nav-link {
|
||||
background: white;
|
||||
color: get-color("dark");
|
||||
}
|
||||
}
|
||||
}
|
||||
&.tabs {
|
||||
border: 1px solid get-color("white", 0.2);
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
border-right: 1px solid get-color("white", 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
&.nav-custom {
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
&:after { background: white; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Pagination Styles //
|
||||
//
|
||||
.pagination {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
.page-item {
|
||||
margin: 0 6px 0 0;
|
||||
text-align: center;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.page-link {
|
||||
background: transparent;
|
||||
min-width: 31px;
|
||||
height: 31px;
|
||||
border: 0;
|
||||
border-radius: 20px;
|
||||
padding: 0;
|
||||
color: $color-primary;
|
||||
font-size: 14px;
|
||||
line-height: 31px;
|
||||
@include transition(ease-out 0.12s);
|
||||
&:hover {
|
||||
background: $button-gray;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
.page-link {
|
||||
background: $button-gray;
|
||||
color: get-color("dark");
|
||||
}
|
||||
}
|
||||
}
|
||||
&.pagination-sm {
|
||||
.page-item {
|
||||
.page-link {
|
||||
min-width: 27px;
|
||||
height: 27px;
|
||||
border-radius: 20px;
|
||||
padding: 0;
|
||||
line-height: 27px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.pagination-lg {
|
||||
.page-item {
|
||||
.page-link {
|
||||
min-width: 35px;
|
||||
height: 35px;
|
||||
border-radius: 20px;
|
||||
padding: 0;
|
||||
line-height: 35px;
|
||||
}
|
||||
}
|
||||
}
|
||||
//
|
||||
// Pagination - Hover style 2 //
|
||||
//
|
||||
&.hover-style-2 {
|
||||
.page-item {
|
||||
.page-link {
|
||||
&:hover {
|
||||
background: $border-gray;
|
||||
border-color: $border-gray;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
.page-link {
|
||||
background: get-color("dark");
|
||||
border-color: get-color("dark");
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
.pagination {
|
||||
.page-item {
|
||||
.page-link {
|
||||
color: get-color("white", 0.7);
|
||||
&:hover {
|
||||
background: get-color("white", 0.1);
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
.page-link {
|
||||
background: get-color("white", 0.1);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.hover-style-2 {
|
||||
.page-item {
|
||||
.page-link {
|
||||
&:hover {
|
||||
background: white;
|
||||
border-color: white;
|
||||
color: get-color("dark", 0.9);
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
.page-link {
|
||||
background: white;
|
||||
border-color: white;
|
||||
color: get-color("dark", 0.9);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Popover Styles //
|
||||
//
|
||||
.popover {
|
||||
border: 0;
|
||||
@include box-shadow(0 0 12px 0 rgba(0,0,0,0.08));
|
||||
.arrow {
|
||||
&:before { border: 0; }
|
||||
}
|
||||
.popover-header {
|
||||
background: transparent;
|
||||
padding: 15px 20px;
|
||||
font-size: 16px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.popover-body {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Table Styles //
|
||||
//
|
||||
.table {
|
||||
td, th { border-top: 1px solid $border-gray; }
|
||||
thead {
|
||||
th { border-bottom: 2px solid $border-gray; }
|
||||
}
|
||||
|
||||
&.table-dark {
|
||||
background: $bg-dark-lighter;
|
||||
thead {
|
||||
th { border-bottom: 2px solid get-color("white", 0.1); }
|
||||
}
|
||||
td, th { border-top: 1px solid get-color("white", 0.1); }
|
||||
}
|
||||
&.table-bordered {
|
||||
td, th { border: 1px solid $border-gray; }
|
||||
&.table-dark {
|
||||
td, th { border: 1px solid get-color("white", 0.1); }
|
||||
}
|
||||
}
|
||||
|
||||
.thead-dark {
|
||||
th { background: $bg-dark-lighter; border-color: get-color("white", 0.1); }
|
||||
}
|
||||
.thead-light {
|
||||
th { background: $button-gray-lighter; }
|
||||
}
|
||||
|
||||
.table-active {
|
||||
td, th { background: $button-gray-darker; }
|
||||
}
|
||||
.table-secondary {
|
||||
td, th { background: $button-gray; }
|
||||
}
|
||||
.table-light {
|
||||
td, th { background: $bg-gray-lighter; }
|
||||
}
|
||||
.table-dark {
|
||||
td, th { background: $button-gray; }
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Scroll To Top button //
|
||||
//
|
||||
.scrolltotop {
|
||||
position: fixed;
|
||||
right: 20px;
|
||||
bottom: 20px;
|
||||
@include transform(translateY(20px));
|
||||
z-index: 992;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
@include transition(ease-out 0.12s);
|
||||
&.scrolltotop-show {
|
||||
@include transform(translateY(0));
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Cursor //
|
||||
//
|
||||
@include breakpoint-above(lg) {
|
||||
#cursor {
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
@include transform(translate(-50%, -50%));
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
border: 1px solid white;
|
||||
border-radius: 50%;
|
||||
mix-blend-mode: difference;
|
||||
pointer-events: none;
|
||||
@include transition(linear 0.06s);
|
||||
&.scale-cursor {
|
||||
@include transform(translate(-50%, -50%) scale(2.4));
|
||||
opacity: 0.12;
|
||||
}
|
||||
&.cursor-style-2 {
|
||||
opacity: 0.2;
|
||||
background: white;
|
||||
border: 0;
|
||||
&.scale-cursor {
|
||||
opacity: 0.08;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
215
assets/css/scss/basic/_form.scss
Normal file
215
assets/css/scss/basic/_form.scss
Normal file
@@ -0,0 +1,215 @@
|
||||
//
|
||||
// Form Styles //
|
||||
//
|
||||
input:not(.form-check-input),
|
||||
textarea {
|
||||
background: transparent;
|
||||
width: 100%;
|
||||
border: 1px solid get-color("dark", 0.1);
|
||||
margin-bottom: 1rem;
|
||||
padding: 15px 20px;
|
||||
box-shadow: none;
|
||||
font: 400 15px $font-family-primary;
|
||||
line-height: 1.4;
|
||||
@include transition(ease-out 0.16s);
|
||||
&:focus, &:active {
|
||||
outline: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
textarea {
|
||||
height: 140px;
|
||||
}
|
||||
input:not(.form-check-input), textarea, .form-control {
|
||||
color: $color-primary;
|
||||
&::-webkit-input-placeholder { color: $color-primary-lighter; }
|
||||
&::-moz-placeholder { color: $color-primary-lighter; }
|
||||
&:-ms-placeholder { color: $color-primary-lighter; }
|
||||
&::-ms-placeholder { color: $color-primary-lighter; }
|
||||
&::placeholder { color: $color-primary-lighter; }
|
||||
&:focus {
|
||||
border-color: get-color("dark", 0.2);
|
||||
}
|
||||
}
|
||||
.form-control {
|
||||
background: transparent;
|
||||
height: auto;
|
||||
border: 1px solid get-color("dark", 0.1);
|
||||
border-radius: 0;
|
||||
padding: 15px 20px;
|
||||
font: 400 15px $font-family-primary;
|
||||
line-height: 1.4;
|
||||
&:focus {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
&:read-only {
|
||||
background: $button-gray;
|
||||
border: 0;
|
||||
}
|
||||
&.form-control-sm {
|
||||
padding: 10px 15px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
&.form-control-lg {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
.form-control-plaintext {
|
||||
border: 0;
|
||||
}
|
||||
.form-check-input:disabled ~ .form-check-label {
|
||||
color: $color-primary-lighter;
|
||||
}
|
||||
.required {
|
||||
&:after {
|
||||
content: '*';
|
||||
padding-left: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Select //
|
||||
//
|
||||
select {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.custom-select {
|
||||
background-color: transparent;
|
||||
width: auto;
|
||||
min-width: 160px;
|
||||
height: auto;
|
||||
border-radius: 0;
|
||||
padding: 15px 20px;
|
||||
border-color: get-color("dark", 0.1);
|
||||
color: $color-primary;
|
||||
font: 400 15px $font-family-primary;
|
||||
line-height: 1.4;
|
||||
@include transition(ease-out 0.16s);
|
||||
&:focus {
|
||||
border-color: get-color("dark", 0.2);
|
||||
outline: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
&.custom-select-sm {
|
||||
height: auto;
|
||||
padding: 10px 15px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
&.custom-select-lg {
|
||||
height: auto;
|
||||
padding: 15px 20px;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
&.select-fullwidth {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
//
|
||||
// Form Styles 2,3,4 //
|
||||
//
|
||||
.form-style-3,
|
||||
.form-style-4 {
|
||||
input, textarea, .custom-select, .form-control {
|
||||
margin-bottom: 20px;
|
||||
padding: 0 0 10px;
|
||||
border-top-width: 0;
|
||||
border-right-width: 0;
|
||||
border-bottom-width: 1px;
|
||||
border-left-width: 0;
|
||||
}
|
||||
}
|
||||
.form-style-2,
|
||||
.form-style-4 {
|
||||
input, textarea, .custom-select, .form-control {
|
||||
&:focus {
|
||||
border-color: get-color("dark", 0.9);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Form Style 5 //
|
||||
//
|
||||
.form-style-5 {
|
||||
input, textarea, .custom-select, .form-control {
|
||||
background: $bg-gray;
|
||||
border: 0;
|
||||
&:focus {
|
||||
background: $button-gray-lighter;
|
||||
}
|
||||
}
|
||||
}
|
||||
[class*='bg-gray'] {
|
||||
.form-style-5 {
|
||||
input, textarea, .custom-select, .form-control {
|
||||
background: white;
|
||||
&:focus {
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Forms on Dark background //
|
||||
//
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
input, textarea, .form-control {
|
||||
background: transparent;
|
||||
border-color: get-color("white", 0.2);
|
||||
color: get-color("white", 0.7);
|
||||
&::-webkit-input-placeholder { color: get-color("white", 0.5); }
|
||||
&::-moz-placeholder { color: get-color("white", 0.5); }
|
||||
&:-ms-placeholder { color: get-color("white", 0.5); }
|
||||
&::-ms-placeholder { color: get-color("white", 0.5); }
|
||||
&::placeholder { color: get-color("white", 0.5); }
|
||||
&:focus {
|
||||
border-color: get-color("white", 0.3);
|
||||
}
|
||||
}
|
||||
.custom-select {
|
||||
background: transparent;
|
||||
border-color: get-color("white", 0.2);
|
||||
color: get-color("white", 0.7);
|
||||
&:focus {
|
||||
border-color: get-color("white", 0.3);
|
||||
}
|
||||
}
|
||||
.form-style-2,
|
||||
.form-style-4 {
|
||||
input, textarea, .custom-select, .form-control {
|
||||
&:focus {
|
||||
border-color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-style-5 {
|
||||
input, textarea, .custom-select, .form-control {
|
||||
background: get-color("white", 0.1);
|
||||
border: 0;
|
||||
&:focus {
|
||||
background: get-color("white", 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Contact Form Styles //
|
||||
//
|
||||
.submit-result {
|
||||
span {
|
||||
display: none;
|
||||
@include transition(ease-out 0.2s);
|
||||
&.show-result {
|
||||
margin-top: 30px;
|
||||
display: block;
|
||||
}
|
||||
&#success { color: $color-green; }
|
||||
&#error { color: $color-red; }
|
||||
}
|
||||
}
|
||||
125
assets/css/scss/basic/_image.scss
Normal file
125
assets/css/scss/basic/_image.scss
Normal file
@@ -0,0 +1,125 @@
|
||||
//
|
||||
// Image Styles //
|
||||
//
|
||||
img {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
//
|
||||
// Avatar mask //
|
||||
//
|
||||
&[class*='img-mask-avatar'] {
|
||||
border-radius: 50%;
|
||||
}
|
||||
&.img-mask-avatar-xs {
|
||||
min-width: 60px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
&.img-mask-avatar-sm {
|
||||
min-width: 80px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
&.img-mask-avatar-md {
|
||||
min-width: 100px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
&.img-mask-avatar-lg {
|
||||
min-width: 120px;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
}
|
||||
&.img-mask-avatar-xl {
|
||||
min-width: 140px;
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
}
|
||||
&.img-mask-avatar-2xl {
|
||||
min-width: 160px;
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
}
|
||||
&.img-mask-avatar-3xl {
|
||||
min-width: 180px;
|
||||
width: 180px;
|
||||
height: 180px;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Blob Shape Mask //
|
||||
//
|
||||
[class*='img-mask-blob'] {
|
||||
display: inline-block;
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
}
|
||||
.img-mask-blob-1 {
|
||||
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODguNSw2My41UTg3LDc3LDc2LDg2LjVRNjUsOTYsNTEsOTIuNVEzNyw4OSwyNyw4MS41UTE3LDc0LDEyLDYyUTcsNTAsMTEuNSwzOFExNiwyNiwyNS41LDE0LjVRMzUsMyw0OSw2LjVRNjMsMTAsNzUuNSwxNlE4OCwyMiw4OSwzNlE5MCw1MCw4OC41LDYzLjVaIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPg==);
|
||||
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODguNSw2My41UTg3LDc3LDc2LDg2LjVRNjUsOTYsNTEsOTIuNVEzNyw4OSwyNyw4MS41UTE3LDc0LDEyLDYyUTcsNTAsMTEuNSwzOFExNiwyNiwyNS41LDE0LjVRMzUsMyw0OSw2LjVRNjMsMTAsNzUuNSwxNlE4OCwyMiw4OSwzNlE5MCw1MCw4OC41LDYzLjVaIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPg==);
|
||||
}
|
||||
|
||||
.img-mask-blob-2 {
|
||||
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjZRODgsODIsNzMsODkuNVE1OCw5Nyw0My41LDkxLjVRMjksODYsMTgsNzZRNyw2Niw3LDUwUTcsMzQsMTgsMjMuNVEyOSwxMyw0My41LDlRNTgsNSw3MC41LDEzLjVRODMsMjIsODguNSwzNlE5NCw1MCw5MSw2NloiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+);
|
||||
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjZRODgsODIsNzMsODkuNVE1OCw5Nyw0My41LDkxLjVRMjksODYsMTgsNzZRNyw2Niw3LDUwUTcsMzQsMTgsMjMuNVEyOSwxMyw0My41LDlRNTgsNSw3MC41LDEzLjVRODMsMjIsODguNSwzNlE5NCw1MCw5MSw2NloiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+);
|
||||
}
|
||||
.img-mask-blob-3 {
|
||||
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjRRODgsNzgsNzUuNSw4NC41UTYzLDkxLDUwLDkxLjVRMzcsOTIsMjYsODMuNVExNSw3NSwxMS41LDYyLjVROCw1MCw5LDM1LjVRMTAsMjEsMjMuNSwxNlEzNywxMSw1MSw3UTY1LDMsNzcsMTIuNVE4OSwyMiw5MS41LDM2UTk0LDUwLDkxLDY0WiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=);
|
||||
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjRRODgsNzgsNzUuNSw4NC41UTYzLDkxLDUwLDkxLjVRMzcsOTIsMjYsODMuNVExNSw3NSwxMS41LDYyLjVROCw1MCw5LDM1LjVRMTAsMjEsMjMuNSwxNlEzNywxMSw1MSw3UTY1LDMsNzcsMTIuNVE4OSwyMiw5MS41LDM2UTk0LDUwLDkxLDY0WiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=);
|
||||
}
|
||||
.img-mask-blob-4 {
|
||||
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODkuNSw2M1E4MSw3Niw2OS41LDg2UTU4LDk2LDQ0LDkwLjVRMzAsODUsMTYuNSw3NlEzLDY3LDUuNSw1MVE4LDM1LDE3LDIyUTI2LDksNDEuNSw4LjVRNTcsOCw3MSwxNC41UTg1LDIxLDkxLjUsMzUuNVE5OCw1MCw4OS41LDYzWiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=);
|
||||
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODkuNSw2M1E4MSw3Niw2OS41LDg2UTU4LDk2LDQ0LDkwLjVRMzAsODUsMTYuNSw3NlEzLDY3LDUuNSw1MVE4LDM1LDE3LDIyUTI2LDksNDEuNSw4LjVRNTcsOCw3MSwxNC41UTg1LDIxLDkxLjUsMzUuNVE5OCw1MCw4OS41LDYzWiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=);
|
||||
}
|
||||
|
||||
//
|
||||
// Image Link box //
|
||||
//
|
||||
.img-link-box {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
@include transform(translate3d(0,0,0));
|
||||
a {
|
||||
display: block;
|
||||
}
|
||||
img {
|
||||
@include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
|
||||
}
|
||||
&:hover, &:focus {
|
||||
img {
|
||||
@include transform(scale(1.04));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Avatars Group //
|
||||
//
|
||||
.avatar-group {
|
||||
display: block;
|
||||
padding: 0;
|
||||
li {
|
||||
list-style-type: none;
|
||||
display: inline-block;
|
||||
margin-left: -12px;
|
||||
padding: 0;
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
img {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
@include box-shadow(0 3px 16px 0 rgba(0,0,0,0.13));
|
||||
border: 3px solid white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.aspect-ratio-2x1 {
|
||||
width: 100%;
|
||||
aspect-ratio: 1/0.5;
|
||||
object-fit: cover;
|
||||
}
|
||||
263
assets/css/scss/basic/_list.scss
Normal file
263
assets/css/scss/basic/_list.scss
Normal file
@@ -0,0 +1,263 @@
|
||||
//
|
||||
// List styles //
|
||||
//
|
||||
ul {
|
||||
margin: 0 0 -7px;
|
||||
li {
|
||||
margin: 0 0 7px;
|
||||
ul, ol {
|
||||
margin-top: 7px;
|
||||
}
|
||||
}
|
||||
&[class*='list-'] {
|
||||
padding: 0;
|
||||
}
|
||||
&.list-unstyled,
|
||||
&.list-dash {
|
||||
li {
|
||||
list-style-type: none;
|
||||
}
|
||||
}
|
||||
&.animate-links {
|
||||
li {
|
||||
a {
|
||||
&:hover {
|
||||
padding-left: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.list-dash {
|
||||
li {
|
||||
&:before {
|
||||
content: '-';
|
||||
padding-right: 7px;
|
||||
}
|
||||
ul, ol {
|
||||
padding-left: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
//
|
||||
// Horizontal List //
|
||||
//
|
||||
&[class*='list-inline'] {
|
||||
li {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
&.list-inline {
|
||||
margin-right: -7px;
|
||||
margin-left: -7px;
|
||||
li {
|
||||
padding: 0 7px;
|
||||
}
|
||||
}
|
||||
&.list-inline-sm {
|
||||
margin-right: -3px;
|
||||
margin-left: -3px;
|
||||
li {
|
||||
padding: 0 3px;
|
||||
}
|
||||
}
|
||||
&.list-inline-lg {
|
||||
margin-right: -14px;
|
||||
margin-left: -14px;
|
||||
li {
|
||||
padding: 0 14px;
|
||||
}
|
||||
}
|
||||
&.list-inline-dash {
|
||||
li { &:after { content: '-'; } }
|
||||
}
|
||||
&.list-inline-slash {
|
||||
li { &:after { content: '/'; } }
|
||||
}
|
||||
&.list-inline-dash,
|
||||
&.list-inline-slash {
|
||||
li {
|
||||
&:after {
|
||||
padding: 0 3px 0 6px;
|
||||
}
|
||||
&:last-child {
|
||||
&:after {
|
||||
content: '';
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
ol {
|
||||
margin: 0 0 -7px;
|
||||
li {
|
||||
margin: 0 0 7px;
|
||||
}
|
||||
li {
|
||||
ul, ol {
|
||||
margin-top: 7px;
|
||||
}
|
||||
}
|
||||
&.list-ordered {
|
||||
list-style: none;
|
||||
counter-reset: custom-counter;
|
||||
padding-left: 0;
|
||||
li {
|
||||
position: relative;
|
||||
padding-left: 34px;
|
||||
counter-increment: custom-counter;
|
||||
&::before {
|
||||
content: counter(custom-counter);
|
||||
}
|
||||
ol {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
&.style-2,
|
||||
&.style-3,
|
||||
&.style-4,
|
||||
&.style-5 {
|
||||
li {
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 50%;
|
||||
font-size: 13px;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.style-2 {
|
||||
li {
|
||||
&::before {
|
||||
background: get-color("dark", 0.1);
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.style-3 {
|
||||
li {
|
||||
&::before {
|
||||
background: get-color("dark", 0.9);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.style-4 {
|
||||
li {
|
||||
&::before {
|
||||
border: 1px solid get-color("dark", 0.2);
|
||||
color: get-color("dark", 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
&.style-5 {
|
||||
li {
|
||||
&::before {
|
||||
border: 1px solid get-color("dark", 0.9);
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
ol {
|
||||
&.list-ordered {
|
||||
&.style-2 {
|
||||
li {
|
||||
&::before {
|
||||
background: get-color("white", 0.2);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.style-3 {
|
||||
li {
|
||||
&::before {
|
||||
background: white;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.style-4 {
|
||||
li {
|
||||
&::before {
|
||||
border-color: get-color("white", 0.3);
|
||||
color: get-color("white", 0.6);
|
||||
}
|
||||
}
|
||||
}
|
||||
&.style-5 {
|
||||
li {
|
||||
&::before {
|
||||
border-color: white;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(md) {
|
||||
ol {
|
||||
margin: 0 0 -5px;
|
||||
li {
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
}
|
||||
ul {
|
||||
margin: 0 0 -5px;
|
||||
li {
|
||||
margin: 0 0 5px;
|
||||
ul, ol {
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
&.list-dash {
|
||||
li {
|
||||
&:before {
|
||||
content: '-';
|
||||
padding-right: 6px;
|
||||
}
|
||||
a {
|
||||
&:hover {
|
||||
padding-left: 2px;
|
||||
}
|
||||
}
|
||||
ul, ol {
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.list-inline-lg {
|
||||
margin-right: -12px;
|
||||
margin-left: -12px;
|
||||
li {
|
||||
padding: 0 12px;
|
||||
}
|
||||
}
|
||||
&.list-inline {
|
||||
margin-right: -6px;
|
||||
margin-left: -6px;
|
||||
li {
|
||||
padding: 0 6px;
|
||||
}
|
||||
}
|
||||
&.list-inline-sm {
|
||||
margin-right: -2px;
|
||||
margin-left: -2px;
|
||||
li {
|
||||
padding: 0 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
112
assets/css/scss/basic/_typography.scss
Normal file
112
assets/css/scss/basic/_typography.scss
Normal file
@@ -0,0 +1,112 @@
|
||||
//
|
||||
// Typography Styles //
|
||||
//
|
||||
body {
|
||||
color: $color-primary;
|
||||
font-family: $font-family-primary;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0;
|
||||
@include breakpoint-less(md) {
|
||||
font-size: 0.938rem;
|
||||
}
|
||||
&.theme-font-nunito {
|
||||
font-family: $font-family-nunito;
|
||||
}
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
letter-spacing: -0.3px;
|
||||
line-height: 1.4;
|
||||
color: get-color("dark");
|
||||
font-family: $font-family-poppins;
|
||||
font-weight: $font-weight-semi-bold;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.theme-font-nunito {
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-family: $font-family-nunito;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
line-height: 1.74; /* 26px */
|
||||
color: #000;
|
||||
@include breakpoint-less(md) {
|
||||
line-height: 1.6; /* 24px */
|
||||
}
|
||||
}
|
||||
|
||||
.uppercase {
|
||||
letter-spacing: 0.8px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.font-small {
|
||||
font-size: 0.9em;
|
||||
line-height: 1.7;
|
||||
@include breakpoint-less(md) {
|
||||
font-size: 0.9em;
|
||||
line-height: 1.7;
|
||||
}
|
||||
}
|
||||
.font-large {
|
||||
font-size: 1.063em;
|
||||
line-height: 1.6;
|
||||
@include breakpoint-less(md) {
|
||||
font-size: 1.063em;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Letter Spacing //
|
||||
//
|
||||
.letter-spacing-1 { letter-spacing: 1px; }
|
||||
.letter-spacing-2 { letter-spacing: 2px; }
|
||||
.letter-spacing-3 { letter-spacing: 3px; }
|
||||
.letter-spacing-4 { letter-spacing: 4px; }
|
||||
|
||||
//
|
||||
// Line Heights //
|
||||
//
|
||||
.line-height-100 { line-height: 100%; }
|
||||
.line-height-110 { line-height: 110%; }
|
||||
.line-height-120 { line-height: 120%; }
|
||||
.line-height-130 { line-height: 130%; }
|
||||
.line-height-140 { line-height: 140%; }
|
||||
.line-height-150 { line-height: 150%; }
|
||||
.line-height-160 { line-height: 160%; }
|
||||
|
||||
//
|
||||
// Font Icon Styles //
|
||||
//
|
||||
i {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
//
|
||||
// Icon sizes //
|
||||
//
|
||||
.icon-5xl {
|
||||
i { font-size: 2.8em; }
|
||||
}
|
||||
.icon-4xl {
|
||||
i { font-size: 2.4em; }
|
||||
}
|
||||
.icon-3xl {
|
||||
i { font-size: 2.13em; }
|
||||
}
|
||||
.icon-2xl {
|
||||
i { font-size: 1.86em; }
|
||||
}
|
||||
.icon-xl {
|
||||
i { font-size: 1.6em; }
|
||||
}
|
||||
.icon-lg {
|
||||
i { font-size: 1.33em; }
|
||||
}
|
||||
.icon-sm {
|
||||
i { font-size: 0.9em; }
|
||||
}
|
||||
|
||||
51
assets/css/scss/components/_author-card.scss
Normal file
51
assets/css/scss/components/_author-card.scss
Normal file
@@ -0,0 +1,51 @@
|
||||
.author-card-item {
|
||||
margin-bottom: 2rem;
|
||||
border: 1px solid #eee;
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.author-card-image {
|
||||
flex: 0 0 33.333333%;
|
||||
max-width: 33.333333%;
|
||||
padding-right: 1rem;
|
||||
|
||||
img {
|
||||
border-radius: 50%;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.author-card-info {
|
||||
flex: 0 0 66.666667%;
|
||||
max-width: 66.666667%;
|
||||
padding-left: 1rem;
|
||||
|
||||
.author-card-name {
|
||||
font-size: 1.25rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.author-card-title {
|
||||
font-size: 0.9rem;
|
||||
color: #666;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.author-card-buttons {
|
||||
.author-button-link {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
|
||||
svg {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
107
assets/css/scss/components/_blog.scss
Normal file
107
assets/css/scss/components/_blog.scss
Normal file
@@ -0,0 +1,107 @@
|
||||
//
|
||||
// Blog Styles //
|
||||
//
|
||||
.blog-card-wrapper {
|
||||
position: relative;
|
||||
background-position: center center;
|
||||
background-attachment: scroll;
|
||||
@include background-size(cover);
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
* {
|
||||
@include transition(ease-out 0.12s);
|
||||
}
|
||||
.blog-card {
|
||||
background: white;
|
||||
border: 1px solid get-color("dark", 0.1);
|
||||
}
|
||||
&:hover {
|
||||
color: get-color("white", 0.7);
|
||||
h1,h2,h3,h4,h5,h6 { color: white; }
|
||||
a {
|
||||
&:not([class^='button']) {
|
||||
color: get-color("white", 0.8);
|
||||
&:hover, &:focus { color: white; }
|
||||
}
|
||||
}
|
||||
.blog-card {
|
||||
background: get-color("dark", 0.6);
|
||||
}
|
||||
.button-text-1,
|
||||
.button-text-2,
|
||||
.button-text-3 {
|
||||
color: get-color("white", 0.8);
|
||||
&:hover {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.button-text-1 {
|
||||
&:before { background: get-color("white", 0.3); }
|
||||
&:after { background: white; }
|
||||
}
|
||||
.button-text-2 {
|
||||
&:before { background: get-color("white", 0.4); }
|
||||
&:after { background: white; }
|
||||
}
|
||||
.button-text-3 {
|
||||
&:before { background: get-color("white", 0.8); }
|
||||
&:hover {
|
||||
&:before { background: white; }
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-above(lg) {
|
||||
.blog-card {
|
||||
padding: 36px 36px 36px 140px;
|
||||
.blog-card-date {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 36px;
|
||||
@include transform(translateY(-50%));
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(md) {
|
||||
.blog-card {
|
||||
padding: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Comment box //
|
||||
//
|
||||
.comment-box {
|
||||
position: relative;
|
||||
margin-bottom: 30px;
|
||||
padding-left: 80px;
|
||||
.comment-user-avatar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: $bg-gray;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
img {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
}
|
||||
.comment-content {
|
||||
position: relative;
|
||||
.comment-time {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
text-align: right;
|
||||
color: $color-primary-lighter;
|
||||
font-style: italic;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
155
assets/css/scss/components/_breadcrumb.scss
Normal file
155
assets/css/scss/components/_breadcrumb.scss
Normal file
@@ -0,0 +1,155 @@
|
||||
// Breadcrumb Component
|
||||
.breadcrumb-wrapper {
|
||||
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
padding: 1rem 0;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
padding: 0.75rem 0;
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.4;
|
||||
|
||||
@media (max-width: 576px) {
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
|
||||
.breadcrumb-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-right: 0.5rem;
|
||||
|
||||
// &::after {
|
||||
// content: "/";
|
||||
// display: inline-block;
|
||||
// color: #6c757d;
|
||||
// margin-left: 0.75rem;
|
||||
// opacity: 0.7;
|
||||
// font-weight: 500;
|
||||
|
||||
// @media (max-width: 576px) {
|
||||
// margin-left: 0.5rem;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
||||
a {
|
||||
color: #495057;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
transition: all 0.2s ease-in-out;
|
||||
padding: 0.25rem 0.5rem;
|
||||
border-radius: 0.25rem;
|
||||
|
||||
&:hover {
|
||||
color: #007bff;
|
||||
background-color: rgba(0, 123, 255, 0.1);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: 2px solid #007bff;
|
||||
outline-offset: 1px;
|
||||
}
|
||||
|
||||
i.fas {
|
||||
margin-right: 0.375rem;
|
||||
font-size: 0.75rem;
|
||||
|
||||
@media (max-width: 576px) {
|
||||
margin-right: 0.25rem;
|
||||
font-size: 0.6875rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: #6c757d;
|
||||
font-weight: 600;
|
||||
padding: 0.25rem 0.5rem;
|
||||
max-width: 200px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
max-width: 150px;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
max-width: 120px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Responsive truncation for long breadcrumbs
|
||||
@media (max-width: 576px) {
|
||||
.breadcrumb-item {
|
||||
&:not(:last-child):not(:nth-last-child(2)) {
|
||||
display: none;
|
||||
|
||||
& + .breadcrumb-item::before {
|
||||
content: "...";
|
||||
margin: 0 0.5rem;
|
||||
color: #6c757d;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Dark mode support
|
||||
@media (prefers-color-scheme: dark) {
|
||||
background: linear-gradient(135deg, #343a40 0%, #495057 100%);
|
||||
border-bottom-color: #6c757d;
|
||||
|
||||
.breadcrumb {
|
||||
.breadcrumb-item {
|
||||
&:not(:last-child):not(:only-child)::after {
|
||||
color: #adb5bd;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #dee2e6;
|
||||
|
||||
&:hover {
|
||||
color: #66b2ff;
|
||||
background-color: rgba(102, 178, 255, 0.1);
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline-color: #66b2ff;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: #adb5bd;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Accessibility improvements
|
||||
.sr-only {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
white-space: nowrap;
|
||||
border: 0;
|
||||
}
|
||||
17
assets/css/scss/components/_cookie-consent.scss
Normal file
17
assets/css/scss/components/_cookie-consent.scss
Normal file
@@ -0,0 +1,17 @@
|
||||
//
|
||||
// Cookie Consent //
|
||||
//
|
||||
#cookie-consent {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 997;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
@include transition(ease-out 0.2s);
|
||||
&.consent-hidden {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
144
assets/css/scss/components/_ez-toc.scss
Normal file
144
assets/css/scss/components/_ez-toc.scss
Normal file
@@ -0,0 +1,144 @@
|
||||
/* Styles for ez-toc-container */
|
||||
#ez-toc-container {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
padding: 16px 0;
|
||||
box-shadow: none;
|
||||
max-width: 100%;
|
||||
margin: 16px 0;
|
||||
width: 100%;
|
||||
|
||||
.ez-toc-title {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px;
|
||||
border-bottom: 2px solid #ddd;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.ez-toc-cssicon-toggle-label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.ez-toc-icon-toggle-span {
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.ez-toc-list {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
|
||||
/* Base styles for all list items */
|
||||
.ez-toc-link {
|
||||
display: block;
|
||||
padding: 8px 0;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
|
||||
&:hover {
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Hierarchy-based alignment */
|
||||
.ez-toc-list-level-1 {
|
||||
padding-left: 0;
|
||||
|
||||
.ez-toc-link {
|
||||
font-size: 1em;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.ez-toc-list-level-2 {
|
||||
padding-left: 20px;
|
||||
|
||||
.ez-toc-link {
|
||||
font-size: 0.95em;
|
||||
font-weight: 500;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.ez-toc-list-level-3 {
|
||||
padding-left: 40px;
|
||||
|
||||
.ez-toc-link {
|
||||
font-size: 0.9em;
|
||||
font-weight: 400;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.ez-toc-list-level-4 {
|
||||
padding-left: 60px;
|
||||
|
||||
.ez-toc-link {
|
||||
font-size: 0.85em;
|
||||
font-weight: 400;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Add more levels if needed */
|
||||
}
|
||||
|
||||
/* Responsive styles */
|
||||
@media (max-width: 768px) {
|
||||
padding: 12px 0;
|
||||
|
||||
.ez-toc-title {
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
|
||||
.ez-toc-link {
|
||||
padding: 6px 0;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
/* Adjust hierarchy padding for tablets */
|
||||
.ez-toc-list-level-2 {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.ez-toc-list-level-3 {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.ez-toc-list-level-4 {
|
||||
padding-left: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
padding: 10px 0;
|
||||
|
||||
.ez-toc-title {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.ez-toc-link {
|
||||
padding: 4px 0;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
/* Adjust hierarchy padding for mobile */
|
||||
.ez-toc-list-level-2 {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.ez-toc-list-level-3 {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.ez-toc-list-level-4 {
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
171
assets/css/scss/components/_fullscreen-menu.scss
Normal file
171
assets/css/scss/components/_fullscreen-menu.scss
Normal file
@@ -0,0 +1,171 @@
|
||||
//
|
||||
// Fullscreen Menu Styles //
|
||||
//
|
||||
.fm-toggle {
|
||||
margin-left: auto;
|
||||
cursor: pointer;
|
||||
@include transition(ease-out 0.2s);
|
||||
.lines {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background: black;
|
||||
width: 25px;
|
||||
height: 2px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
@include transition(linear 0.12s);
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
background: black;
|
||||
width: 25px;
|
||||
height: 2px;
|
||||
display: inline-block;
|
||||
@include transition(linear 0.12s);
|
||||
}
|
||||
&:before { top: -7px;}
|
||||
&:after { bottom: -7px;}
|
||||
}
|
||||
@include breakpoint-above(lg) {
|
||||
.lines {
|
||||
&:before { @include transform(scaleX(0.8)); @include transform-origin(100% 50%); }
|
||||
&:after { @include transform(scaleX(0.6)); @include transform-origin(100% 50%); }
|
||||
}
|
||||
&:hover {
|
||||
.lines {
|
||||
&:before { @include transform(scaleX(1)); }
|
||||
&:after { @include transform(scaleX(1)); }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.header {
|
||||
&[class*='header-color'], &.transparent-light {
|
||||
&:not(.transparent-dark) {
|
||||
.fm-toggle {
|
||||
.lines, .lines:before, .lines:after { background: white; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Fullscreen Menu //
|
||||
//
|
||||
.fullscreen-menu {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 996;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include transition(ease-out 0.2s);
|
||||
.fm-wrapper {
|
||||
@include transform(scale(0.98));
|
||||
height: 100%;
|
||||
@include transition(ease-out 0.2s);
|
||||
.position-top,
|
||||
.position-middle,
|
||||
.position-bottom {
|
||||
padding: 0 30px;
|
||||
}
|
||||
@include breakpoint-above(md) {
|
||||
.position-top,
|
||||
.position-middle,
|
||||
.position-bottom {
|
||||
padding: 0 50px;
|
||||
}
|
||||
.position-top { top: 50px; }
|
||||
.position-bottom { bottom: 50px; }
|
||||
}
|
||||
.fm-close {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 50px;
|
||||
cursor: pointer;
|
||||
span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
opacity: 0.8;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
@include transition(ease-out 0.18s);
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 14px;
|
||||
height: 2px;
|
||||
border-radius: 2px;
|
||||
@include transition(ease-out 0.18s);
|
||||
}
|
||||
&:before { @include transform(translate(-50%, -50%) rotate(45deg)) }
|
||||
&:after { @include transform(translate(-50%, -50%) rotate(-45deg)) }
|
||||
}
|
||||
&:hover {
|
||||
span {
|
||||
opacity: 1;
|
||||
&:before { @include transform(translate(-50%, -50%) rotate(180deg)) }
|
||||
&:after { @include transform(translate(-50%, -50%) rotate(180deg)) }
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(md) {
|
||||
.fm-close {
|
||||
top: 30px;
|
||||
right: 30px;
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(sm) {
|
||||
.fm-close {
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
span {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.fm-show {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
.fm-wrapper {
|
||||
@include transform(scale(1));
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
&.fullscreen-menu {
|
||||
.fm-wrapper {
|
||||
.fm-close {
|
||||
span {
|
||||
background: get-color("white", 0.1);
|
||||
&:before, &:after { background: white; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
[class*='bg-gray'],
|
||||
[class*='bg-white'] {
|
||||
&.fullscreen-menu {
|
||||
.fm-wrapper {
|
||||
.fm-close {
|
||||
span {
|
||||
background: get-color("dark", 0.1);
|
||||
&:before, &:after { background: black; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
81
assets/css/scss/components/_gallery.scss
Normal file
81
assets/css/scss/components/_gallery.scss
Normal file
@@ -0,0 +1,81 @@
|
||||
//
|
||||
// Gallery Styles //
|
||||
//
|
||||
.gallery-wrapper {
|
||||
.gallery-box {
|
||||
.gallery-img {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
a {
|
||||
display: block;
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
background: get-color("white", 0.1);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include transition(ease-out 0.12s);
|
||||
}
|
||||
img {
|
||||
@include transform(scale(1));
|
||||
width: 100%;
|
||||
@include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
|
||||
}
|
||||
&:hover {
|
||||
&:before {
|
||||
opacity: 1;
|
||||
}
|
||||
img {
|
||||
@include transform(scale(1.04));
|
||||
}
|
||||
}
|
||||
.gallery-title {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@include transform(translate(-50%,-50%));
|
||||
z-index: 2;
|
||||
background: white;
|
||||
padding: 10px 20px;
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
//
|
||||
// Gallery Image Hover Styles //
|
||||
//
|
||||
&.hover-style-2 {
|
||||
.gallery-box {
|
||||
.gallery-img {
|
||||
a {
|
||||
&:before { background: get-color("dark", 0.1); }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
//
|
||||
// Gallery Image border-radius //
|
||||
//
|
||||
&[class*='border-radius'] {
|
||||
.gallery-box {
|
||||
.gallery-img {
|
||||
@include transform(translate3d(0,0,0));
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.border-radius {
|
||||
.gallery-box .gallery-img { border-radius: 0.4em; }
|
||||
}
|
||||
&.border-radius-1 {
|
||||
.gallery-box .gallery-img { border-radius: 1.0em; }
|
||||
}
|
||||
}
|
||||
974
assets/css/scss/components/_header.scss
Normal file
974
assets/css/scss/components/_header.scss
Normal file
@@ -0,0 +1,974 @@
|
||||
//
|
||||
// Header Menu //
|
||||
//
|
||||
.header {
|
||||
top: 0;
|
||||
z-index: 993;
|
||||
overflow: visible;
|
||||
background: white;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
@include transition(ease-in-out 0.2s);
|
||||
&.hide {
|
||||
@include transform(translateY(-100%));
|
||||
}
|
||||
.container, .container-fluid {
|
||||
@include display-flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
.header-logo {
|
||||
display: inline-block;
|
||||
.logo-light {
|
||||
display: none;
|
||||
}
|
||||
* {
|
||||
@include transition(linear 0.1s);
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
margin: 0;
|
||||
}
|
||||
img {
|
||||
width: auto;
|
||||
height: 54px;
|
||||
max-height: 54px;
|
||||
}
|
||||
a {
|
||||
color: get-color("dark");
|
||||
&:hover { color: get-color("dark"); }
|
||||
}
|
||||
}
|
||||
.header-toggle {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
margin-left: auto;
|
||||
cursor: pointer;
|
||||
span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
@include transform(translateY(-50%));
|
||||
background: get-color("dark");
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
border-radius: 2px;
|
||||
@include transition(linear 0.1s);
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
background: get-color("dark");
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
border-radius: 2px;
|
||||
@include transition(linear 0.1s);
|
||||
}
|
||||
&:before { top: -7px; }
|
||||
&:after { bottom: -7px; }
|
||||
}
|
||||
&.toggle-close {
|
||||
span {
|
||||
background: transparent;
|
||||
&:before { top: 0; bottom: 0; @include transform(rotate(-45deg)); }
|
||||
&:after { top: 0; bottom: 0; @include transform(rotate(45deg)); }
|
||||
}
|
||||
}
|
||||
}
|
||||
.header-menu {
|
||||
display: inline-block;
|
||||
font-size: 0.938rem;
|
||||
z-index: 995;
|
||||
.nav {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.nav-item {
|
||||
text-align: left;
|
||||
.nav-link {
|
||||
padding: 0;
|
||||
font-family: $font-family-poppins;
|
||||
letter-spacing: -0.2px;
|
||||
color: get-color("dark");
|
||||
&:hover, &.active {
|
||||
color: get-color("dark");
|
||||
}
|
||||
}
|
||||
.nav-dropdown-toggle {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
&:after {
|
||||
content: '\f107';
|
||||
font-family: "Font Awesome 6 Free";
|
||||
font-weight: 900;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
.nav-dropdown {
|
||||
background: white;
|
||||
h1,h2,h3,h4,h5,h6 { color: get-color("dark"); }
|
||||
a {
|
||||
&:not([class^='button'], [class^="link-social"]) {
|
||||
color: $color-primary;
|
||||
&:hover, &:focus { color: get-color("dark"); }
|
||||
}
|
||||
}
|
||||
.nav-dropdown-item {
|
||||
.nav-subdropdown-toggle {
|
||||
position: absolute;
|
||||
&:after {
|
||||
content: '\f105';
|
||||
font-family: "Font Awesome 6 Free";
|
||||
font-weight: 900;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.font-2 {
|
||||
.nav {
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
font-size: 0.9em;
|
||||
font-weight: 500;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.header-menu-extra {
|
||||
a {
|
||||
&:not([class^='button'], [class^="link-social"]) {
|
||||
color: get-color("dark");
|
||||
&:hover, &:focus { color: get-color("dark"); }
|
||||
}
|
||||
}
|
||||
}
|
||||
//
|
||||
// Header Boxed //
|
||||
//
|
||||
&.header-boxed {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
//
|
||||
// Positions //
|
||||
//
|
||||
&.sticky-autohide, &.sticky {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@include box-shadow(0 0 36px 0 rgba(22,25,28,0.17));
|
||||
}
|
||||
}
|
||||
.theme-font-nunito {
|
||||
.header {
|
||||
.header-menu {
|
||||
.nav {
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
font-family: $font-family-nunito;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Header Backgrounds //
|
||||
//
|
||||
.header {
|
||||
//
|
||||
// Header Dark //
|
||||
//
|
||||
&[class*='header-color'] {
|
||||
&:not(.transparent-dark) {
|
||||
.header-logo {
|
||||
.logo-dark {
|
||||
display: none;
|
||||
}
|
||||
.logo-light {
|
||||
display: inline-block;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 { color: white; }
|
||||
a {
|
||||
color: white;
|
||||
&:hover { color: white; }
|
||||
}
|
||||
}
|
||||
@include breakpoint-above(lg) {
|
||||
.header-menu {
|
||||
.nav {
|
||||
.nav-item {
|
||||
.nav-link, .nav-dropdown-toggle {
|
||||
color: white;
|
||||
&:hover, &:focus, &.active { color: white; }
|
||||
}
|
||||
.nav-link {
|
||||
&:before {
|
||||
background: get-color("white", 0.15);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.header-menu-extra {
|
||||
a {
|
||||
&:not([class^='button'], [class^="link-social"]) {
|
||||
color: white;
|
||||
&:hover, &:focus { color: white; }
|
||||
}
|
||||
}
|
||||
}
|
||||
.header-toggle {
|
||||
span {
|
||||
background: white;
|
||||
&:before, &:after { background: white; }
|
||||
}
|
||||
&.toggle-close {
|
||||
span {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.header-color-dark { background: $bg-dark; }
|
||||
&.header-color-black { background: black; }
|
||||
|
||||
//
|
||||
// Transparent Dark, Light //
|
||||
//
|
||||
&.transparent-dark, &.transparent-light {
|
||||
&:not(.sticky-autohide, .sticky) {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
background: transparent;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
&[class*='header-color'], &.transparent-light {
|
||||
&.border-top, &.border-bottom {
|
||||
border-color: get-color("white", 0.1);
|
||||
}
|
||||
}
|
||||
&.transparent-light {
|
||||
.header-logo {
|
||||
.logo-dark {
|
||||
display: none;
|
||||
}
|
||||
.logo-light {
|
||||
display: inline-block;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 { color: white; }
|
||||
a {
|
||||
color: white;
|
||||
&:hover { color: white; }
|
||||
}
|
||||
}
|
||||
.header-toggle {
|
||||
span {
|
||||
background: white;
|
||||
&:before, &:after { background: white; }
|
||||
}
|
||||
&.toggle-close {
|
||||
span {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-above(lg) {
|
||||
.header-menu {
|
||||
.nav {
|
||||
.nav-item {
|
||||
.nav-link, .nav-dropdown-toggle {
|
||||
color: white;
|
||||
&:hover, &:focus, &.active { color: white; }
|
||||
}
|
||||
.nav-link {
|
||||
&:before {
|
||||
background: get-color("white", 0.15);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.header-menu-extra {
|
||||
a {
|
||||
&:not([class^='button'], [class^="link-social"]) {
|
||||
color: white;
|
||||
&:hover, &:focus { color: white; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Header Boxed //
|
||||
//
|
||||
&.header-boxed {
|
||||
background: transparent;
|
||||
.container, .container-fluid {
|
||||
background: get-color("white", 0.9);
|
||||
border-bottom-right-radius: 1.5em;
|
||||
border-bottom-left-radius: 1.5em;
|
||||
@include box-shadow(0 0 36px 0 rgba(22,25,28,0.1));
|
||||
}
|
||||
.container-fluid {
|
||||
width: auto;
|
||||
margin: 0 30px;
|
||||
}
|
||||
&.sticky-autohide, &.sticky {
|
||||
@include box-shadow(none);
|
||||
}
|
||||
&[class*='header-color'] {
|
||||
background: transparent;
|
||||
}
|
||||
&.header-color-dark {
|
||||
.container {
|
||||
background: get-color("dark", 0.8);
|
||||
}
|
||||
}
|
||||
&.header-color-black {
|
||||
.container {
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint-above(lg) {
|
||||
.header {
|
||||
//
|
||||
// Sizes //
|
||||
//
|
||||
.header-logo, .header-menu-extra {
|
||||
z-index: 996;
|
||||
}
|
||||
.header-menu {
|
||||
height: 80px;
|
||||
}
|
||||
&.header-lg {
|
||||
.header-logo {
|
||||
img {
|
||||
height: 64px;
|
||||
max-height: 64px;
|
||||
}
|
||||
}
|
||||
.header-menu {
|
||||
height: 90px;
|
||||
}
|
||||
}
|
||||
&.header-xl {
|
||||
.header-logo {
|
||||
img {
|
||||
height: 74px;
|
||||
max-height: 74px;
|
||||
}
|
||||
}
|
||||
.header-menu {
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Alignments //
|
||||
//
|
||||
&:not(.left, .center) {
|
||||
.header-menu {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
&.left {
|
||||
.header-logo {
|
||||
margin-right: 30px;
|
||||
}
|
||||
.header-menu {
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
&.center {
|
||||
.header-logo {
|
||||
margin-right: auto;
|
||||
}
|
||||
.header-menu {
|
||||
.nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
.header-menu {
|
||||
.nav {
|
||||
.nav-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
margin: 0 0 0 20px;
|
||||
&.mega-menu-item {
|
||||
position: static;
|
||||
.nav-link {
|
||||
&:after {
|
||||
content: '\f107';
|
||||
padding-left: 5px;
|
||||
font-family: "Font Awesome 6 Free";
|
||||
font-weight: 900;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
&.d-toggle {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
.nav-dropdown-toggle {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.nav-link {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
line-height: 80px;
|
||||
&:before {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 22px;
|
||||
left: 0;
|
||||
content: '';
|
||||
background: $bg-gray;
|
||||
height: 0;
|
||||
@include transition(all 0.14s cubic-bezier(0.165, 0.84, 0.44, 1));
|
||||
}
|
||||
&.d-toggle {
|
||||
padding-right: 16px;
|
||||
}
|
||||
}
|
||||
.nav-dropdown-toggle {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
@include transform(translateY(-50%));
|
||||
margin-top: -2px;
|
||||
color: get-color("dark");
|
||||
&:hover {
|
||||
color: get-color("dark");
|
||||
}
|
||||
}
|
||||
.nav-dropdown {
|
||||
position: absolute;
|
||||
top: 84px;
|
||||
left: 0;
|
||||
@include transform(translateY(10px));
|
||||
z-index: 995;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
background: white;
|
||||
width: 240px;
|
||||
@include box-shadow(0 10px 40px -4px rgba(22,25,28,0.17));
|
||||
border-radius: 0.4em;
|
||||
padding: 15px 0;
|
||||
@include transition(ease-out 0.14s);
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -4px;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
}
|
||||
.nav-dropdown-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0 15px;
|
||||
.nav-dropdown-link {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 0.4em;
|
||||
padding: 7px 15px;
|
||||
@include transition(linear 0.06s);
|
||||
&:hover {
|
||||
background: $bg-gray;
|
||||
padding: 7px 15px 7px 17px;
|
||||
}
|
||||
&.sd-toggle {
|
||||
&:after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 15px;
|
||||
@include transform(translateY(-50%));
|
||||
content: '\f105';
|
||||
font-family: "Font Awesome 6 Free";
|
||||
font-weight: 900;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.nav-subdropdown-toggle {
|
||||
display: none;
|
||||
}
|
||||
.nav-subdropdown {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 228px;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
background: white;
|
||||
width: 240px;
|
||||
@include box-shadow(0 10px 40px -4px rgba(22,25,28,0.17));
|
||||
border-radius: 0.4em;
|
||||
padding: 15px;
|
||||
@include transition(linear 0.06s);
|
||||
.nav-subdropdown-item {
|
||||
display: block;
|
||||
margin: 0;
|
||||
.nav-subdropdown-link {
|
||||
display: block;
|
||||
border-radius: 0.4em;
|
||||
padding: 7px 15px;
|
||||
@include transition(linear 0.06s);
|
||||
&:hover {
|
||||
background: $bg-gray;
|
||||
padding: 7px 15px 7px 17px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.nav-subdropdown-lg {
|
||||
width: 476px;
|
||||
[class*='col'] {
|
||||
&:first-child {
|
||||
border-right: 1px solid $border-gray;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.nav-subdropdown {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.mega-menu-content {
|
||||
position: absolute;
|
||||
top: 84px;
|
||||
right: 2em;
|
||||
left: 2em;
|
||||
@include transform(translateY(10px));
|
||||
z-index: 995;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
background: white;
|
||||
width: auto;
|
||||
@include box-shadow(0 10px 40px -4px rgba(22,25,28,0.17));
|
||||
border-radius: 0.4em;
|
||||
padding: 1em;
|
||||
@include transition(ease-out 0.14s);
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -4px;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
}
|
||||
}
|
||||
&.mega-menu-item {
|
||||
&:hover {
|
||||
.mega-menu-content {
|
||||
@include transform(translateY(0));
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.nav-link {
|
||||
&:before {
|
||||
height: 6px;
|
||||
}
|
||||
}
|
||||
.nav-dropdown {
|
||||
@include transform(translateY(0));
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&[class*='dropdown-color'] {
|
||||
.nav {
|
||||
.nav-item {
|
||||
.nav-dropdown {
|
||||
h1,h2,h3,h4,h5,h6 { color: white; }
|
||||
a {
|
||||
&:not([class^='button'], [class^="link-social"]) {
|
||||
color: get-color("white", 0.8);
|
||||
&:hover, &:focus { color: white; }
|
||||
}
|
||||
}
|
||||
.nav-dropdown-item {
|
||||
.nav-dropdown-link {
|
||||
&:hover {
|
||||
background: get-color("white", 0.1);
|
||||
}
|
||||
}
|
||||
.nav-subdropdown {
|
||||
.nav-subdropdown-item {
|
||||
.nav-subdropdown-link {
|
||||
&:hover {
|
||||
background: get-color("white", 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
&.nav-subdropdown-lg {
|
||||
[class*='col'] {
|
||||
border-color: get-color("white", 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.dropdown-color-dark {
|
||||
.nav {
|
||||
.nav-item {
|
||||
.nav-dropdown {
|
||||
background: get-color("dark");
|
||||
.nav-dropdown-item {
|
||||
.nav-subdropdown {
|
||||
background: get-color("dark");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.transparent-dark {
|
||||
.header-menu {
|
||||
.nav {
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
&:before {
|
||||
background: get-color("dark", 0.05);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.header-menu-extra {
|
||||
display: inline-block;
|
||||
margin-left: 30px;
|
||||
}
|
||||
.header-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
//
|
||||
// Header Boxed //
|
||||
//
|
||||
&.header-boxed {
|
||||
.container,
|
||||
.container-fluid {
|
||||
backdrop-filter: blur(8px);
|
||||
}
|
||||
}
|
||||
&:not(.center, .left) {
|
||||
.header-menu {
|
||||
.nav {
|
||||
.nav-item {
|
||||
&:last-child,
|
||||
&:nth-last-child(2) {
|
||||
.nav-dropdown {
|
||||
right: 0;
|
||||
left: auto;
|
||||
.nav-dropdown-item {
|
||||
.nav-subdropdown {
|
||||
right: 228px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.container-fluid {
|
||||
.header-menu {
|
||||
.nav {
|
||||
.nav-item {
|
||||
.nav-dropdown {
|
||||
right: 0;
|
||||
left: auto;
|
||||
.nav-dropdown-item {
|
||||
.nav-subdropdown {
|
||||
right: 228px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(md) {
|
||||
.header {
|
||||
height: 70px;
|
||||
.header-menu {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: -100%;
|
||||
overflow-y: auto;
|
||||
background: white;
|
||||
width: 300px;
|
||||
height: 100%;
|
||||
@include box-shadow(0 0 36px 0 rgba(22,25,28,0.17));
|
||||
padding: 20px 30px;
|
||||
@include transition(all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
|
||||
&.show {
|
||||
left: 0;
|
||||
}
|
||||
.nav {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
.nav-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid $border-gray;
|
||||
padding: 12px 0;
|
||||
&:last-child {
|
||||
border: 0;
|
||||
}
|
||||
.nav-link {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
height: auto;
|
||||
color: $color-primary;
|
||||
&:hover, &:focus, &.active { color: get-color("dark"); }
|
||||
}
|
||||
&.mega-menu-item {
|
||||
.nav-link {
|
||||
width: 100%;
|
||||
&:after {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
.mega-menu-content {
|
||||
padding-top: 12px;
|
||||
}
|
||||
}
|
||||
.nav-dropdown-toggle {
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
right: 0;
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
text-align: right;
|
||||
&.active {
|
||||
color: get-color("dark");
|
||||
}
|
||||
}
|
||||
.nav-dropdown {
|
||||
display: none;
|
||||
background: white;
|
||||
padding: 8px 0 0 20px;
|
||||
&.show {
|
||||
display: block;
|
||||
}
|
||||
.nav-dropdown-item {
|
||||
position: relative;
|
||||
margin: 0 0 8px;
|
||||
&:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
.nav-dropdown-link {
|
||||
&.active {
|
||||
color: get-color("dark");
|
||||
}
|
||||
}
|
||||
.nav-subdropdown-toggle {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
text-align: right;
|
||||
&:after {
|
||||
content: '\f107';
|
||||
}
|
||||
}
|
||||
.nav-subdropdown {
|
||||
display: none;
|
||||
padding: 8px 0 0 20px;
|
||||
&.show {
|
||||
display: block;
|
||||
}
|
||||
li {
|
||||
margin: 0 0 8px;
|
||||
&:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.mega-menu-content {
|
||||
display: none;
|
||||
&.show {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.header-menu-extra {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 80px;
|
||||
left: auto;
|
||||
@include transform(translateY(-50%));
|
||||
}
|
||||
|
||||
//
|
||||
// Header Boxed //
|
||||
//
|
||||
&.header-boxed {
|
||||
.container,
|
||||
.container-fluid {
|
||||
background: get-color("white", 0.95);
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Mobile Menu - Dark //
|
||||
//
|
||||
&[class*='mobile-menu-color'] {
|
||||
.nav {
|
||||
.nav-item {
|
||||
border-color: get-color("white", 0.2);
|
||||
.nav-link,
|
||||
.nav-dropdown-toggle {
|
||||
color: get-color("white", 0.8);
|
||||
&:hover, &:focus, &.active {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.nav-dropdown {
|
||||
background: transparent;
|
||||
a {
|
||||
&:not([class^='button'], [class^="link-social"]) {
|
||||
color: get-color("white", 0.8);
|
||||
&:hover, &:focus { color: white; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.mobile-menu-color-dark {
|
||||
.header-menu { background: $bg-dark; }
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(xs) {
|
||||
.header {
|
||||
&.header-boxed {
|
||||
.container,
|
||||
.container-fluid {
|
||||
width: auto;
|
||||
margin-right: 8px;
|
||||
margin-left: 8px;
|
||||
padding: 0 26px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Header Sizes //
|
||||
//
|
||||
@include breakpoint-above(lg) {
|
||||
.header-lg {
|
||||
height: 90px;
|
||||
.container-fluid {
|
||||
padding: 0 40px;
|
||||
}
|
||||
.header-menu {
|
||||
.nav {
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
line-height: 90px;
|
||||
&:before {
|
||||
bottom: 27px;
|
||||
}
|
||||
}
|
||||
.nav-dropdown, .mega-menu-content {
|
||||
top: 94px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.header-xl {
|
||||
height: 100px;
|
||||
.container-fluid {
|
||||
padding: 0 50px;
|
||||
}
|
||||
.header-menu {
|
||||
.nav {
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
line-height: 100px;
|
||||
&:before {
|
||||
bottom: 32px;
|
||||
}
|
||||
}
|
||||
.nav-dropdown, .mega-menu-content {
|
||||
top: 104px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Placeholders for Sticky Header //
|
||||
//
|
||||
.header-placeholder { height: 80px; }
|
||||
.header-placeholder-lg { height: 90px; }
|
||||
.header-placeholder-xl { height: 100px; }
|
||||
@include breakpoint-less(md) {
|
||||
.header-placeholder, .header-placeholder-lg, .header-placeholder-xl { height: 70px; }
|
||||
}
|
||||
97
assets/css/scss/components/_masonry.scss
Normal file
97
assets/css/scss/components/_masonry.scss
Normal file
@@ -0,0 +1,97 @@
|
||||
//
|
||||
// Masonry Styles //
|
||||
//
|
||||
.masonry {
|
||||
margin: 0 -1em -2em;
|
||||
.masonry-item {
|
||||
margin-bottom: 2em;
|
||||
padding: 0 1em;
|
||||
}
|
||||
//
|
||||
// Masonry - Columns //
|
||||
//
|
||||
&.column-1 {
|
||||
.masonry-item { width: 100%; }
|
||||
}
|
||||
&.column-2 {
|
||||
@include breakpoint-above(md) {
|
||||
.masonry-item { width: 50%; }
|
||||
}
|
||||
}
|
||||
&.column-3 {
|
||||
@include breakpoint-above(md) {
|
||||
.masonry-item { width: 50%; }
|
||||
}
|
||||
@include breakpoint-above(lg) {
|
||||
.masonry-item { width: 33.33%; }
|
||||
}
|
||||
}
|
||||
&.column-4 {
|
||||
@include breakpoint-above(sm) {
|
||||
.masonry-item { width: 50%; }
|
||||
}
|
||||
@include breakpoint-above(md) {
|
||||
.masonry-item { width: 33.33%; }
|
||||
}
|
||||
@include breakpoint-above(lg) {
|
||||
.masonry-item { width: 25%; }
|
||||
}
|
||||
}
|
||||
&.column-5 {
|
||||
@extend .column-4;
|
||||
@include breakpoint-above(xl) {
|
||||
.masonry-item { width: 20%; }
|
||||
}
|
||||
}
|
||||
&.column-6 {
|
||||
@extend .column-4;
|
||||
@include breakpoint-above(xl) {
|
||||
.masonry-item { width: 16.66%; }
|
||||
}
|
||||
}
|
||||
//
|
||||
// Masonry - Item Spacings //
|
||||
//
|
||||
&.spacing-0 {
|
||||
margin: 0;
|
||||
.masonry-item {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
&.spacing-1 {
|
||||
margin: 0 -0.5em -1em;
|
||||
.masonry-item {
|
||||
margin-bottom: 1em;
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
}
|
||||
&.spacing-2 {
|
||||
margin: 0 -1em -2em;
|
||||
.masonry-item {
|
||||
margin-bottom: 2em;
|
||||
padding: 0 1em;
|
||||
}
|
||||
}
|
||||
&.spacing-3 {
|
||||
margin: 0 -1.5em -3em;
|
||||
.masonry-item {
|
||||
margin-bottom: 3em;
|
||||
padding: 0 1.5em;
|
||||
}
|
||||
}
|
||||
&.spacing-4 {
|
||||
margin: 0 -2em -4em;
|
||||
.masonry-item {
|
||||
margin-bottom: 4em;
|
||||
padding: 0 2em;
|
||||
}
|
||||
}
|
||||
&.spacing-5 {
|
||||
margin: 0 -2.5em -5em;
|
||||
.masonry-item {
|
||||
margin-bottom: 5em;
|
||||
padding: 0 2.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
555
assets/css/scss/components/_portfolio.scss
Normal file
555
assets/css/scss/components/_portfolio.scss
Normal file
@@ -0,0 +1,555 @@
|
||||
//
|
||||
// Portfolio Styles //
|
||||
//
|
||||
.portfolio-masonry {
|
||||
.portfolio-item {
|
||||
width: 100%;
|
||||
}
|
||||
.portfolio-item {
|
||||
text-align: left;
|
||||
}
|
||||
//
|
||||
// Portfolio Columns //
|
||||
//
|
||||
&.column-1 {
|
||||
.portfolio-item { width: 100%; }
|
||||
}
|
||||
&.column-2 {
|
||||
@include breakpoint-above(md) {
|
||||
.portfolio-item { width: 50%; }
|
||||
}
|
||||
}
|
||||
&.column-3 {
|
||||
@include breakpoint-above(md) {
|
||||
.portfolio-item { width: 50%; }
|
||||
}
|
||||
@include breakpoint-above(lg) {
|
||||
.portfolio-item { width: 33.33%; }
|
||||
}
|
||||
}
|
||||
&.column-4 {
|
||||
@include breakpoint-above(sm) {
|
||||
.portfolio-item { width: 50%; }
|
||||
}
|
||||
@include breakpoint-above(md) {
|
||||
.portfolio-item { width: 33.33%; }
|
||||
}
|
||||
@include breakpoint-above(lg) {
|
||||
.portfolio-item { width: 25%; }
|
||||
}
|
||||
}
|
||||
&.column-5 {
|
||||
@extend .column-4;
|
||||
@include breakpoint-above(xl) {
|
||||
.portfolio-item { width: 20%; }
|
||||
}
|
||||
}
|
||||
&.column-6 {
|
||||
@extend .column-4;
|
||||
@include breakpoint-above(xl) {
|
||||
.portfolio-item { width: 16.66%; }
|
||||
}
|
||||
}
|
||||
//
|
||||
// Portfolio box spacings //
|
||||
//
|
||||
&.spacing-0 {
|
||||
.portfolio-item { padding: 0; }
|
||||
}
|
||||
&.spacing-1 {
|
||||
.portfolio-item { padding: 0.5em; }
|
||||
}
|
||||
&.spacing-2 {
|
||||
.portfolio-item { padding: 1em; }
|
||||
}
|
||||
&.spacing-3 {
|
||||
.portfolio-item { padding: 1.5em; }
|
||||
}
|
||||
&.spacing-4 {
|
||||
.portfolio-item { padding: 2em; }
|
||||
}
|
||||
&.spacing-5 {
|
||||
.portfolio-item { padding: 2.5em; }
|
||||
}
|
||||
}
|
||||
.portfolio-masonry,
|
||||
.portfolio-grid {
|
||||
//
|
||||
// Portfolio box border-radius //
|
||||
//
|
||||
&[class*='border-radius'] {
|
||||
.portfolio-item {
|
||||
.portfolio-box {
|
||||
@include transform(translate3d(0,0,0));
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.border-radius {
|
||||
.portfolio-item .portfolio-box { border-radius: 0.4em; }
|
||||
}
|
||||
&.border-radius-1 {
|
||||
.portfolio-item .portfolio-box { border-radius: 1.0em; }
|
||||
}
|
||||
}
|
||||
.text-center {
|
||||
.portfolio-item { text-align: center; }
|
||||
}
|
||||
.text-end {
|
||||
.portfolio-item { text-align: right; }
|
||||
}
|
||||
|
||||
.container {
|
||||
.portfolio-masonry {
|
||||
&.spacing-0 { margin: 0; }
|
||||
&.spacing-1 { margin: -0.5em; }
|
||||
&.spacing-2 { margin: -1em; }
|
||||
&.spacing-3 { margin: -1.5em; }
|
||||
&.spacing-4 { margin: -2em; }
|
||||
&.spacing-5 { margin: -2.5em; }
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Portfolio Filter Styles //
|
||||
//
|
||||
.filter {
|
||||
ul {
|
||||
margin: 0 -5px;
|
||||
padding: 0;
|
||||
li {
|
||||
display: inline-block;
|
||||
background: $button-gray-lighter;
|
||||
border-radius: 30px;
|
||||
margin: 0 5px;
|
||||
padding: 7px 15px;
|
||||
font: 500 0.9em $font-family-poppins;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
@include transition(linear 0.1s);
|
||||
&:hover {
|
||||
background: $button-gray;
|
||||
}
|
||||
&.active, &.mixitup-control-active {
|
||||
background: $bg-dark;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
//
|
||||
// Filter Font Styles //
|
||||
//
|
||||
&.filter-font-2 {
|
||||
ul {
|
||||
li {
|
||||
font-size: 15px;
|
||||
letter-spacing: -0.2px;
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
//
|
||||
// Filter Styles //
|
||||
//
|
||||
&.filter-style-2 {
|
||||
ul {
|
||||
margin: 0 -2px;
|
||||
li {
|
||||
background: transparent;
|
||||
margin: 0 2px;
|
||||
color: $color-primary;
|
||||
&:hover, &.active, &.mixitup-control-active {
|
||||
color: get-color("dark");
|
||||
}
|
||||
&.active, &.mixitup-control-active {
|
||||
background: $button-gray-lighter;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.filter-style-3 {
|
||||
ul {
|
||||
margin: 0 -14px -8px;
|
||||
li {
|
||||
position: relative;
|
||||
background: transparent;
|
||||
margin: 0 14px 8px;
|
||||
padding: 0;
|
||||
color: $color-primary;
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: -1px;
|
||||
left: 0;
|
||||
background: get-color("dark");
|
||||
height: 1px;
|
||||
@include animation(button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both);
|
||||
}
|
||||
&:hover, &.active, &.mixitup-control-active {
|
||||
color: get-color("dark");
|
||||
}
|
||||
&.active, &.mixitup-control-active {
|
||||
&:after {
|
||||
width: 100%;
|
||||
@include animation(button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.filter-style-4 {
|
||||
ul {
|
||||
margin: 0 -14px -7px;
|
||||
li {
|
||||
background: transparent;
|
||||
margin: 0 14px 7px;
|
||||
padding: 0;
|
||||
color: $color-primary-lighter;
|
||||
&:hover, &.active, &.mixitup-control-active {
|
||||
background: transparent;
|
||||
color: get-color("dark");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.theme-font-unito {
|
||||
.filter {
|
||||
ul {
|
||||
li {
|
||||
font: 600 0.9em $font-family-nunito;
|
||||
}
|
||||
}
|
||||
&.filter-font-2 {
|
||||
ul {
|
||||
li {
|
||||
font-size: 1em;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
.filter {
|
||||
ul {
|
||||
li {
|
||||
background: transparent;
|
||||
color: get-color("white", 0.7);
|
||||
&:hover {
|
||||
background: transparent;
|
||||
color: white;
|
||||
}
|
||||
&.active, &.mixitup-control-active {
|
||||
background: white;
|
||||
color: get-color("dark");
|
||||
}
|
||||
}
|
||||
}
|
||||
&.filter-style-2 {
|
||||
ul {
|
||||
li {
|
||||
color: get-color("white", 0.7);
|
||||
&:hover, &.active, &.mixitup-control-active {
|
||||
color: white;
|
||||
}
|
||||
&.active, &.mixitup-control-active {
|
||||
background: white;
|
||||
color: get-color("dark");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.filter-style-3 {
|
||||
ul {
|
||||
li {
|
||||
color: get-color("white", 0.7);
|
||||
&:after {
|
||||
background: white;
|
||||
}
|
||||
&:hover, &.active, &.mixitup-control-active {
|
||||
color: white;
|
||||
}
|
||||
&.active, &.mixitup-control-active {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.filter-style-4 {
|
||||
ul {
|
||||
li {
|
||||
background: transparent;
|
||||
color: get-color("white", 0.7);
|
||||
&:hover, &.active, &.mixitup-control-active {
|
||||
background: transparent;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Hover Styles //
|
||||
//
|
||||
.portfolio-item {
|
||||
.portfolio-box {
|
||||
position: relative;
|
||||
.portfolio-img {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
img {
|
||||
@include transform(scale(1));
|
||||
width: 100%;
|
||||
@include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
|
||||
}
|
||||
}
|
||||
a {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
&:hover {
|
||||
.portfolio-img {
|
||||
img {
|
||||
@include transform(scale(1.04));
|
||||
@include filter(blur(1.5px));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.portfolio-grid, .portfolio-masonry {
|
||||
&:not(.hover-style-2, .hover-style-3) {
|
||||
.portfolio-item {
|
||||
.portfolio-box {
|
||||
.portfolio-title {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
background-image: linear-gradient(to top, get-color("dark", 0.4), transparent);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include transition(ease-out 0.12s);
|
||||
div {
|
||||
position: absolute;
|
||||
left: 30px;
|
||||
bottom: 30px;
|
||||
* {
|
||||
opacity: 0;
|
||||
@include transform(translateY(5px));
|
||||
margin-bottom: 0.5rem;
|
||||
color: white;
|
||||
@include transition(ease-out 0.12s);
|
||||
&:first-child { @include transition-delay(0.05s); }
|
||||
&:last-child { @include transition-delay(0.10s); margin-bottom: 0; }
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.portfolio-title {
|
||||
opacity: 1;
|
||||
* {
|
||||
opacity: 1;
|
||||
@include transform(translateY(0));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Hover Style 2 //
|
||||
//
|
||||
.hover-style-2 {
|
||||
.portfolio-item {
|
||||
.portfolio-box {
|
||||
.portfolio-title {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: 1;
|
||||
background: get-color("dark", 0.1);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include transition(ease-out 0.12s);
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
background-image: linear-gradient(to top, get-color("dark", 0.3), transparent);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include transition(ease-out 0.12s);
|
||||
}
|
||||
div {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 30px;
|
||||
span {
|
||||
display: block;
|
||||
}
|
||||
* {
|
||||
margin-bottom: 0.5rem;
|
||||
color: white;
|
||||
@include transition(ease-out 0.12s);
|
||||
}
|
||||
}
|
||||
i {
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
bottom: 30px;
|
||||
@include transform(translateY(5px));
|
||||
opacity: 0;
|
||||
font-size: 1.2em;
|
||||
color: white;
|
||||
@include transition(ease-out 0.12s);
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.portfolio-title {
|
||||
&:before {
|
||||
opacity: 1;
|
||||
}
|
||||
i {
|
||||
@include transform(translateY(0));
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Hover style 3 //
|
||||
//
|
||||
.hover-style-3 {
|
||||
.portfolio-item {
|
||||
.portfolio-box {
|
||||
.portfolio-title {
|
||||
position: absolute;
|
||||
right: 1.5rem;
|
||||
bottom: 1.5rem;
|
||||
left: 1.5rem;
|
||||
.portfolio-title-item {
|
||||
display: table;
|
||||
@include transform(translateY(4px));
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
background: white;
|
||||
margin-bottom: 0.25rem;
|
||||
padding: 0.6rem 1rem;
|
||||
@include transition(ease-out 0.12s);
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
&:nth-child(1) { @include transition-delay(0.05s); }
|
||||
&:nth-child(2) { @include transition-delay(0.10s); }
|
||||
&:nth-child(3) { @include transition-delay(0.15s); }
|
||||
* {
|
||||
margin-bottom: 0;
|
||||
color: get-color("dark");
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(md) {
|
||||
.portfolio-title {
|
||||
right: 1.25rem;
|
||||
bottom: 1.25rem;
|
||||
left: 1.25rem;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.portfolio-title {
|
||||
.portfolio-title-item {
|
||||
@include transform(translateY(0));
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Hero Portfolio //
|
||||
//
|
||||
.hero-portfolio-slider {
|
||||
.hero-portfolio-box {
|
||||
position: relative;
|
||||
a {
|
||||
display: block;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
.hero-portfolio-img {
|
||||
overflow: hidden;
|
||||
@include transform(translate3d(0,0,0));
|
||||
img {
|
||||
@include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
|
||||
}
|
||||
}
|
||||
.hero-portfolio-caption {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: -50px;
|
||||
@include transform(translateY(-50%));
|
||||
background: get-color("dark", 0.9);
|
||||
max-width: 70%;
|
||||
padding: 1.5rem 2rem;
|
||||
@include transition(ease-out 0.16s);
|
||||
* {
|
||||
color: white;
|
||||
margin: 0;
|
||||
}
|
||||
@include breakpoint-less(sm) {
|
||||
left: 50%;
|
||||
@include transform(translate(-50%, -50%));
|
||||
padding: 1rem 1.5rem;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.hero-portfolio-img {
|
||||
img {
|
||||
@include transform(scale(1.04));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.swiper-wrapper {
|
||||
.swiper-slide {
|
||||
&.swiper-slide-active {
|
||||
.hero-portfolio-caption {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
531
assets/css/scss/components/_preloader.scss
Normal file
531
assets/css/scss/components/_preloader.scss
Normal file
@@ -0,0 +1,531 @@
|
||||
//
|
||||
// Preloader Styles //
|
||||
//
|
||||
body {
|
||||
&:after {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 998;
|
||||
background: white;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
&.loaded {
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.preloader {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
background: white;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
div {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@include transform(translate(-50%,-50%));
|
||||
}
|
||||
}
|
||||
.loaded {
|
||||
.preloader {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
@include transition(ease-out 0.3s);
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Preloader 1 //
|
||||
//
|
||||
.preloader-1 {
|
||||
div {
|
||||
position: relative;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
.loader-circular {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
transform-origin: center center;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
margin: auto;
|
||||
animation: loader-one-rotate 2s linear infinite;
|
||||
}
|
||||
.loader-path {
|
||||
fill: none;
|
||||
stroke: get-color("dark");
|
||||
stroke-width: 2.5;
|
||||
stroke-dasharray: 1, 200;
|
||||
stroke-dashoffset: 0;
|
||||
stroke-linecap: round;
|
||||
stroke-miterlimit: 10;
|
||||
animation: loader-one-dash 1.5s ease-in-out infinite;
|
||||
}
|
||||
}
|
||||
}
|
||||
//
|
||||
// Preloader 1 - Color Options //
|
||||
//
|
||||
.preloader-dark {
|
||||
.preloader-1 {
|
||||
background: black;
|
||||
div {
|
||||
.loader-path {
|
||||
stroke: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-blue {
|
||||
.preloader-1 {
|
||||
div {
|
||||
.loader-path {
|
||||
stroke: get-color("blue");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-purple {
|
||||
.preloader-1 {
|
||||
div {
|
||||
.loader-path {
|
||||
stroke: get-color("purple");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-pink-edge {
|
||||
.preloader-1 {
|
||||
div {
|
||||
.loader-path {
|
||||
stroke: get-color("pink-edge");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-golden-yellow {
|
||||
.preloader-1 {
|
||||
div {
|
||||
.loader-path {
|
||||
stroke: get-color("golden-yellow");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-very-peri {
|
||||
.preloader-1 {
|
||||
div {
|
||||
.loader-path {
|
||||
stroke: get-color("very-peri");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-turquoise {
|
||||
.preloader-1 {
|
||||
div {
|
||||
.loader-path {
|
||||
stroke: get-color("turquoise");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-spring-red {
|
||||
.preloader-1 {
|
||||
div {
|
||||
.loader-path {
|
||||
stroke: get-color("spring-red");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-tan {
|
||||
.preloader-1 {
|
||||
div {
|
||||
.loader-path {
|
||||
stroke: get-color("tan");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-aqua {
|
||||
.preloader-1 {
|
||||
div {
|
||||
.loader-path {
|
||||
stroke: get-color("aqua");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes loader-one-rotate {
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
@keyframes loader-one-dash {
|
||||
0% {
|
||||
stroke-dasharray: 1, 200;
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
50% {
|
||||
stroke-dasharray: 89, 200;
|
||||
stroke-dashoffset: -35px;
|
||||
}
|
||||
100% {
|
||||
stroke-dasharray: 89, 200;
|
||||
stroke-dashoffset: -124px;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Preloader 2 //
|
||||
//
|
||||
.preloader-2 {
|
||||
div {
|
||||
span {
|
||||
display: inline-block;
|
||||
opacity: 0.2;
|
||||
background: black;
|
||||
background: linear-gradient(to right, black 10%, transparent 40%);
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
@include animation(loader-two 0.6s infinite linear);
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
&:before {
|
||||
background: black;
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
border-radius: 100% 0 0 0;
|
||||
}
|
||||
&:after {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: white;
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
margin: auto;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@keyframes loader-two {
|
||||
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-webkit-keyframes loader-two {
|
||||
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
//
|
||||
// Preloader 2 - Color Options //
|
||||
//
|
||||
.preloader-dark {
|
||||
.preloader-2 {
|
||||
background: black;
|
||||
div {
|
||||
span {
|
||||
background: white;
|
||||
background: linear-gradient(to right, white 10%, transparent 40%);
|
||||
&:before {
|
||||
background: white;
|
||||
}
|
||||
&:after {
|
||||
background: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-blue {
|
||||
.preloader-2 {
|
||||
div {
|
||||
span {
|
||||
background: get-color("blue");
|
||||
background: linear-gradient(to right, get-color("blue") 10%, transparent 40%);
|
||||
&:before {
|
||||
background: get-color("blue");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-purple {
|
||||
.preloader-2 {
|
||||
div {
|
||||
span {
|
||||
background: get-color("purple");
|
||||
background: linear-gradient(to right, get-color("purple") 10%, transparent 40%);
|
||||
&:before {
|
||||
background: get-color("purple");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-pink-edge {
|
||||
.preloader-2 {
|
||||
div {
|
||||
span {
|
||||
background: get-color("pink-edge");
|
||||
background: linear-gradient(to right, get-color("pink-edge") 10%, transparent 40%);
|
||||
&:before {
|
||||
background: get-color("pink-edge");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-golden-yellow {
|
||||
.preloader-2 {
|
||||
div {
|
||||
span {
|
||||
background: get-color("golden-yellow");
|
||||
background: linear-gradient(to right, get-color("golden-yellow") 10%, transparent 40%);
|
||||
&:before {
|
||||
background: get-color("golden-yellow");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-very-peri {
|
||||
.preloader-2 {
|
||||
div {
|
||||
span {
|
||||
background: get-color("very-peri");
|
||||
background: linear-gradient(to right, get-color("very-peri") 10%, transparent 40%);
|
||||
&:before {
|
||||
background: get-color("very-peri");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-turquoise {
|
||||
.preloader-2 {
|
||||
div {
|
||||
span {
|
||||
background: get-color("turquoise");
|
||||
background: linear-gradient(to right, get-color("turquoise") 10%, transparent 40%);
|
||||
&:before {
|
||||
background: get-color("turquoise");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-spring-red {
|
||||
.preloader-2 {
|
||||
div {
|
||||
span {
|
||||
background: get-color("spring-red");
|
||||
background: linear-gradient(to right, get-color("spring-red") 10%, transparent 40%);
|
||||
&:before {
|
||||
background: get-color("spring-red");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-tan {
|
||||
.preloader-2 {
|
||||
div {
|
||||
span {
|
||||
background: get-color("tan");
|
||||
background: linear-gradient(to right, get-color("tan") 10%, transparent 40%);
|
||||
&:before {
|
||||
background: get-color("tan");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-aqua {
|
||||
.preloader-2 {
|
||||
div {
|
||||
span {
|
||||
background: get-color("aqua");
|
||||
background: linear-gradient(to right, get-color("aqua") 10%, transparent 40%);
|
||||
&:before {
|
||||
background: get-color("aqua");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Preloader 3 //
|
||||
//
|
||||
.preloader-3 {
|
||||
div {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
span {
|
||||
position: relative;
|
||||
display: block;
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: get-color("dark", 0.1);
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
&:before { @include animation(loader-three-bounceIn 1.2s infinite ease-in-out); }
|
||||
&:after { @include animation(loader-three-bounceOut 1.2s infinite ease-in-out); }
|
||||
}
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes loader-three-bounceIn {
|
||||
0%, 100% { -webkit-transform: scale(0); }
|
||||
50% { -webkit-transform: scale(1.0); }
|
||||
}
|
||||
@keyframes loader-three-bounceIn {
|
||||
0%, 100% { -webkit-transform: scale(0); transform: scale(0); }
|
||||
50% { -webkit-transform: scale(1.0); transform: scale(1.0); }
|
||||
}
|
||||
@-webkit-keyframes loader-three-bounceOut {
|
||||
0%, 100% { -webkit-transform: scale(1.0); }
|
||||
50% { -webkit-transform: scale(0); }
|
||||
}
|
||||
@keyframes loader-three-bounceOut {
|
||||
0%, 100% { -webkit-transform: scale(1.0); transform: scale(1.0); }
|
||||
50% { -webkit-transform: scale(0); transform: scale(0); }
|
||||
}
|
||||
//
|
||||
// Preloader 3 - Color Options //
|
||||
//
|
||||
.preloader-dark {
|
||||
.preloader-3 {
|
||||
background: black;
|
||||
div {
|
||||
span {
|
||||
&:before, &:after {
|
||||
background: get-color("white", 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-blue {
|
||||
.preloader-3 {
|
||||
div {
|
||||
span {
|
||||
&:before, &:after {
|
||||
background: get-color("blue", 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-purple {
|
||||
.preloader-3 {
|
||||
div {
|
||||
span {
|
||||
&:before, &:after {
|
||||
background: get-color("purple", 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-pink-edge {
|
||||
.preloader-3 {
|
||||
div {
|
||||
span {
|
||||
&:before, &:after {
|
||||
background: get-color("pink-edge", 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-golden-yellow {
|
||||
.preloader-3 {
|
||||
div {
|
||||
span {
|
||||
&:before, &:after {
|
||||
background: get-color("golden-yellow", 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-very-peri {
|
||||
.preloader-3 {
|
||||
div {
|
||||
span {
|
||||
&:before, &:after {
|
||||
background: get-color("very-peri", 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-turquoise {
|
||||
.preloader-3 {
|
||||
div {
|
||||
span {
|
||||
&:before, &:after {
|
||||
background: get-color("turquoise", 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-spring-red {
|
||||
.preloader-3 {
|
||||
div {
|
||||
span {
|
||||
&:before, &:after {
|
||||
background: get-color("spring-red", 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-tan {
|
||||
.preloader-3 {
|
||||
div {
|
||||
span {
|
||||
&:before, &:after {
|
||||
background: get-color("tan", 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preloader-aqua {
|
||||
.preloader-3 {
|
||||
div {
|
||||
span {
|
||||
&:before, &:after {
|
||||
background: get-color("aqua", 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
127
assets/css/scss/components/_section.scss
Normal file
127
assets/css/scss/components/_section.scss
Normal file
@@ -0,0 +1,127 @@
|
||||
//
|
||||
// Sections Styles //
|
||||
//
|
||||
.section-xs {
|
||||
padding: 50px 0;
|
||||
&.bg-image {
|
||||
.container, .container-fluid { padding: 50px 30px; }
|
||||
}
|
||||
}
|
||||
.section-sm {
|
||||
padding: 70px 0;
|
||||
&.bg-image {
|
||||
.container, .container-fluid { padding: 70px 30px; }
|
||||
}
|
||||
}
|
||||
.section, .section-md {
|
||||
padding: 100px 0;
|
||||
&.bg-image {
|
||||
.container, .container-fluid { padding: 100px 30px; }
|
||||
}
|
||||
}
|
||||
.section-lg {
|
||||
padding: 140px 0;
|
||||
&.bg-image {
|
||||
.container, .container-fluid { padding: 140px 30px; }
|
||||
}
|
||||
}
|
||||
.section-xl {
|
||||
padding: 180px 0;
|
||||
&.bg-image {
|
||||
.container, .container-fluid { padding: 180px 30px; }
|
||||
}
|
||||
}
|
||||
.section-2xl {
|
||||
padding: 220px 0;
|
||||
&.bg-image {
|
||||
.container, .container-fluid { padding: 220px 30px; }
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(sm) {
|
||||
.section-xs {
|
||||
padding: 30px 0;
|
||||
&.bg-image {
|
||||
.container, .container-fluid { padding: 30px 30px; }
|
||||
}
|
||||
}
|
||||
.section-sm {
|
||||
padding: 50px 0;
|
||||
&.bg-image {
|
||||
.container, .container-fluid { padding: 50px 30px; }
|
||||
}
|
||||
}
|
||||
.section, .section-md {
|
||||
padding: 80px 0;
|
||||
&.bg-image {
|
||||
.container, .container-fluid { padding: 80px 30px; }
|
||||
}
|
||||
}
|
||||
.section-lg {
|
||||
padding: 110px 0;
|
||||
&.bg-image {
|
||||
.container, .container-fluid { padding: 110px 30px; }
|
||||
}
|
||||
}
|
||||
.section-xl {
|
||||
padding: 140px 0;
|
||||
&.bg-image {
|
||||
.container, .container-fluid { padding: 140px 30px; }
|
||||
}
|
||||
}
|
||||
.section-2xl {
|
||||
padding: 170px 0;
|
||||
&.bg-image {
|
||||
.container, .container-fluid { padding: 170px 30px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(xs) {
|
||||
.section, .section-md {
|
||||
padding: 70px 0;
|
||||
&.bg-image {
|
||||
.container, .container-fluid { padding: 70px 30px; }
|
||||
}
|
||||
}
|
||||
.section-lg {
|
||||
padding: 90px 0;
|
||||
&.bg-image {
|
||||
.container, .container-fluid { padding: 90px 30px; }
|
||||
}
|
||||
}
|
||||
.section-xl {
|
||||
padding: 120px 0;
|
||||
&.bg-image {
|
||||
.container, .container-fluid { padding: 120px 30px; }
|
||||
}
|
||||
}
|
||||
.section-2xl {
|
||||
padding: 150px 0;
|
||||
&.bg-image {
|
||||
.container, .container-fluid { padding: 150px 30px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
.section-xs,
|
||||
.section-sm,
|
||||
.section, .section-md,
|
||||
.section-lg,
|
||||
.section-xl,
|
||||
.section-2xl {
|
||||
&.bg-image {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.section-fullscreen {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
.bg-black,
|
||||
[class*='bg-white'],
|
||||
[class*='bg-gray'],
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient'],
|
||||
[class*='bg-color'],
|
||||
.container, .container-fluid {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
27
assets/css/scss/components/_table.scss
Normal file
27
assets/css/scss/components/_table.scss
Normal file
@@ -0,0 +1,27 @@
|
||||
/* Styles for tables */
|
||||
figure.wp-block-table table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
margin-top: 1.25rem;
|
||||
margin-bottom: 1.25rem;
|
||||
|
||||
thead {
|
||||
background-color: #f8f9fa;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
th, td {
|
||||
border: 1px solid #dee2e6;
|
||||
padding: 0.5rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: #f1f3f5;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
tbody tr:nth-child(odd) {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
}
|
||||
228
assets/css/scss/elements/_accordion.scss
Normal file
228
assets/css/scss/elements/_accordion.scss
Normal file
@@ -0,0 +1,228 @@
|
||||
//
|
||||
// Accordion styles //
|
||||
//
|
||||
.accordion {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
li {
|
||||
border: 0;
|
||||
margin-bottom: 8px;
|
||||
padding: 0;
|
||||
@include transition(linear 0.1s);
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.accordion-title {
|
||||
position: relative;
|
||||
border: 1px solid get-color("dark", 0.1);
|
||||
padding: 14px 24px;
|
||||
cursor: pointer;
|
||||
@include transition(linear 0.1s);
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
@include transform(translateY(-50%));
|
||||
background: black;
|
||||
}
|
||||
&:before {
|
||||
right: 24px;
|
||||
width: 11px;
|
||||
height: 1px;
|
||||
}
|
||||
&:after {
|
||||
right: 29px;
|
||||
width: 1px;
|
||||
height: 11px;
|
||||
@include transition(linear 0.1s);
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
margin: 0;
|
||||
}
|
||||
* {
|
||||
@include transition(linear 0.1s);
|
||||
}
|
||||
}
|
||||
.accordion-content {
|
||||
overflow: hidden;
|
||||
max-height: 0;
|
||||
padding: 0 25px;
|
||||
@include transition(ease-out 0.2s);
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
}
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 12px;
|
||||
}
|
||||
ul, ol {
|
||||
li {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
&:last-child {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
ul {
|
||||
list-style-type: disc;
|
||||
ul { list-style-type: circle; }
|
||||
}
|
||||
ol {
|
||||
&.list-ordered {
|
||||
li {
|
||||
margin-bottom: 8px;
|
||||
padding-left: 34px;
|
||||
&:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.nav {
|
||||
list-style-type: none;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
.accordion-title {
|
||||
border-color: get-color("dark", 0.9);
|
||||
&:after {
|
||||
@include transform(translateY(-50%) rotate(-90deg));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
//
|
||||
// Accordion - Style 2 //
|
||||
//
|
||||
&.style-2 {
|
||||
li {
|
||||
margin-bottom: 14px;
|
||||
padding: 0;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.accordion-title {
|
||||
border: 0;
|
||||
border-bottom: 1px solid get-color("dark", 0.2);
|
||||
padding: 0 0 10px;
|
||||
@include transition(linear 0.1s);
|
||||
&:before, &:after {
|
||||
margin-top: -6px;
|
||||
}
|
||||
&:before { right: 0; }
|
||||
&:after { right: 5px; }
|
||||
}
|
||||
.accordion-content {
|
||||
padding: 0 20px;
|
||||
}
|
||||
&.active {
|
||||
.accordion-title {
|
||||
border-bottom-color: get-color("dark", 0.9);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
//
|
||||
// Accordion - Style 3 //
|
||||
//
|
||||
&.style-3 {
|
||||
li {
|
||||
.accordion-title {
|
||||
background: $bg-gray-lighter;
|
||||
border: 0;
|
||||
}
|
||||
.accordion-content {
|
||||
padding: 0 24px;
|
||||
}
|
||||
&.active {
|
||||
.accordion-title {
|
||||
background: $bg-dark;
|
||||
color: get-color("white", 0.8);
|
||||
&:before, &:after {
|
||||
background: white;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
//
|
||||
// Border Radius //
|
||||
//
|
||||
&.border-radius {
|
||||
&:not(.style-2) {
|
||||
li {
|
||||
.accordion-title {
|
||||
border-radius: 0.375em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.rounded {
|
||||
&:not(.style-2) {
|
||||
li {
|
||||
.accordion-title {
|
||||
border-radius: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
[class*='bg-gray'] {
|
||||
.accordion {
|
||||
&.style-3 {
|
||||
li {
|
||||
.accordion-title {
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
.accordion {
|
||||
li {
|
||||
.accordion-title {
|
||||
border-color: get-color("white", 0.2);
|
||||
&:before, &:after {
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
.accordion-title {
|
||||
border-color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.style-3 {
|
||||
li {
|
||||
.accordion-title {
|
||||
background: get-color("white", 0.1);
|
||||
}
|
||||
&.active {
|
||||
.accordion-title {
|
||||
background: white;
|
||||
color: $color-primary;
|
||||
&:before, &:after {
|
||||
background: black;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
147
assets/css/scss/elements/_box.scss
Normal file
147
assets/css/scss/elements/_box.scss
Normal file
@@ -0,0 +1,147 @@
|
||||
//
|
||||
// Box Styles //
|
||||
//
|
||||
.box-shadow {
|
||||
@include box-shadow(0 10px 36px 0 rgba(22,24,26,0.1));
|
||||
@include transition(ease-out 0.16s);
|
||||
&:hover {
|
||||
@include box-shadow(0 10px 40px 0 rgba(22,24,26,0.15));
|
||||
}
|
||||
}
|
||||
.hover-shadow {
|
||||
@include transition(ease-out 0.16s);
|
||||
&:hover {
|
||||
@include box-shadow(0 10px 36px 0 rgba(22,24,26,0.1));
|
||||
}
|
||||
}
|
||||
.hover-float {
|
||||
@include transition(ease-out 0.16s);
|
||||
&:hover {
|
||||
@include transform(translateY(-4px));
|
||||
}
|
||||
}
|
||||
.hover-scale {
|
||||
@include transition(ease-out 0.16s);
|
||||
&:hover {
|
||||
@include transform(scale(1.015));
|
||||
}
|
||||
}
|
||||
.hover-shrink {
|
||||
@include transition(ease-out 0.16s);
|
||||
&:hover {
|
||||
@include transform(scale(0.985));
|
||||
}
|
||||
}
|
||||
.box-backdrop {
|
||||
overflow: hidden;
|
||||
border-radius: 0.5em;
|
||||
border: 2px solid get-color("dark");
|
||||
@include box-shadow(4px 4px 0 0 get-color("dark"));
|
||||
}
|
||||
|
||||
//
|
||||
// Square box //
|
||||
//
|
||||
[class*="square-box"],
|
||||
[class*="circle-box"] {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
* {
|
||||
margin: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
.square-box-xs {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
* {
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
.square-box-sm {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
* {
|
||||
line-height: 50px;
|
||||
}
|
||||
}
|
||||
.square-box, .square-box-md {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
* {
|
||||
line-height: 60px;
|
||||
}
|
||||
}
|
||||
.square-box-lg {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
* {
|
||||
line-height: 70px;
|
||||
}
|
||||
}
|
||||
.square-box-xl {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
* {
|
||||
line-height: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Circle Box //
|
||||
//
|
||||
[class*="circle-box"] {
|
||||
border-radius: 50%;
|
||||
}
|
||||
.circle-box-xs {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
* {
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
.circle-box-sm {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
* {
|
||||
line-height: 50px;
|
||||
}
|
||||
}
|
||||
.circle-box, .circle-box-md {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
* {
|
||||
line-height: 60px;
|
||||
}
|
||||
}
|
||||
.circle-box-lg {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
* {
|
||||
line-height: 70px;
|
||||
}
|
||||
}
|
||||
.circle-box-xl {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
* {
|
||||
line-height: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Box border radius //
|
||||
//
|
||||
.border-radius { border-radius: 0.5em; overflow: hidden; }
|
||||
.border-radius-1 { border-radius: 1em; overflow: hidden; }
|
||||
.border-radius-2 { border-radius: 2em; overflow: hidden; }
|
||||
1258
assets/css/scss/elements/_button.scss
Normal file
1258
assets/css/scss/elements/_button.scss
Normal file
File diff suppressed because it is too large
Load Diff
135
assets/css/scss/elements/_clients.scss
Normal file
135
assets/css/scss/elements/_clients.scss
Normal file
@@ -0,0 +1,135 @@
|
||||
//
|
||||
// Clients Styles //
|
||||
//
|
||||
.client-box {
|
||||
text-align: center;
|
||||
a {
|
||||
img {
|
||||
opacity: 0.4;
|
||||
@include transition(ease-out 0.16s);
|
||||
}
|
||||
&:hover, &:focus {
|
||||
img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.owl-carousel {
|
||||
.client-box {
|
||||
img { display: inline-block; }
|
||||
}
|
||||
}
|
||||
//
|
||||
// Clients Grid //
|
||||
//
|
||||
.clients-grid {
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
li {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 16.6%;
|
||||
margin: 0;
|
||||
padding: 30px;
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
}
|
||||
&:before {
|
||||
top: 0;
|
||||
left: -1px;
|
||||
height: 100%;
|
||||
border-left: 1px dashed get-color("dark", 0.1);
|
||||
}
|
||||
&:after {
|
||||
left: 0;
|
||||
bottom: -1px;
|
||||
width: 100%;
|
||||
border-bottom: 1px dashed get-color("dark", 0.1);
|
||||
}
|
||||
a {
|
||||
img {
|
||||
opacity: 0.4;
|
||||
@include transition(ease-out 0.16s);
|
||||
}
|
||||
&:hover, &:focus {
|
||||
img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(md) {
|
||||
li { width: 25%; }
|
||||
}
|
||||
@include breakpoint-less(sm) {
|
||||
li { width: 33.3%; }
|
||||
}
|
||||
@include breakpoint-less(xs) {
|
||||
li { width: 50%; }
|
||||
}
|
||||
&.column-5 {
|
||||
li { width: 20%; }
|
||||
@include breakpoint-less(md) {
|
||||
li { width: 25%; }
|
||||
}
|
||||
@include breakpoint-less(sm) {
|
||||
li { width: 33.3%; }
|
||||
}
|
||||
@include breakpoint-less(xs) {
|
||||
li { width: 50%; }
|
||||
}
|
||||
}
|
||||
&.column-4 {
|
||||
li { width: 25%; }
|
||||
@include breakpoint-less(sm) {
|
||||
li { width: 33.3%; }
|
||||
}
|
||||
@include breakpoint-less(xs) {
|
||||
li { width: 50%; }
|
||||
}
|
||||
}
|
||||
&.column-3 {
|
||||
li { width: 33.3%; }
|
||||
@include breakpoint-less(sm) {
|
||||
li { width: 50%; }
|
||||
}
|
||||
}
|
||||
&.column-2 {
|
||||
li { width: 50%; }
|
||||
}
|
||||
//
|
||||
// Border Style - Solid //
|
||||
//
|
||||
&.border-style-solid {
|
||||
border: 0;
|
||||
li {
|
||||
&:before { border-left-style: solid; }
|
||||
&:after { border-bottom-style: solid; }
|
||||
}
|
||||
}
|
||||
//
|
||||
// Border Style - Dotted //
|
||||
//
|
||||
&.border-style-dotted {
|
||||
border: 0;
|
||||
li {
|
||||
&:before { border-left-style: dotted; }
|
||||
&:after { border-bottom-style: dotted; }
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
.clients-grid {
|
||||
li {
|
||||
&:before, &:after { border-color: get-color("white", 0.2); }
|
||||
}
|
||||
}
|
||||
}
|
||||
102
assets/css/scss/elements/_feature-box.scss
Normal file
102
assets/css/scss/elements/_feature-box.scss
Normal file
@@ -0,0 +1,102 @@
|
||||
//
|
||||
// Feature box //
|
||||
//
|
||||
.feature-box {
|
||||
@include display-flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
min-height: 50px;
|
||||
padding-left: 74px;
|
||||
@include breakpoint-less(md) {
|
||||
padding-left: 66px;
|
||||
}
|
||||
.feature-box-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
@include transition(ease-out 0.16s);
|
||||
* {
|
||||
margin: 0;
|
||||
line-height: 50px;
|
||||
vertical-align: middle;
|
||||
@include transition(ease-out 0.16s);
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
}
|
||||
//
|
||||
// Positions //
|
||||
//
|
||||
&.middle {
|
||||
top: 50%;
|
||||
@include transform(translateY(-50%));
|
||||
}
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
width: 100%;
|
||||
}
|
||||
//
|
||||
// Sizes //
|
||||
//
|
||||
&.feature-box-xl {
|
||||
min-height: 70px;
|
||||
padding-left: 94px;
|
||||
@include breakpoint-less(md) {
|
||||
padding-left: 86px;
|
||||
}
|
||||
.feature-box-icon {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
* {
|
||||
line-height: 70px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.feature-box-lg {
|
||||
min-height: 60px;
|
||||
padding-left: 84px;
|
||||
@include breakpoint-less(md) {
|
||||
padding-left: 80px;
|
||||
}
|
||||
.feature-box-icon {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
* {
|
||||
line-height: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.feature-box-sm {
|
||||
min-height: 40px;
|
||||
padding-left: 64px;
|
||||
@include breakpoint-less(md) {
|
||||
padding-left: 56px;
|
||||
}
|
||||
.feature-box-icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
* {
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.feature-box-xs {
|
||||
min-height: 32px;
|
||||
padding-left: 54px;
|
||||
@include breakpoint-less(md) {
|
||||
padding-left: 48px;
|
||||
}
|
||||
.feature-box-icon {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
* {
|
||||
line-height: 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
482
assets/css/scss/elements/_hoverbox.scss
Normal file
482
assets/css/scss/elements/_hoverbox.scss
Normal file
@@ -0,0 +1,482 @@
|
||||
//
|
||||
// Hover box Styles //
|
||||
//
|
||||
[class^="hoverbox"] {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
@include transform(translate3d(0,0,0));
|
||||
display: inline-block;
|
||||
img {
|
||||
@include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Hover box - Style 1 //
|
||||
//
|
||||
.hoverbox-1 {
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
background: get-color("dark", 0.5);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include transition(ease-out 0.12s);
|
||||
}
|
||||
&:hover, &:focus {
|
||||
&:before {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
img {
|
||||
@include transform(scale(1.04));
|
||||
}
|
||||
.hover-content {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.hover-content {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
color: get-color("white", 0.7);
|
||||
@include transition(ease-out 0.12s);
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: white;
|
||||
}
|
||||
&.center {
|
||||
top: 50%;
|
||||
right: 0;
|
||||
left: 0;
|
||||
@include transform(translateY(-50%));
|
||||
width: 100%;
|
||||
margin-top: 5px;
|
||||
padding: 0 30px;
|
||||
&:hover, &:focus {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
&.bottom {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
@include transform(translateY(5px));
|
||||
width: 100%;
|
||||
padding: 30px;
|
||||
&:hover, &:focus {
|
||||
@include transform(translateY(0));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Hover box - Style 2 //
|
||||
//
|
||||
.hoverbox-2 {
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
right: 16px;
|
||||
bottom: 16px;
|
||||
left: 16px;
|
||||
@include transform(scale(0.99));
|
||||
z-index: 1;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
background: get-color("white", 0.9);
|
||||
backdrop-filter: blur(5px);
|
||||
@include transition(ease-out 0.12s);
|
||||
}
|
||||
.hover-content {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 16px;
|
||||
left: 16px;
|
||||
@include transform(translateY(-50%));
|
||||
z-index: 2;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
margin-top: 4px;
|
||||
padding: 0 30px;
|
||||
@include transition(ease-out 0.12s);
|
||||
@include breakpoint-less(md) {
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
&:hover, &:focus {
|
||||
&:before {
|
||||
@include transform(scale(1));
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
img {
|
||||
@include transform(scale(1.04));
|
||||
}
|
||||
.hover-content {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hoverbox-2,
|
||||
.hoverbox-3 {
|
||||
.hover-content {
|
||||
color: $color-primary;
|
||||
h1,h2,h3,h4,h5,h6 { color: get-color("dark"); }
|
||||
a {
|
||||
&:not([class^='button']) {
|
||||
color: get-color("dark", 0.9);
|
||||
&:hover, &:focus { color: get-color("dark"); }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Hover box - Style 3 //
|
||||
//
|
||||
.hoverbox-3 {
|
||||
.hover-content {
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
bottom: 16px;
|
||||
left: 16px;
|
||||
@include transform(translateY(4px));
|
||||
z-index: 1;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
background: get-color("white", 0.9);
|
||||
backdrop-filter: blur(5px);
|
||||
padding: 30px;
|
||||
@include transition(ease-out 0.12s);
|
||||
@include breakpoint-less(md) {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
&:hover, &:focus {
|
||||
img {
|
||||
@include transform(scale(1.04));
|
||||
}
|
||||
.hover-content {
|
||||
@include transform(translateY(0));
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Hover box - Style 4 //
|
||||
//
|
||||
.hoverbox-4 {
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: get-color("dark", 0.4);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include transition(ease-out 0.12s);
|
||||
}
|
||||
.content,
|
||||
.hover-content {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
color: get-color("white", 0.7);
|
||||
@include transition(ease-out 0.12s);
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.hover-content {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
&:hover, &:focus {
|
||||
&:after {
|
||||
background: get-color("dark", 0.5);
|
||||
}
|
||||
img {
|
||||
@include transform(scale(1.04));
|
||||
}
|
||||
.content {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
.hover-content {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
.hoverbox-4 {
|
||||
&.center {
|
||||
.content,
|
||||
.hover-content {
|
||||
top: 50%;
|
||||
left: 0;
|
||||
@include transform(translateY(-50%));
|
||||
width: 100%;
|
||||
padding: 0 30px;
|
||||
}
|
||||
.hover-content {
|
||||
margin-top: 5px;
|
||||
}
|
||||
&:hover, &:focus {
|
||||
.content {
|
||||
margin-top: -5px;
|
||||
}
|
||||
.hover-content {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.bottom {
|
||||
.content,
|
||||
.hover-content {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
padding: 30px;
|
||||
}
|
||||
.hover-content {
|
||||
@include transform(translateY(5px));
|
||||
}
|
||||
&:hover, &:focus {
|
||||
.content {
|
||||
@include transform(translateY(-5px));
|
||||
}
|
||||
.hover-content {
|
||||
@include transform(translateY(0));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Hover box - Style 5 //
|
||||
//
|
||||
.hoverbox-5 {
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: get-color("dark", 0.4);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include transition(ease-out 0.12s);
|
||||
}
|
||||
.content,
|
||||
.hover-content {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
padding: 30px;
|
||||
color: get-color("white", 0.7);
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.content {
|
||||
top: 0;
|
||||
}
|
||||
.hover-content {
|
||||
bottom: 0;
|
||||
@include transform(translateY(5px));
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
@include transition(ease-out 0.12s);
|
||||
}
|
||||
&:hover, &:focus {
|
||||
&:after {
|
||||
background: get-color("dark", 0.5);
|
||||
}
|
||||
img {
|
||||
@include transform(scale(1.04));
|
||||
}
|
||||
.hover-content {
|
||||
@include transform(translateY(0));
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Hover box - Style 6 //
|
||||
//
|
||||
.hoverbox-6 {
|
||||
a {
|
||||
display: block;
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
background: get-color("white", 0.1);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include transition(ease-out 0.12s);
|
||||
}
|
||||
}
|
||||
.content {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: inline-block;
|
||||
background: get-color("white", 0.9);
|
||||
backdrop-filter: blur(5px);
|
||||
padding: 10px 16px;
|
||||
color: get-color("dark", 0.9);
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
margin: 0;
|
||||
color: get-color("dark", 0.9);
|
||||
}
|
||||
&.top {
|
||||
top: 16px;
|
||||
left: 16px;
|
||||
}
|
||||
&.center {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@include transform(translate(-50%, -50%));
|
||||
}
|
||||
&.bottom {
|
||||
bottom: 16px;
|
||||
left: 16px;
|
||||
}
|
||||
}
|
||||
&:hover, &:focus {
|
||||
a {
|
||||
&:before {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
img {
|
||||
@include transform(scale(1.04));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hoverbox-7 {
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
background-image: linear-gradient(0deg, get-color("dark", 0.5) 0%, get-color("dark", 0.1) 100%);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include transition(ease-out 0.12s);
|
||||
}
|
||||
.hover-content {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: get-color("white", 0.7);
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: white;
|
||||
}
|
||||
.top {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
-webkit-transform: translateY(5px);
|
||||
transform: translateY(5px);
|
||||
opacity: 0;
|
||||
padding: 30px;
|
||||
@include transition(ease-out 0.12s);
|
||||
}
|
||||
.bottom {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
-webkit-transform: translateY(5px);
|
||||
transform: translateY(5px);
|
||||
opacity: 0;
|
||||
padding: 30px;
|
||||
@include transition(ease-out 0.12s);
|
||||
}
|
||||
}
|
||||
&:hover, &:focus {
|
||||
&:before {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
img {
|
||||
@include transform(scale(1.04));
|
||||
}
|
||||
.hover-content {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
.top, .bottom {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
.top { @include transition-delay(0.05s); }
|
||||
.bottom { @include transition-delay(0.10s); }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hoverbox-1,
|
||||
.hoverbox-2,
|
||||
.hoverbox-4,
|
||||
.hoverbox-5,
|
||||
.hoverbox-7 {
|
||||
a {
|
||||
&:not([class^='button']) {
|
||||
color: get-color("white", 0.7);
|
||||
&:hover, &:focus { color: white; }
|
||||
}
|
||||
}
|
||||
a {
|
||||
&.button-text-1,
|
||||
&.button-text-2,
|
||||
&.button-text-3 {
|
||||
color: get-color("white", 0.8);
|
||||
&:hover {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
&.button-text-1 {
|
||||
&:before { background: get-color("white", 0.3); }
|
||||
&:after { background: white; }
|
||||
}
|
||||
&.button-text-2 {
|
||||
&:before { background: get-color("white", 0.4); }
|
||||
&:after { background: white; }
|
||||
}
|
||||
&.button-text-3 {
|
||||
&:before { background: get-color("white", 0.8); }
|
||||
&:hover {
|
||||
&:before { background: white; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
180
assets/css/scss/elements/_lightbox.scss
Normal file
180
assets/css/scss/elements/_lightbox.scss
Normal file
@@ -0,0 +1,180 @@
|
||||
//
|
||||
// Lightbox Styles //
|
||||
//
|
||||
.lightbox-image-box,
|
||||
.lightbox-media-box {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
&[class*='border-radius'] {
|
||||
@include transform(translate3d(0,0,0));
|
||||
}
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
background: get-color("dark", 0.1);
|
||||
@include transition(ease-out 0.12s);
|
||||
}
|
||||
img {
|
||||
@include transform(scale(1));
|
||||
@include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
|
||||
}
|
||||
i {
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@include transform(translate(-50%, -50%));
|
||||
background: get-color("dark", 0.6);
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
color: get-color("white", 0.9);
|
||||
@include transition(ease-out 0.16s);
|
||||
}
|
||||
&.icon-xl, &.icon-2xl {
|
||||
i {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
}
|
||||
}
|
||||
&.icon-3xl, &.icon-4xl, &.icon-5xl {
|
||||
i {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
&:after {
|
||||
opacity: 1;
|
||||
}
|
||||
img {
|
||||
@include transform(scale(1.04));
|
||||
}
|
||||
i {
|
||||
@include transform(translate(-50%, -50%) scale(0.94));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mfp-bg {
|
||||
background: black;
|
||||
}
|
||||
.mfp-container,
|
||||
.mfp-bg {
|
||||
opacity: 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
@include transition(ease-out 0.16s);
|
||||
}
|
||||
.mfp-container {
|
||||
@include transform(scale(0.98));
|
||||
padding: 0 20px;
|
||||
}
|
||||
.mfp-ready {
|
||||
.mfp-container {
|
||||
@include transform(scale(1));
|
||||
opacity: 1;
|
||||
}
|
||||
&.mfp-bg {
|
||||
opacity: 0.97;
|
||||
}
|
||||
}
|
||||
.mfp-removing {
|
||||
.mfp-container,
|
||||
&.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-container {
|
||||
@include transform(scale(0.98));
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
&.mfp-close {
|
||||
display: block;
|
||||
top: -5px;
|
||||
opacity: 1;
|
||||
width: auto;
|
||||
height: auto;
|
||||
line-height: auto;
|
||||
font-size: 24px;
|
||||
@include transition(linear 0.1s);
|
||||
&:hover {
|
||||
top: -5px;
|
||||
opacity: 1;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.mfp-iframe-holder {
|
||||
.mfp-close {
|
||||
top: -45px;
|
||||
&:hover { top: -45px; }
|
||||
}
|
||||
}
|
||||
.mfp-close-btn-in {
|
||||
.mfp-close {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
}
|
||||
|
||||
.mfp-arrow {
|
||||
@include transition(linear 0.1s);
|
||||
}
|
||||
.mfp-arrow-left {
|
||||
&:before { border-right: 0; }
|
||||
}
|
||||
.mfp-arrow-right {
|
||||
&:before { border-left: 0; }
|
||||
}
|
||||
|
||||
@include breakpoint-less(xs) {
|
||||
button.mfp-arrow {
|
||||
background: get-color("dark", 0.5);
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
margin-top: -35px;
|
||||
&:active {
|
||||
margin-top: -35px;
|
||||
}
|
||||
}
|
||||
button.mfp-arrow-left {
|
||||
margin-left: 20px;
|
||||
&:before, &:after {
|
||||
margin-top: 15px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
button.mfp-arrow-right {
|
||||
margin-right: 20px;
|
||||
&:before, &:after {
|
||||
margin-top: 15px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mfp-bottom-bar {
|
||||
margin-top: -30px;
|
||||
.mfp-title {
|
||||
color: get-color("white", 0.7);
|
||||
}
|
||||
.mfp-counter {
|
||||
color: get-color("white", 0.6);
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.mfp-iframe-scaler iframe, .mfp-figure::after {
|
||||
@include box-shadow(0 0 14px 0 rgba(0,0,0,0.3));
|
||||
}
|
||||
16
assets/css/scss/elements/_map.scss
Normal file
16
assets/css/scss/elements/_map.scss
Normal file
@@ -0,0 +1,16 @@
|
||||
//
|
||||
// Google Map Styles //
|
||||
//
|
||||
.gmap { width: 100%; }
|
||||
.gmap-xs { height: 300px; }
|
||||
.gmap-sm { height: 350px; }
|
||||
.gmap-md { height: 400px; }
|
||||
.gmap-lg { height: 470px; }
|
||||
.gmap-xl { height: 550px; }
|
||||
@include breakpoint-less(md) {
|
||||
.gmap-xs { height: 250px; }
|
||||
.gmap-sm { height: 300px; }
|
||||
.gmap-md { height: 350px; }
|
||||
.gmap-lg { height: 400px; }
|
||||
.gmap-xl { height: 450px; }
|
||||
}
|
||||
34
assets/css/scss/elements/_page-scroll-progress.scss
Normal file
34
assets/css/scss/elements/_page-scroll-progress.scss
Normal file
@@ -0,0 +1,34 @@
|
||||
//
|
||||
// Page Scroll Progress //
|
||||
//
|
||||
.page-progress-container {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
}
|
||||
.page-progress-bar {
|
||||
height: 4px;
|
||||
width: 0%;
|
||||
background-image: $gradient-1;
|
||||
&.page-progress-gradient-2 {
|
||||
background-image: $gradient-2;
|
||||
}
|
||||
&.page-progress-gradient-3 {
|
||||
background-image: $gradient-3;
|
||||
}
|
||||
&.page-progress-gradient-4 {
|
||||
background-image: $gradient-4;
|
||||
}
|
||||
&.page-progress-gradient-5 {
|
||||
background-image: $gradient-5;
|
||||
}
|
||||
&.page-progress-gradient-6 {
|
||||
background-image: $gradient-6;
|
||||
}
|
||||
&.page-progress-gradient-7 {
|
||||
background-image: $gradient-7;
|
||||
}
|
||||
}
|
||||
22
assets/css/scss/elements/_pie-chart.scss
Normal file
22
assets/css/scss/elements/_pie-chart.scss
Normal file
@@ -0,0 +1,22 @@
|
||||
//
|
||||
// Pie Chart styles //
|
||||
//
|
||||
.pie-chart {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
.pie-chart-content {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
@include transform(translateY(-50%));
|
||||
width: 100%;
|
||||
margin-top: -3px;
|
||||
padding: 0 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.pie-chart-content .percent {
|
||||
&::after {
|
||||
content: '%';
|
||||
}
|
||||
}
|
||||
5
assets/css/scss/elements/_post-content.scss
Normal file
5
assets/css/scss/elements/_post-content.scss
Normal file
@@ -0,0 +1,5 @@
|
||||
.post-content {
|
||||
p {
|
||||
line-height: 2rem;
|
||||
}
|
||||
}
|
||||
109
assets/css/scss/elements/_progress-bar.scss
Normal file
109
assets/css/scss/elements/_progress-bar.scss
Normal file
@@ -0,0 +1,109 @@
|
||||
//
|
||||
// Animated Progress bar Styles //
|
||||
//
|
||||
.progress-box {
|
||||
* {
|
||||
margin: 0;
|
||||
}
|
||||
.animated-progress {
|
||||
position: relative;
|
||||
background: get-color("dark", 0.1);
|
||||
height: 5px;
|
||||
margin-top: 2px;
|
||||
border-radius: 3px;
|
||||
div {
|
||||
position: absolute;
|
||||
display: block;
|
||||
background: get-color("dark");
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
border-radius: 3px;
|
||||
color: get-color("dark");
|
||||
@include transition(width 0.7s cubic-bezier(0.165, 0.84, 0.44, 1));
|
||||
@include transition-delay(0.1s);
|
||||
&::after {
|
||||
content: attr(data-progress) '%';
|
||||
position: absolute;
|
||||
top: -24px;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.progress-blue {
|
||||
.animated-progress {
|
||||
div {
|
||||
background: $bg-color-blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.progress-purple {
|
||||
.animated-progress {
|
||||
div {
|
||||
background: $bg-color-purple;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.progress-pink-edge {
|
||||
.animated-progress {
|
||||
div {
|
||||
background: $bg-color-pink-edge;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.progress-golden-yellow {
|
||||
.animated-progress {
|
||||
div {
|
||||
background: $bg-color-golden-yellow;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.progress-very-peri {
|
||||
.animated-progress {
|
||||
div {
|
||||
background: $bg-color-very-peri;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.progress-turquoise {
|
||||
.animated-progress {
|
||||
div {
|
||||
background: $bg-color-turquoise;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.progress-spring-red {
|
||||
.animated-progress {
|
||||
div {
|
||||
background: $bg-color-spring-red;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.progress-tan {
|
||||
.animated-progress {
|
||||
div {
|
||||
background: $bg-color-tan;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.progress-aqua {
|
||||
.animated-progress {
|
||||
div {
|
||||
background: $bg-color-aqua;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
.progress-box {
|
||||
.animated-progress {
|
||||
background: get-color("white", 0.3);
|
||||
div {
|
||||
background: white;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
98
assets/css/scss/elements/_section-divider.scss
Normal file
98
assets/css/scss/elements/_section-divider.scss
Normal file
@@ -0,0 +1,98 @@
|
||||
//
|
||||
// Section Dividers //
|
||||
//
|
||||
[class*='section-divider-'] {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
.section-divider-waves-top {
|
||||
&:before {
|
||||
top: -1px;
|
||||
left: 0;
|
||||
@include transform(rotate(180deg));
|
||||
background-image: url(../../assets/svg/waves.svg);
|
||||
background-size: 100% 100%;
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
}
|
||||
}
|
||||
.section-divider-waves-bottom {
|
||||
&:before {
|
||||
bottom: -1px;
|
||||
left: 0;
|
||||
background-image: url(../../assets/svg/waves.svg);
|
||||
background-size: 100% 100%;
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
}
|
||||
}
|
||||
.section-divider-wavesOpacity-top {
|
||||
&:before {
|
||||
top: -1px;
|
||||
left: -5%;
|
||||
background-image: url(../../assets/svg/wavesOpacity.svg);
|
||||
background-size: 100% 100%;
|
||||
width: 110%;
|
||||
height: 70px;
|
||||
}
|
||||
}
|
||||
.section-divider-wavesOpacity-bottom {
|
||||
&:before {
|
||||
bottom: -1px;
|
||||
left: -5%;
|
||||
@include transform(rotate(180deg));
|
||||
background-image: url(../../assets/svg/wavesOpacity.svg);
|
||||
background-size: 100% 100%;
|
||||
width: 110%;
|
||||
height: 70px;
|
||||
}
|
||||
}
|
||||
.section-divider-curve-top {
|
||||
&:before {
|
||||
top: 0;
|
||||
left: -5%;
|
||||
@include transform(rotate(180deg));
|
||||
background-image: url(../../assets/svg/curve.svg);
|
||||
background-size: 100% 100%;
|
||||
width: 110%;
|
||||
height: 60px;
|
||||
}
|
||||
}
|
||||
.section-divider-curve-bottom {
|
||||
&:before {
|
||||
bottom: 0;
|
||||
left: -5%;
|
||||
background-image: url(../../assets/svg/curve.svg);
|
||||
background-size: 100% 100%;
|
||||
width: 110%;
|
||||
height: 60px;
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(md) {
|
||||
.section-divider-waves-top,
|
||||
.section-divider-waves-bottom {
|
||||
&:before {
|
||||
left: -20%;
|
||||
width: 140%;
|
||||
height: 50px;
|
||||
}
|
||||
}
|
||||
.section-divider-wavesOpacity-top,
|
||||
.section-divider-wavesOpacity-bottom {
|
||||
&:before {
|
||||
left: -25%;
|
||||
width: 150%;
|
||||
height: 50px;
|
||||
}
|
||||
}
|
||||
.section-divider-curve-top,
|
||||
.section-divider-curve-bottom {
|
||||
&:before {
|
||||
height: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
715
assets/css/scss/elements/_slider.scss
Normal file
715
assets/css/scss/elements/_slider.scss
Normal file
@@ -0,0 +1,715 @@
|
||||
//
|
||||
// Slider styles //
|
||||
//
|
||||
.owl-carousel {
|
||||
&[data-owl-nav="true"] {
|
||||
&:not([class*='owl-nav-']) {
|
||||
padding: 0 56px;
|
||||
@include breakpoint-less(md) {
|
||||
padding: 0 48px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.owl-item {
|
||||
img { width: auto; }
|
||||
}
|
||||
.owl-nav {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
left: 0;
|
||||
@include transform(translateY(-50%));
|
||||
z-index: -1;
|
||||
height: 36px;
|
||||
button {
|
||||
&.owl-prev { left: 0; }
|
||||
&.owl-next { right: 0; }
|
||||
&.owl-next, &.owl-prev {
|
||||
position: absolute;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 50%;
|
||||
color: get-color("dark", 0.6);
|
||||
@include transition(ease-out 0.16s);
|
||||
i {
|
||||
font-size: 1.3em;
|
||||
line-height: 36px;
|
||||
}
|
||||
&:hover, &:focus {
|
||||
background: $bg-gray;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(md) {
|
||||
height: 32px;
|
||||
button {
|
||||
&.owl-next, &.owl-prev {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
i {
|
||||
font-size: 1em;
|
||||
line-height: 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.owl-nav-left, &.owl-nav-right {
|
||||
.owl-nav {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
.owl-dots {
|
||||
margin-top: 20px;
|
||||
margin-right: -2px;
|
||||
margin-left: -2px;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
@include breakpoint-less(md) {
|
||||
margin-top: 16px;
|
||||
}
|
||||
.owl-dot {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0 2px;
|
||||
vertical-align: middle;
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
@include transition(ease-out 0.16s);
|
||||
}
|
||||
&:before {
|
||||
top: 2px;
|
||||
right: 2px;
|
||||
bottom: 2px;
|
||||
left: 2px;
|
||||
opacity: 0;
|
||||
background: transparent;
|
||||
border: 1px solid black;
|
||||
}
|
||||
&:after {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@include transform(translate(-50%,-50%));
|
||||
opacity: 0.3;
|
||||
background: black;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
&:hover, &:focus, &.active {
|
||||
&:after {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
&:before, &:after {
|
||||
opacity: 1;
|
||||
}
|
||||
&:before {
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:not([data-owl-dots="false"], [class*='owl-dots-over']) {
|
||||
.owl-nav {
|
||||
margin-top: -20px;
|
||||
@include breakpoint-less(md) {
|
||||
margin-top: -18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
.owl-carousel {
|
||||
&:not([class*='owl-dots-over'], [class*='owl-nav-over']) {
|
||||
.owl-nav {
|
||||
button {
|
||||
&.owl-next, &.owl-prev {
|
||||
color: get-color("white", 0.7);
|
||||
&:hover, &:focus {
|
||||
background: get-color("white", 0.15);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.owl-dots {
|
||||
.owl-dot {
|
||||
&:before { border-color: white; }
|
||||
&:after { background: white; opacity: 0.5; }
|
||||
&:hover, &:focus, &.active {
|
||||
&:after {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
[class*='bg-gray'],
|
||||
[class*='bg-light'] {
|
||||
.owl-carousel {
|
||||
.owl-nav {
|
||||
button {
|
||||
&.owl-next, &.owl-prev {
|
||||
&:hover, &:focus {
|
||||
background: get-color("dark", 0.05);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Owl Nav - Left, Right //
|
||||
//
|
||||
.owl-carousel {
|
||||
&.owl-nav-left,
|
||||
&.owl-nav-right {
|
||||
.owl-nav {
|
||||
height: auto;
|
||||
button {
|
||||
position: static;
|
||||
display: block;
|
||||
margin: 8px 0;
|
||||
&.owl-prev, &.owl-next {
|
||||
right: auto;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.owl-nav-left {
|
||||
padding: 0 0 0 56px;
|
||||
@include breakpoint-less(md) {
|
||||
padding: 0 0 0 48px;
|
||||
}
|
||||
.owl-nav {
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
&.owl-nav-right {
|
||||
padding: 0 56px 0 0;
|
||||
@include breakpoint-less(md) {
|
||||
padding: 0 48px 0 0;
|
||||
}
|
||||
.owl-nav {
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Owl Nav Overlay //
|
||||
//
|
||||
.owl-carousel {
|
||||
&.owl-nav-overlay {
|
||||
.owl-nav {
|
||||
z-index: 1;
|
||||
padding-bottom: 0;
|
||||
button {
|
||||
&.owl-next, &.owl-prev {
|
||||
opacity: 1;
|
||||
background: get-color("dark", 0.3);
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border: 0;
|
||||
border-radius: 50%;
|
||||
color: get-color("white", 0.8);
|
||||
text-align: center;
|
||||
i {
|
||||
line-height: 50px;
|
||||
}
|
||||
&:hover, &:focus {
|
||||
opacity: 1;
|
||||
background: get-color("dark", 0.4);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-above(lg) {
|
||||
.owl-nav {
|
||||
opacity: 0;
|
||||
@include transition(ease-out 0.16s);
|
||||
}
|
||||
&:hover {
|
||||
.owl-nav { opacity: 1; }
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(md) {
|
||||
.owl-nav {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.owl-nav-overlay {
|
||||
.owl-nav {
|
||||
height: 50px;
|
||||
button {
|
||||
&.owl-prev { left: 20px; }
|
||||
&.owl-next { right: 20px; }
|
||||
}
|
||||
}
|
||||
&:not([data-owl-dots="false"], [class*='owl-dots-over']) {
|
||||
.owl-nav {
|
||||
margin-top: -20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Owl Dots - Left, Right //
|
||||
//
|
||||
.owl-carousel {
|
||||
&.owl-dots-left {
|
||||
.owl-dots { text-align: left; }
|
||||
}
|
||||
&.owl-dots-right {
|
||||
.owl-dots { text-align: right; }
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Owl Dots Overlay //
|
||||
//
|
||||
.owl-carousel {
|
||||
&.owl-dots-overlay {
|
||||
.owl-dots {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
background: get-color("dark", 0.3);
|
||||
border-radius: 20px;
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
@include breakpoint-less(md) {
|
||||
bottom: 16px;
|
||||
}
|
||||
.owl-dot {
|
||||
&:before { border-color: white; }
|
||||
&:after { background: white; opacity: 0.5; }
|
||||
&:hover, &:focus, &.active {
|
||||
&:after {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.owl-dots-overlay {
|
||||
.owl-dots {
|
||||
right: auto;
|
||||
left: 50%;
|
||||
@include transform(translateX(-50%));
|
||||
}
|
||||
&.owl-nav-overlap-right {
|
||||
.owl-dots {
|
||||
margin-left: -12.5px;
|
||||
}
|
||||
}
|
||||
&.owl-nav-left {
|
||||
.owl-dots {
|
||||
margin-left: 28px;
|
||||
}
|
||||
}
|
||||
&.owl-nav-right {
|
||||
.owl-dots {
|
||||
margin-left: -28px;
|
||||
}
|
||||
}
|
||||
@include breakpoint-above(lg) {
|
||||
&.owl-nav-overlap-left {
|
||||
.owl-dots {
|
||||
margin-left: 12.5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(md) {
|
||||
&.owl-nav-overlap-left, &.owl-nav-overlap-right {
|
||||
.owl-dots {
|
||||
margin-left: -10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Owl Dots Overlap //
|
||||
//
|
||||
.owl-carousel {
|
||||
&.owl-dots-overlap,
|
||||
&.owl-dots-overlap-left,
|
||||
&.owl-dots-overlap-right {
|
||||
.owl-dots {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
background: white;
|
||||
border-radius: 20px;
|
||||
@include box-shadow(0 6px 30px 0 rgba(22,24,26,0.13));
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
&:hover, &:focus {
|
||||
@include box-shadow(0 6px 36px 0 rgba(22,24,26,0.19));
|
||||
}
|
||||
.owl-dot {
|
||||
&:before { border-color: get-color("dark"); }
|
||||
&:after { background: get-color("dark"); opacity: 0.3; }
|
||||
&:hover, &:focus, &.active {
|
||||
&:after {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.owl-dots-overlap {
|
||||
.owl-dots {
|
||||
right: auto;
|
||||
left: 50%;
|
||||
@include transform(translateY(50%) translateX(-50%));
|
||||
}
|
||||
&.owl-nav-left {
|
||||
.owl-dots {
|
||||
margin-left: 28px;
|
||||
}
|
||||
}
|
||||
&.owl-nav-right {
|
||||
.owl-dots {
|
||||
margin-left: -28px;
|
||||
}
|
||||
}
|
||||
&.owl-nav-overlap-right {
|
||||
.owl-dots {
|
||||
margin-left: -12.5px;
|
||||
}
|
||||
}
|
||||
@include breakpoint-above(lg) {
|
||||
&.owl-nav-overlap-left {
|
||||
.owl-dots {
|
||||
margin-left: 12.5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.owl-dots-overlap-left,
|
||||
&.owl-dots-overlap-right {
|
||||
.owl-dots {
|
||||
@include transform(translateY(50%));
|
||||
}
|
||||
}
|
||||
&.owl-dots-overlap-left {
|
||||
.owl-dots {
|
||||
right: auto;
|
||||
left: 20px;
|
||||
@include breakpoint-less(md) {
|
||||
left: 16px;
|
||||
}
|
||||
}
|
||||
&[data-owl-nav="true"], &.owl-nav-left {
|
||||
&:not(.owl-nav-right, [class*='owl-nav-over']) {
|
||||
.owl-dots {
|
||||
left: 76px;
|
||||
@include breakpoint-less(md) {
|
||||
left: 64px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.owl-nav-overlap {
|
||||
.owl-dots {
|
||||
left: 45px;
|
||||
}
|
||||
}
|
||||
@include breakpoint-above(lg) {
|
||||
&.owl-nav-overlap-left {
|
||||
.owl-dots {
|
||||
left: 45px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.owl-dots-overlap-right {
|
||||
.owl-dots {
|
||||
right: 20px;
|
||||
left: auto;
|
||||
@include breakpoint-less(md) {
|
||||
right: 16px;
|
||||
}
|
||||
}
|
||||
&[data-owl-nav="true"], &.owl-nav-right {
|
||||
&:not(.owl-nav-left, [class*='owl-nav-over']) {
|
||||
.owl-dots {
|
||||
right: 76px;
|
||||
@include breakpoint-less(md) {
|
||||
right: 64px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.owl-nav-overlap, &.owl-nav-overlap-right {
|
||||
.owl-dots {
|
||||
right: 45px;
|
||||
@include breakpoint-less(md) {
|
||||
right: 36px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Owl Nav Overlap //
|
||||
//
|
||||
.owl-carousel {
|
||||
&.owl-nav-overlap {
|
||||
padding: 0 25px;
|
||||
.owl-nav {
|
||||
right: 25px;
|
||||
left: 25px;
|
||||
z-index: 1;
|
||||
height: 50px;
|
||||
button {
|
||||
opacity: 1;
|
||||
background: white;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
@include box-shadow(0 10px 36px 0 rgba(22,24,26,0.13));
|
||||
color: get-color("dark");
|
||||
&.owl-prev {
|
||||
right: auto;
|
||||
left: 0;
|
||||
@include transform(translateX(-50%));
|
||||
}
|
||||
&.owl-next {
|
||||
right: 0;
|
||||
left: auto;
|
||||
@include transform(translateX(50%));
|
||||
}
|
||||
&:hover, &:focus {
|
||||
opacity: 1;
|
||||
background: white;
|
||||
color: get-color("dark");
|
||||
@include box-shadow(0 10px 40px 0 rgba(22,24,26,0.19));
|
||||
}
|
||||
}
|
||||
}
|
||||
&:not([data-owl-dots="false"], [class*='owl-dots-over']) {
|
||||
.owl-nav {
|
||||
margin-top: -20px;
|
||||
@include breakpoint-less(md) {
|
||||
margin-top: -18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(md) {
|
||||
padding: 0 20px;
|
||||
.owl-nav {
|
||||
right: 20px;
|
||||
left: 20px;
|
||||
height: 40px;
|
||||
button.owl-prev,
|
||||
button.owl-next {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.owl-nav-overlap-left {
|
||||
@include breakpoint-above(lg) {
|
||||
padding: 0 0 0 25px;
|
||||
.owl-nav {
|
||||
left: 25px;
|
||||
right: auto;
|
||||
@include transform(translateY(-50%) translateX(-50%));
|
||||
}
|
||||
}
|
||||
}
|
||||
&.owl-nav-overlap-right {
|
||||
padding: 0 25px 0 0;
|
||||
.owl-nav {
|
||||
left: auto;
|
||||
right: 25px;
|
||||
@include transform(translateY(-50%) translateX(50%));
|
||||
}
|
||||
}
|
||||
&.owl-nav-overlap-left,
|
||||
&.owl-nav-overlap-right {
|
||||
.owl-nav {
|
||||
z-index: 1;
|
||||
width: 50px;
|
||||
height: auto;
|
||||
padding-bottom: 0;
|
||||
button.owl-prev,
|
||||
button.owl-next {
|
||||
position: static;
|
||||
right: 0;
|
||||
left: 0;
|
||||
opacity: 1;
|
||||
background: white;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin: 4px 0;
|
||||
border-radius: 50%;
|
||||
@include box-shadow(0 10px 36px 0 rgba(22,24,26,0.13));
|
||||
color: get-color("dark");
|
||||
&:hover, &:focus {
|
||||
opacity: 1;
|
||||
background: white;
|
||||
@include box-shadow(0 10px 40px 0 rgba(22,24,26,0.19));
|
||||
color: get-color("dark");
|
||||
}
|
||||
}
|
||||
}
|
||||
&:not([data-owl-dots="false"], [class*='owl-dots-over']) {
|
||||
.owl-nav {
|
||||
margin-top: -20px;
|
||||
@include breakpoint-less(md) {
|
||||
margin-top: -18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(md) {
|
||||
padding: 0 20px 0 0;
|
||||
.owl-nav {
|
||||
left: auto;
|
||||
right: 20px;
|
||||
@include transform(translateY(-50%) translateX(50%));
|
||||
width: 40px;
|
||||
button.owl-prev,
|
||||
button.owl-next {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Swiper //
|
||||
//
|
||||
.hero-portfolio-slider {
|
||||
@include breakpoint-less(md) {
|
||||
padding: 0 30px;
|
||||
}
|
||||
.swiper-wrapper {
|
||||
.swiper-slide {
|
||||
@include transform(scale(0.9));
|
||||
opacity: 0.9;
|
||||
@include transition(ease-in 0.16s);
|
||||
&.swiper-slide-active {
|
||||
@include transform(scale(1));
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
.swiper-pagination {
|
||||
.swiper-pagination-bullet {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
opacity: 1;
|
||||
background: transparent;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0 2px;
|
||||
vertical-align: middle;
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
@include transition(ease-out 0.16s);
|
||||
}
|
||||
&:before {
|
||||
top: 2px;
|
||||
right: 2px;
|
||||
bottom: 2px;
|
||||
left: 2px;
|
||||
opacity: 0;
|
||||
background: transparent;
|
||||
border: 1px solid black;
|
||||
}
|
||||
&:after {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@include transform(translate(-50%,-50%));
|
||||
opacity: 0.3;
|
||||
background: black;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
&:hover, &:focus, &.swiper-pagination-bullet-active {
|
||||
&:after {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
&.swiper-pagination-bullet-active {
|
||||
&:before, &:after {
|
||||
opacity: 1;
|
||||
}
|
||||
&:before {
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.swiper-pagination-horizontal {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
left: 50%;
|
||||
@include transform(translateX(-50%));
|
||||
background: get-color("dark", 0.3);
|
||||
width: auto;
|
||||
border-radius: 20px;
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
@include breakpoint-less(md) {
|
||||
bottom: 16px;
|
||||
}
|
||||
.swiper-pagination-bullet {
|
||||
&:before { border-color: white; }
|
||||
&:after { background: white; opacity: 0.5; }
|
||||
&:hover, &:focus, &.swiper-pagination-bullet-active {
|
||||
&:after {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Sliding Text //
|
||||
//
|
||||
.sliding-text,
|
||||
.sliding-text-reverse {
|
||||
.swiper-slide {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
.sliding-boxes .swiper-wrapper,
|
||||
.sliding-text .swiper-wrapper,
|
||||
.sliding-text-reverse .swiper-wrapper {
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
129
assets/css/scss/elements/_team.scss
Normal file
129
assets/css/scss/elements/_team.scss
Normal file
@@ -0,0 +1,129 @@
|
||||
//
|
||||
// Team Styles //
|
||||
//
|
||||
.team-wrapper {
|
||||
.team-box {
|
||||
text-align: center;
|
||||
.team-img {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin-bottom: 20px;
|
||||
img {
|
||||
@include transform(scale(1));
|
||||
width: 100%;
|
||||
@include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
|
||||
}
|
||||
div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
background: get-color("dark", 0.4);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
@include transition(ease-out 0.12s);
|
||||
ul {
|
||||
list-style-type: none;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
left: 0;
|
||||
@include transform(translateY(-50%) scale(0.96));
|
||||
margin: 0 -7px;
|
||||
padding: 0 30px;
|
||||
@include transition(ease-out 0.12s);
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 7px;
|
||||
a {
|
||||
&:not([class^='button'], [class^="link-social"]) {
|
||||
color: white;
|
||||
&:hover {
|
||||
color: get-color("white", 0.7);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
img {
|
||||
@include transform(scale(1.04));
|
||||
@include filter(blur(1.5px));
|
||||
}
|
||||
div {
|
||||
opacity: 1;
|
||||
ul {
|
||||
@include transform(translateY(-50%) scale(1));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
span {
|
||||
color: $color-primary-lighter;
|
||||
}
|
||||
}
|
||||
&.team-box-hover-2 {
|
||||
.team-box {
|
||||
.team-img {
|
||||
div {
|
||||
top: auto;
|
||||
bottom: 16px;
|
||||
right: 16px;
|
||||
left: 16px;
|
||||
@include transform(translateY(5px));
|
||||
background: white;
|
||||
width: auto;
|
||||
height: auto;
|
||||
padding: 15px 20px;
|
||||
ul {
|
||||
position: static;
|
||||
top: auto;
|
||||
@include transform(translateY(0) scale(1));
|
||||
padding: 0;
|
||||
li {
|
||||
a {
|
||||
&:not([class^='button'], [class^="link-social"]) {
|
||||
color: $color-primary;
|
||||
&:hover, &:focus { color: get-color("dark"); }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
img {
|
||||
@include filter(blur(0));
|
||||
}
|
||||
div {
|
||||
@include transform(translateY(0));
|
||||
ul {
|
||||
@include transform(translateY(0) scale(1));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&[class*='border-radius'] {
|
||||
.team-box {
|
||||
.team-img {
|
||||
@include transform(translate3d(0,0,0));
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.border-radius {
|
||||
.team-box .team-img { border-radius: 0.4em; }
|
||||
}
|
||||
&.border-radius-1 {
|
||||
.team-box .team-img { border-radius: 1.0em; }
|
||||
}
|
||||
}
|
||||
.text-start {
|
||||
.team-box { text-align: left; }
|
||||
}
|
||||
.text-end {
|
||||
.team-box { text-align: right; }
|
||||
}
|
||||
125
assets/css/scss/elements/_testimonial.scss
Normal file
125
assets/css/scss/elements/_testimonial.scss
Normal file
@@ -0,0 +1,125 @@
|
||||
//
|
||||
// Testimonial Styles //
|
||||
//
|
||||
.testimonial-box {
|
||||
max-width: 730px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
//
|
||||
// Testimonial Grid //
|
||||
//
|
||||
.testimonial-grid {
|
||||
overflow: hidden;
|
||||
|
||||
&.column-2 {
|
||||
@include breakpoint-above(lg) {
|
||||
.testimonial-grid-box {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.column-1 {
|
||||
.testimonial-grid-box {
|
||||
width: 100%;
|
||||
padding: 30px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.testimonial-grid-box {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 33.3%;
|
||||
padding: 30px;
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
}
|
||||
&:before {
|
||||
top: 0;
|
||||
left: -1px;
|
||||
height: 100%;
|
||||
border-left: 1px dashed get-color("dark", 0.1);
|
||||
}
|
||||
&:after {
|
||||
left: 0;
|
||||
bottom: -1px;
|
||||
width: 100%;
|
||||
border-bottom: 1px dashed get-color("dark", 0.1);
|
||||
}
|
||||
.testimonial-img {
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
.testimonial-content {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(md) {
|
||||
.testimonial-grid-box {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(sm) {
|
||||
.testimonial-grid-box {
|
||||
width: 100%;
|
||||
padding: 30px 0;
|
||||
}
|
||||
}
|
||||
//
|
||||
// Border Style - Solid //
|
||||
//
|
||||
&.border-style-solid {
|
||||
border: 0;
|
||||
.testimonial-grid-box {
|
||||
&:before { border-left-style: solid; }
|
||||
&:after { border-bottom-style: solid; }
|
||||
}
|
||||
}
|
||||
//
|
||||
// Border Style - Dotted //
|
||||
//
|
||||
&.border-style-dotted {
|
||||
border: 0;
|
||||
.testimonial-grid-box {
|
||||
&:before { border-left-style: dotted; }
|
||||
&:after { border-bottom-style: dotted; }
|
||||
}
|
||||
}
|
||||
//
|
||||
// Borderless //
|
||||
//
|
||||
&.border-0 {
|
||||
margin: -15px;
|
||||
.testimonial-grid-box {
|
||||
padding: 15px;
|
||||
&:before, &:after { border: 0; }
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(sm) {
|
||||
&.border-0 {
|
||||
margin: -15px 0;
|
||||
.testimonial-grid-box { padding: 15px 0; }
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
.testimonial-grid-box {
|
||||
&:before, &:after { border-color: get-color("white", 0.2); }
|
||||
}
|
||||
}
|
||||
240
assets/css/scss/elements/_text-link.scss
Normal file
240
assets/css/scss/elements/_text-link.scss
Normal file
@@ -0,0 +1,240 @@
|
||||
//
|
||||
// Text Link Styles //
|
||||
//
|
||||
|
||||
a {
|
||||
// color: #007bff;
|
||||
// color: get-color("dark", 0.8);
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: #0056b3;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.post-content {
|
||||
a {
|
||||
// color: #007bff;
|
||||
color: get-color("dark", 0.8);
|
||||
text-decoration: underline;
|
||||
&:hover {
|
||||
color: #0056b3;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
*[class*='text-link-'] {
|
||||
color: get-color("dark", 0.9);
|
||||
&:hover, &:focus {
|
||||
color: get-color("dark");
|
||||
}
|
||||
}
|
||||
.text-link-1 {
|
||||
&:hover { text-decoration: underline; }
|
||||
}
|
||||
.text-link-2 {
|
||||
position: relative;
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
background: get-color("dark", 0.9);
|
||||
width: 0;
|
||||
height: 1px;
|
||||
@include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1));
|
||||
}
|
||||
&:hover {
|
||||
&:before {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.text-link-2 {
|
||||
&:before { left: 0; }
|
||||
}
|
||||
.text-link-3 {
|
||||
position: relative;
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
left: 0;
|
||||
@include transform(translateY(3px));
|
||||
opacity: 0;
|
||||
background: get-color("dark", 0.9);
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
@include transition(linear 0.1s);
|
||||
}
|
||||
&:hover {
|
||||
&:before {
|
||||
@include transform(translateY(0));
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
.text-link-4 {
|
||||
position: relative;
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
height: 1px;
|
||||
@include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1));
|
||||
}
|
||||
&:before {
|
||||
left: 0;
|
||||
background: get-color("dark", 0.2);
|
||||
width: 100%;
|
||||
}
|
||||
&:after {
|
||||
background: get-color("dark", 0.9);
|
||||
width: 0;
|
||||
}
|
||||
&:hover {
|
||||
&:after {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.text-link-4 {
|
||||
&:after { left: 0; }
|
||||
}
|
||||
.text-link-5 {
|
||||
position: relative;
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
@include transition(linear 0.1s);
|
||||
}
|
||||
&:before {
|
||||
background: get-color("dark", 0.2);
|
||||
}
|
||||
&:after {
|
||||
opacity: 0;
|
||||
@include transform(translateY(3px));
|
||||
background: get-color("dark", 0.9);
|
||||
}
|
||||
&:hover {
|
||||
&:before {
|
||||
opacity: 0;
|
||||
}
|
||||
&:after {
|
||||
@include transform(translateY(0));
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
.text-link-6 {
|
||||
position: relative;
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
left: 0;
|
||||
background: get-color("dark", 0.2);
|
||||
width: 0;
|
||||
height: 6px;
|
||||
@include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1));
|
||||
}
|
||||
&:hover {
|
||||
&:before {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
*[class*='text-link-'] {
|
||||
color: get-color("white", 0.8);
|
||||
&:hover, &:focus {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.text-link-2, .text-link-3 {
|
||||
&:before { background: white; }
|
||||
}
|
||||
.text-link-4, .text-link-5 {
|
||||
&:before { background: get-color("white", 0.3); }
|
||||
&:after { background: white; }
|
||||
}
|
||||
.text-link-6 {
|
||||
&:before { background: get-color("white", 0.3); }
|
||||
}
|
||||
}
|
||||
|
||||
[class*='link-social-'] {
|
||||
&:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
.link-social-facebook {
|
||||
color: $color-facebook;
|
||||
&:hover {
|
||||
color: $color-facebook;
|
||||
}
|
||||
}
|
||||
.link-social-twitter {
|
||||
color: $color-twitter;
|
||||
&:hover {
|
||||
color: $color-twitter;
|
||||
}
|
||||
}
|
||||
.link-social-instagram {
|
||||
color: $color-instagram;
|
||||
&:hover {
|
||||
color: $color-instagram;
|
||||
}
|
||||
}
|
||||
.link-social-linkedin {
|
||||
color: $color-linkedin;
|
||||
&:hover {
|
||||
color: $color-linkedin;
|
||||
}
|
||||
}
|
||||
.link-social-youtube {
|
||||
color: $color-youtube;
|
||||
&:hover {
|
||||
color: $color-youtube;
|
||||
}
|
||||
}
|
||||
.link-social-pinterest {
|
||||
color: $color-pinterest;
|
||||
&:hover {
|
||||
color: $color-pinterest;
|
||||
}
|
||||
}
|
||||
.link-social-skype {
|
||||
color: $color-skype;
|
||||
&:hover {
|
||||
color: $color-skype;
|
||||
}
|
||||
}
|
||||
.link-social-dribbble {
|
||||
color: $color-dribbble;
|
||||
&:hover {
|
||||
color: $color-dribbble;
|
||||
}
|
||||
}
|
||||
.link-social-snapchat {
|
||||
color: $color-snapchat;
|
||||
&:hover {
|
||||
color: $color-snapchat;
|
||||
}
|
||||
}
|
||||
.link-social-whatsapp {
|
||||
color: $color-whatsapp;
|
||||
&:hover {
|
||||
color: $color-whatsapp;
|
||||
}
|
||||
}
|
||||
246
assets/css/scss/elements/_timeline.scss
Normal file
246
assets/css/scss/elements/_timeline.scss
Normal file
@@ -0,0 +1,246 @@
|
||||
//
|
||||
// Timeline Styles //
|
||||
//
|
||||
.timeline-wrapper {
|
||||
position: relative;
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
background: $border-gray;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
}
|
||||
.timeline {
|
||||
.timeline-date {
|
||||
position: relative;
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 31px;
|
||||
background: $border-gray;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 37px;
|
||||
background: get-color("dark");
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-above(lg) {
|
||||
.timeline-wrapper {
|
||||
position: relative;
|
||||
&:before {
|
||||
left: 50%;
|
||||
@include transform(translateX(-50%));
|
||||
}
|
||||
.timeline {
|
||||
position: relative;
|
||||
.timeline-date, .timeline-content {
|
||||
width: 50%;
|
||||
padding: 30px;
|
||||
}
|
||||
.timeline-date {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
text-align: right;
|
||||
&:before {
|
||||
right: -10px;
|
||||
}
|
||||
&:after {
|
||||
right: -4px;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
position: relative;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.timeline-content {
|
||||
margin-left: 50%;
|
||||
}
|
||||
&:nth-child(even) {
|
||||
.timeline-date {
|
||||
left: 50%;
|
||||
text-align: left;
|
||||
&:before {
|
||||
right: auto;
|
||||
left: -10px;
|
||||
}
|
||||
&:after {
|
||||
right: auto;
|
||||
left: -4px;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
.timeline-content {
|
||||
margin-left: 0;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
//
|
||||
// Timeline left //
|
||||
//
|
||||
&.timeline-left {
|
||||
&:before {
|
||||
left: 200px;
|
||||
@include transform(translateX(0));
|
||||
}
|
||||
.timeline {
|
||||
.timeline-date {
|
||||
width: 200px;
|
||||
padding: 30px 30px 0 0;
|
||||
}
|
||||
.timeline-content {
|
||||
width: auto;
|
||||
margin: 0 0 0 200px;
|
||||
padding: 30px 0 0 30px;
|
||||
text-align: left;
|
||||
}
|
||||
&:nth-child(even) {
|
||||
.timeline-date {
|
||||
left: auto;
|
||||
text-align: right;
|
||||
&:before {
|
||||
right: -10px;
|
||||
left: auto;
|
||||
}
|
||||
&:after {
|
||||
right: -4px;
|
||||
left: auto;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
.timeline-date, .timeline-content {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
//
|
||||
// Timeline Right //
|
||||
//
|
||||
&.timeline-right {
|
||||
&:before {
|
||||
right: 200px;
|
||||
left: auto;
|
||||
@include transform(translateX(0));
|
||||
}
|
||||
.timeline {
|
||||
.timeline-date {
|
||||
right: 0;
|
||||
left: auto;
|
||||
width: 200px;
|
||||
padding: 30px 0 0 30px;
|
||||
text-align: left;
|
||||
&:before {
|
||||
right: auto;
|
||||
left: -10px;
|
||||
}
|
||||
&:after {
|
||||
right: auto;
|
||||
left: -4px;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
.timeline-content {
|
||||
width: auto;
|
||||
margin: 0 200px 0 0;
|
||||
padding: 30px 30px 0 0;
|
||||
text-align: right;
|
||||
}
|
||||
&:nth-child(even) {
|
||||
.timeline-date {
|
||||
left: auto;
|
||||
text-align: left;
|
||||
&:before {
|
||||
left: -10px;
|
||||
}
|
||||
&:after {
|
||||
left: -4px;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
.timeline-date, .timeline-content {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
} // end Timeline Right //
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(md) {
|
||||
.timeline-wrapper {
|
||||
padding-left: 30px;
|
||||
&:before {
|
||||
left: 0;
|
||||
}
|
||||
.timeline {
|
||||
margin-bottom: 30px;
|
||||
&:first-child {
|
||||
padding-top: 30px;
|
||||
}
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.timeline-date {
|
||||
&:before {
|
||||
top: 1px;
|
||||
left: -40px;
|
||||
}
|
||||
&:after {
|
||||
top: 7px;
|
||||
left: -34px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint-less(xs) {
|
||||
.timeline-wrapper {
|
||||
padding-left: 20px;
|
||||
.timeline {
|
||||
.timeline-date {
|
||||
&:before { left: -30px; }
|
||||
&:after { left: -24px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
.timeline-wrapper {
|
||||
&:before { background: get-color("white", 0.2); }
|
||||
.timeline {
|
||||
.timeline-date {
|
||||
&:before { background: get-color("white", 0.2); }
|
||||
&:after { background: white; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
3
assets/css/scss/helpers/_custom.scss
Normal file
3
assets/css/scss/helpers/_custom.scss
Normal file
@@ -0,0 +1,3 @@
|
||||
//
|
||||
// Your Custom Styles //
|
||||
//
|
||||
97
assets/css/scss/helpers/_mixins.scss
Normal file
97
assets/css/scss/helpers/_mixins.scss
Normal file
@@ -0,0 +1,97 @@
|
||||
//
|
||||
// Mixins //
|
||||
//
|
||||
@mixin display-flex {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@mixin background-size($background-size) {
|
||||
-webkit-background-size: $background-size;
|
||||
-moz-background-size: $background-size;
|
||||
background-size: $background-size;
|
||||
}
|
||||
|
||||
@mixin box-shadow($box-shadow) {
|
||||
-webkit-box-shadow: $box-shadow;
|
||||
box-shadow: $box-shadow;
|
||||
}
|
||||
|
||||
@mixin text-shadow($text-shadow) {
|
||||
-webkit-text-shadow: $text-shadow;
|
||||
text-shadow: $text-shadow;
|
||||
}
|
||||
|
||||
@mixin filter($filter) {
|
||||
-webkit-filter: $filter;
|
||||
filter: $filter;
|
||||
}
|
||||
|
||||
@mixin transition($transition) {
|
||||
-webkit-transition: $transition;
|
||||
transition: $transition;
|
||||
}
|
||||
@mixin transition-delay($transition-delay) {
|
||||
-webkit-transition-delay: $transition-delay;
|
||||
transition-delay: $transition-delay;
|
||||
}
|
||||
@mixin transition-duration($transition-duration) {
|
||||
-webkit-transition-duration: $transition-duration;
|
||||
transition-duration: $transition-duration;
|
||||
}
|
||||
|
||||
@mixin transform($transform) {
|
||||
-webkit-transform: $transform;
|
||||
transform: $transform;
|
||||
}
|
||||
@mixin transform-origin($transform-origin) {
|
||||
-webkit-transform-origin: $transform-origin;
|
||||
transform-origin: $transform-origin;
|
||||
}
|
||||
|
||||
@mixin animation($animation) {
|
||||
-webkit-animation: $animation;
|
||||
animation: $animation;
|
||||
}
|
||||
@mixin animation-delay($animation-delay) {
|
||||
-webkit-animation-delay: $animation-delay;
|
||||
animation-delay: $animation-delay;
|
||||
}
|
||||
@mixin animation-fill-mode($animation-fill-mode) {
|
||||
-webkit-animation-fill-mode: $animation-fill-mode;
|
||||
animation-fill-mode: $animation-fill-mode;
|
||||
}
|
||||
|
||||
@mixin breakpoint-above($class) {
|
||||
@if $class == xs {
|
||||
@media (min-width: 0) { @content; }
|
||||
}
|
||||
@else if $class == sm {
|
||||
@media (min-width: 576px) { @content; }
|
||||
}
|
||||
@else if $class == md {
|
||||
@media (min-width: 768px) { @content; }
|
||||
}
|
||||
@else if $class == lg {
|
||||
@media (min-width: 992px) { @content; }
|
||||
}
|
||||
@else if $class == xl {
|
||||
@media (min-width: 1200px) { @content; }
|
||||
}
|
||||
}
|
||||
@mixin breakpoint-less($class) {
|
||||
@if $class == xs {
|
||||
@media (max-width: 575.98px) { @content; }
|
||||
}
|
||||
@else if $class == sm {
|
||||
@media (max-width: 767.98px) { @content; }
|
||||
}
|
||||
@else if $class == md {
|
||||
@media (max-width: 991.98px) { @content; }
|
||||
}
|
||||
@else if $class == lg {
|
||||
@media (max-width: 1199.98px) { @content; }
|
||||
}
|
||||
}
|
||||
464
assets/css/scss/helpers/_utilities.scss
Normal file
464
assets/css/scss/helpers/_utilities.scss
Normal file
@@ -0,0 +1,464 @@
|
||||
:root {
|
||||
--bs-dark-rgb: 24, 28, 32;
|
||||
--bs-border-color: get-color("dark", 0.1);
|
||||
}
|
||||
|
||||
//
|
||||
// Background colors //
|
||||
//
|
||||
@each $name, $rgb in $colors {
|
||||
@for $i from 1 through 9 {
|
||||
.bg-#{$name}-0#{$i} {
|
||||
background: rgba(nth($rgb, 1), nth($rgb, 2), nth($rgb, 3), $i * 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
@each $name, $rgb in $colors {
|
||||
@for $i from 1 through 9 {
|
||||
.bg-color-#{$name}-0#{$i} {
|
||||
background: rgba(nth($rgb, 1), nth($rgb, 2), nth($rgb, 3), $i * 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bg-dark-lighter { background: $bg-dark-lighter; }
|
||||
.bg-dark-lightest { background: $bg-dark-lightest; }
|
||||
.bg-dark { background: get-color("dark"); }
|
||||
.bg-gray { background: $bg-gray; }
|
||||
.bg-gray-lighter { background: $bg-gray-lighter; }
|
||||
.bg-gray-lightest { background: $bg-gray-lightest; }
|
||||
|
||||
//
|
||||
// Light Backgrounds //
|
||||
//
|
||||
.bg-light-blue { background: $bg-light-blue; }
|
||||
.bg-light-purple { background: $bg-light-purple; }
|
||||
.bg-light-pink-edge { background: $bg-light-pink-edge; }
|
||||
.bg-light-golden-yellow { background: $bg-light-golden-yellow; }
|
||||
.bg-light-very-peri { background: $bg-light-very-peri; }
|
||||
.bg-light-turquoise { background: $bg-light-turquoise; }
|
||||
.bg-light-spring-red { background: $bg-light-spring-red; }
|
||||
.bg-light-tan { background: $bg-light-tan; }
|
||||
.bg-light-aqua { background: $bg-light-aqua; }
|
||||
|
||||
//
|
||||
// Color Backgrounds //
|
||||
//
|
||||
.bg-color-blue { background: get-color("blue"); }
|
||||
.bg-color-purple { background: get-color("purple"); }
|
||||
.bg-color-golden-yellow { background: get-color("golden-yellow"); }
|
||||
.bg-color-pink-edge { background: get-color("pink-edge"); }
|
||||
.bg-color-very-peri { background: get-color("very-peri"); }
|
||||
.bg-color-turquoise { background: get-color("turquoise"); }
|
||||
.bg-color-spring-red { background: get-color("spring-red"); }
|
||||
.bg-color-tan { background: get-color("tan"); }
|
||||
.bg-color-aqua { background: get-color("aqua"); }
|
||||
|
||||
//
|
||||
// Gradient Backgrounds //
|
||||
//
|
||||
.bg-gradient-1 { background-image: $gradient-1; }
|
||||
.bg-gradient-2 { background-image: $gradient-2; }
|
||||
.bg-gradient-3 { background-image: $gradient-3; }
|
||||
.bg-gradient-4 { background-image: $gradient-4; }
|
||||
.bg-gradient-5 { background-image: $gradient-5; }
|
||||
.bg-gradient-6 { background-image: $gradient-6; }
|
||||
.bg-gradient-7 { background-image: $gradient-7; }
|
||||
|
||||
.bg-white-content {
|
||||
color: $color-primary;
|
||||
h1,h2,h3,h4,h5,h6 { color: get-color("dark"); }
|
||||
a {
|
||||
&:not([class^='button']) {
|
||||
color: get-color("dark", 0.9);
|
||||
&:hover, &:focus { color: get-color("dark"); }
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-dark-content {
|
||||
color: get-color("white", 0.7);
|
||||
h1,h2,h3,h4,h5,h6 { color: white; }
|
||||
a {
|
||||
&:not([class^='button']) {
|
||||
color: get-color("white", 0.9);
|
||||
&:hover, &:focus { color: white; }
|
||||
}
|
||||
}
|
||||
}
|
||||
[class*='bg-white'] {
|
||||
@extend .bg-white-content;
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
@extend .bg-dark-content;
|
||||
[class*='bg-white'] {
|
||||
@extend .bg-white-content;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Font Families //
|
||||
//
|
||||
.font-family-primary { font-family: $font-family-primary }
|
||||
.font-family-playfair { font-family: $font-family-playfair }
|
||||
.font-family-poppins { font-family: $font-family-poppins }
|
||||
.font-family-nunito { font-family: $font-family-nunito }
|
||||
.font-family-outfit { font-family: $font-family-outfit }
|
||||
|
||||
//
|
||||
// Font Weights //
|
||||
//
|
||||
.fw-thin { font-weight: $font-weight-thin; }
|
||||
.fw-medium { font-weight: $font-weight-medium; }
|
||||
.fw-semi-bold { font-weight: $font-weight-semi-bold; }
|
||||
.fw-black { font-weight: $font-weight-black; }
|
||||
|
||||
//
|
||||
// Text Colors //
|
||||
//
|
||||
@for $i from 1 through 9 {
|
||||
*.text-white-0#{$i} {
|
||||
color: rgba(nth($color-white, 1), nth($color-white, 2), nth($color-white, 3), $i * 0.1);
|
||||
}
|
||||
}
|
||||
@for $i from 1 through 9 {
|
||||
*.text-dark-0#{$i} {
|
||||
color: rgba(nth($color-dark, 1), nth($color-dark, 2), nth($color-dark, 3), $i * 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
*.text-dark { color: get-color("dark"); }
|
||||
*.text-red { color: $color-red-lighter; }
|
||||
*.text-green { color: $color-green-lighter; }
|
||||
*.text-blue { color: get-color("blue"); }
|
||||
*.text-purple { color: get-color("purple"); }
|
||||
*.text-golden-yellow { color: get-color("golden-yellow"); }
|
||||
*.text-pink-edge { color: get-color("pink-edge"); }
|
||||
*.text-very-peri { color: get-color("very-peri"); }
|
||||
*.text-turquoise { color: get-color("turquoise"); }
|
||||
*.text-spring-red { color: get-color("spring-red"); }
|
||||
*.text-tan { color: get-color("tan"); }
|
||||
*.text-aqua { color: get-color("aqua"); }
|
||||
|
||||
[class*='text-gradient'] {
|
||||
display: inline-block;
|
||||
}
|
||||
.text-gradient-1 {
|
||||
background-image: $gradient-1;
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.text-gradient-2 {
|
||||
background-image: $gradient-2;
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.text-gradient-3 {
|
||||
background-image: $gradient-3;
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.text-gradient-4 {
|
||||
background-image: $gradient-4;
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.text-gradient-5 {
|
||||
background-image: $gradient-5;
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.text-gradient-6 {
|
||||
background-image: $gradient-6;
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.text-gradient-7 {
|
||||
background-image: $gradient-7;
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Text Highlight //
|
||||
//
|
||||
[class*='text-highlight'] {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
}
|
||||
.text-highlight {
|
||||
&:before { background: get-color("dark", 0.2); }
|
||||
}
|
||||
.text-highlight-gradient {
|
||||
&:before { background-image: $gradient-1; }
|
||||
}
|
||||
.text-highlight-gradient-2 {
|
||||
&:before { background-image: $gradient-2; }
|
||||
}
|
||||
.text-highlight-gradient-3 {
|
||||
&:before { background-image: $gradient-3; }
|
||||
}
|
||||
.text-highlight-gradient-4 {
|
||||
&:before { background-image: $gradient-4; }
|
||||
}
|
||||
.text-highlight-gradient-5 {
|
||||
&:before { background-image: $gradient-5; }
|
||||
}
|
||||
.text-highlight-gradient-6 {
|
||||
&:before { background-image: $gradient-6; }
|
||||
}
|
||||
.text-highlight-gradient-7 {
|
||||
&:before { background-image: $gradient-7; }
|
||||
}
|
||||
h1,h2 {
|
||||
&[class*='text-highlight'] {
|
||||
&:before {
|
||||
bottom: -2px;
|
||||
height: 6px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
h3 {
|
||||
&[class*='text-highlight'] {
|
||||
&:before {
|
||||
bottom: -2px;
|
||||
height: 5px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
&.display-1 {
|
||||
&[class*='text-highlight'] {
|
||||
&:before {
|
||||
bottom: -8px;
|
||||
height: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.display-2 {
|
||||
&[class*='text-highlight'] {
|
||||
&:before {
|
||||
bottom: -6px;
|
||||
height: 8px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.display-3 {
|
||||
&[class*='text-highlight'] {
|
||||
&:before {
|
||||
bottom: -6px;
|
||||
height: 8px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.display-4 {
|
||||
&[class*='text-highlight'] {
|
||||
&:before {
|
||||
bottom: -6px;
|
||||
height: 7px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
.text-highlight {
|
||||
&:before {
|
||||
background: get-color("white", 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Stroke Text //
|
||||
//
|
||||
.stroke-text {
|
||||
color: get-color("dark");
|
||||
-webkit-text-fill-color: transparent;
|
||||
-webkit-text-stroke-width: 1.0px;
|
||||
-webkit-text-stroke-color: get-color("dark");
|
||||
@include breakpoint-above(md) {
|
||||
-webkit-text-stroke-width: 1.2px;
|
||||
}
|
||||
@include breakpoint-above(lg) {
|
||||
-webkit-text-stroke-width: 1.4px;
|
||||
}
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
.stroke-text {
|
||||
color: white;
|
||||
-webkit-text-stroke-color: white;
|
||||
}
|
||||
.bg-white,
|
||||
[class*='bg-white'] {
|
||||
.stroke-text {
|
||||
color: get-color("dark");
|
||||
-webkit-text-stroke-color: get-color("dark");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Fancy Text //
|
||||
//
|
||||
.fancy-text {
|
||||
-webkit-text-fill-color: transparent;
|
||||
-webkit-text-stroke-width: 1.0px;
|
||||
-webkit-text-stroke-color: get-color("dark");
|
||||
@include text-shadow(3px 3px 0 rgb(219, 221, 223));
|
||||
@include breakpoint-above(md) { -webkit-text-stroke-width: 1.2px; }
|
||||
@include breakpoint-above(lg) { -webkit-text-stroke-width: 1.4px; }
|
||||
&.display-1, &.display-2, &.display-3 {
|
||||
@include text-shadow(4px 4px 0 rgb(219, 221, 223));
|
||||
}
|
||||
@include breakpoint-above(md) {
|
||||
&.display-1, &.display-2, &.display-3 {
|
||||
@include text-shadow(5px 5px 0 rgb(219, 221, 223));
|
||||
}
|
||||
&.display-4 {
|
||||
@include text-shadow(4px 4px 0 rgb(219, 221, 223));
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
.fancy-text {
|
||||
color: white;
|
||||
-webkit-text-stroke-color: white;
|
||||
@include text-shadow(3px 3px 0 rgb(46, 48, 50));
|
||||
&.display-1, &.display-2, &.display-3 {
|
||||
@include text-shadow(4px 4px 0 rgb(46, 48, 50));
|
||||
}
|
||||
@include breakpoint-above(md) {
|
||||
&.display-1, &.display-2, &.display-3 {
|
||||
@include text-shadow(5px 5px 0 rgb(46, 48, 50));
|
||||
}
|
||||
&.display-4 {
|
||||
@include text-shadow(4px 4px 0 rgb(46, 48, 50));
|
||||
}
|
||||
}
|
||||
}
|
||||
[class*='bg-white'] {
|
||||
.fancy-text {
|
||||
color: get-color("dark");
|
||||
-webkit-text-stroke-color: get-color("dark");
|
||||
@include text-shadow(3px 3px 0 rgb(219, 221, 223));
|
||||
&.display-1, &.display-2, &.display-3 {
|
||||
@include text-shadow(4px 4px 0 rgb(219, 221, 223));
|
||||
}
|
||||
@include breakpoint-above(md) {
|
||||
&.display-1, &.display-2, &.display-3 {
|
||||
@include text-shadow(5px 5px 0 rgb(219, 221, 223));
|
||||
}
|
||||
&.display-4 {
|
||||
@include text-shadow(4px 4px 0 rgb(219, 221, 223));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Borders //
|
||||
//
|
||||
.border-top,
|
||||
.border-right,
|
||||
.border-bottom,
|
||||
.border-left {
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: get-color("dark", 0.1);
|
||||
}
|
||||
.border-top { border-top-width: 1px; }
|
||||
.border-right { border-right-width: 1px; }
|
||||
.border-bottom { border-bottom-width: 1px; }
|
||||
.border-left { border-left-width: 1px; }
|
||||
|
||||
.bg-black,
|
||||
[class*='bg-dark'],
|
||||
[class*='bg-gradient-'],
|
||||
[class*='bg-color-'] {
|
||||
.border, .border-top, .border-right, .border-bottom, .border-left {
|
||||
border-color: get-color("white", 0.2) !important;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Border Styles //
|
||||
//
|
||||
.border-style-dotted { border-style: dotted; }
|
||||
.border-style-dashed { border-style: dashed; }
|
||||
|
||||
//
|
||||
// Negative Margin //
|
||||
//
|
||||
.n-margin-1 {
|
||||
margin-top: -1rem;
|
||||
}
|
||||
.n-margin-2 {
|
||||
margin-top: -2rem;
|
||||
}
|
||||
.n-margin-3 {
|
||||
margin-top: -3rem;
|
||||
}
|
||||
.n-margin-4 {
|
||||
margin-top: -4rem;
|
||||
}
|
||||
.n-margin-5 {
|
||||
margin-top: -5rem;
|
||||
}
|
||||
.n-margin-6 {
|
||||
margin-top: -6rem;
|
||||
}
|
||||
|
||||
//
|
||||
// Backdrop Filter //
|
||||
//
|
||||
.backdrop-filter-blur {
|
||||
backdrop-filter: blur(5px);
|
||||
}
|
||||
|
||||
//
|
||||
// Opacity //
|
||||
//
|
||||
.opacity-10 {
|
||||
opacity: 0.1;
|
||||
}
|
||||
.opacity-15 {
|
||||
opacity: 0.15;
|
||||
}
|
||||
.opacity-20 {
|
||||
opacity: 0.2;
|
||||
}
|
||||
126
assets/css/scss/helpers/_variables.scss
Normal file
126
assets/css/scss/helpers/_variables.scss
Normal file
@@ -0,0 +1,126 @@
|
||||
//
|
||||
// Font //
|
||||
//
|
||||
$font-family-primary: 'Open Sans', sans-serif;
|
||||
$font-family-playfair: 'Playfair Display', serif;
|
||||
$font-family-poppins: 'Poppins', sans-serif;
|
||||
$font-family-nunito: 'Nunito', sans-serif;
|
||||
$font-family-outfit: 'Outfit', sans-serif;
|
||||
$font-weight-black: 900;
|
||||
$font-weight-extra-bold: 800;
|
||||
$font-weight-bold: 700;
|
||||
$font-weight-semi-bold: 600;
|
||||
$font-weight-medium: 500;
|
||||
$font-weight-regular: 400;
|
||||
$font-weight-light: 300;
|
||||
$font-weight-extra-light: 200;
|
||||
$font-weight-thin: 100;
|
||||
|
||||
//
|
||||
// Colors //
|
||||
//
|
||||
$colors: (
|
||||
"white": (255, 255, 255),
|
||||
"dark": (18, 21, 24),
|
||||
"blue": (0, 147, 233),
|
||||
"purple": (183, 33, 255),
|
||||
"golden-yellow": (255, 182, 87),
|
||||
"pink-edge": (254, 154, 182),
|
||||
"very-peri": (102, 103, 171),
|
||||
"turquoise": (76, 191, 166),
|
||||
"spring-red": (190, 31, 53),
|
||||
"tan": (210, 180, 140),
|
||||
"aqua": (3, 212, 216)
|
||||
);
|
||||
@function get-color($color-name, $opacity: null) {
|
||||
@if not map-has-key($colors, $color-name) {
|
||||
@warn "Color `#{$color-name}` not found in $colors map.";
|
||||
@return null;
|
||||
}
|
||||
|
||||
$color: map-get($colors, $color-name);
|
||||
|
||||
@if $opacity == null {
|
||||
@return rgb(nth($color, 1), nth($color, 2), nth($color, 3));
|
||||
} @else {
|
||||
@return rgba(nth($color, 1), nth($color, 2), nth($color, 3), $opacity);
|
||||
}
|
||||
}
|
||||
$color-white: map-get($colors, "white");
|
||||
$color-dark: map-get($colors, "dark");
|
||||
$color-dark-lighter: rgb(25, 28, 31);
|
||||
$color-primary: #7C7C7C;
|
||||
$color-primary-lighter: #AAAAAA;
|
||||
$color-green: #24963e;
|
||||
$color-green-lighter: #28a745;
|
||||
$color-red: #c62f3e;
|
||||
$color-red-lighter: #dc3545;
|
||||
|
||||
//
|
||||
// Social Colors //
|
||||
//
|
||||
$color-facebook: #1877F2;
|
||||
$color-twitter: #1DA1F2;
|
||||
$color-instagram: #E4405F;
|
||||
$color-linkedin: #0A66C2;
|
||||
$color-youtube: #CD201F;
|
||||
$color-pinterest: #BD081C;
|
||||
$color-skype: #00AFF0;
|
||||
$color-dribbble: #EA4C89;
|
||||
$color-snapchat: #FFFC00;
|
||||
$color-whatsapp: #25D366;
|
||||
|
||||
//
|
||||
// Gradient Colors //
|
||||
//
|
||||
$gradient-1: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
|
||||
$gradient-2: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%);
|
||||
$gradient-3: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
|
||||
$gradient-4: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);
|
||||
$gradient-5: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);
|
||||
$gradient-6: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
|
||||
$gradient-7: linear-gradient(90deg, #007990 0%, #6CE5C0 100%);
|
||||
|
||||
//
|
||||
// Background colors //
|
||||
//
|
||||
$bg-dark: rgb(24, 28, 32);
|
||||
$bg-dark-lighter: rgb(32, 36, 40);
|
||||
$bg-dark-lightest: rgb(40, 44, 48);
|
||||
$bg-gray: rgb(238, 242, 246);
|
||||
$bg-gray-lighter: rgb(241, 245, 249);
|
||||
$bg-gray-lightest: rgb(244, 248, 252);
|
||||
|
||||
$bg-light-blue: #e2f2fb;
|
||||
$bg-light-purple: #F5E4FF;
|
||||
$bg-light-pink-edge: #FEE6ED;
|
||||
$bg-light-golden-yellow: #FFEFDB;
|
||||
$bg-light-very-peri: #EDEDF5;
|
||||
$bg-light-turquoise: #E2F4F0;
|
||||
$bg-light-spring-red: #F7E5E7;
|
||||
$bg-light-tan: #f6f0e8;
|
||||
$bg-light-aqua: #CEF6F7;
|
||||
|
||||
$bg-color-blue: #0093E9;
|
||||
$bg-color-purple: #B721FF;
|
||||
$bg-color-pink-edge: #FE9AB6;
|
||||
$bg-color-golden-yellow: #FFB657;
|
||||
$bg-color-very-peri: #6667AB;
|
||||
$bg-color-turquoise: #4cbfa6;
|
||||
$bg-color-spring-red: #BE1F35;
|
||||
$bg-color-tan: #d2b48c;
|
||||
$bg-color-aqua: #03D4D8;
|
||||
|
||||
//
|
||||
// Border colors //
|
||||
//
|
||||
$border-gray: rgb(226, 230, 234);
|
||||
|
||||
//
|
||||
// Button colors //
|
||||
//
|
||||
$button-dark: rgb(24, 28, 32);
|
||||
$button-dark-lighter: rgb(32, 36, 40);
|
||||
$button-gray: rgb(228, 232, 236);
|
||||
$button-gray-lighter: rgb(238, 242, 246);
|
||||
$button-gray-darker: rgb(220, 224, 228);
|
||||
102
assets/css/scss/theme.scss
Normal file
102
assets/css/scss/theme.scss
Normal file
@@ -0,0 +1,102 @@
|
||||
//
|
||||
// Import Helpers //
|
||||
//
|
||||
@import "helpers/variables";
|
||||
@import "helpers/mixins";
|
||||
|
||||
//
|
||||
// Import Google Fonts //
|
||||
//
|
||||
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700&family=Playfair+Display:wght@400;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Outfit:wght@200;300;400;500;600;700;800&display=swap');
|
||||
|
||||
|
||||
//
|
||||
// Import Basic styles //
|
||||
//
|
||||
@import "basic/base";
|
||||
@import "basic/background";
|
||||
@import "basic/form";
|
||||
@import "basic/image";
|
||||
@import "basic/list";
|
||||
@import "basic/typography";
|
||||
|
||||
//
|
||||
// Import Elements //
|
||||
//
|
||||
@import "elements/accordion";
|
||||
@import "elements/box";
|
||||
@import "elements/button";
|
||||
@import "elements/clients";
|
||||
@import "elements/feature-box";
|
||||
@import "elements/hoverbox";
|
||||
@import "elements/lightbox";
|
||||
@import "elements/map";
|
||||
@import "elements/page-scroll-progress";
|
||||
@import "elements/pie-chart";
|
||||
@import "elements/progress-bar";
|
||||
@import "elements/section-divider";
|
||||
@import "elements/slider";
|
||||
@import "elements/team";
|
||||
@import "elements/testimonial";
|
||||
@import "elements/text-link";
|
||||
@import "elements/timeline";
|
||||
@import "elements/post-content";
|
||||
|
||||
//
|
||||
// Import Components //
|
||||
//
|
||||
@import "components/blog";
|
||||
@import "components/cookie-consent";
|
||||
@import "components/fullscreen-menu";
|
||||
@import "components/gallery";
|
||||
@import "components/header";
|
||||
@import "components/breadcrumb";
|
||||
@import "components/masonry";
|
||||
@import "components/portfolio";
|
||||
@import "components/table";
|
||||
@import "components/preloader";
|
||||
@import "components/section";
|
||||
@import "components/_ez-toc";
|
||||
@import "components/author-card";
|
||||
|
||||
|
||||
//
|
||||
// Import Utilities //
|
||||
//
|
||||
@import "helpers/utilities";
|
||||
|
||||
//
|
||||
// Import Custom Styles //
|
||||
//
|
||||
@import "helpers/custom";
|
||||
|
||||
ul.wp-block-list {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
figure.wp-block-image {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
//
|
||||
// Figcaption Styles //
|
||||
//
|
||||
figcaption, .wp-element-caption {
|
||||
font-size: 0.9rem;
|
||||
color: #aeaeae;
|
||||
margin-top: 0.5em;
|
||||
text-align: center;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
|
||||
}
|
||||
|
||||
figure.wp-block-image {
|
||||
img {
|
||||
margin: auto;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
BIN
assets/images/logo.png
Normal file
BIN
assets/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
assets/images/og-logo.png
Normal file
BIN
assets/images/og-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
assets/images/og-logo.xcf
Normal file
BIN
assets/images/og-logo.xcf
Normal file
Binary file not shown.
@@ -1,77 +0,0 @@
|
||||
---
|
||||
title: "5 meilleurs sites pour télécharger des torrents français (2021)"
|
||||
date: "2017-01-07T17:26:48"
|
||||
draft: false
|
||||
slug: "5-sites-torrents"
|
||||
wordpress_id: 106
|
||||
excerpt: "Voici un top des sites pour le téléchargement Torrent. Après mon TOP 5 des VPN à utiliser et…\n"
|
||||
featured_image: ""
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":199,"name":"Bittorrent","slug":"bittorrent"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Voici un <a href="https://www.mistergeek.net/informatique/comparatif-micro-usb/">top</a> des sites pour le <a href="https://www.mistergeek.net/vpn/nordvpn/">téléchargement</a> Torrent. Après mon TOP 5 des <a href="https://www.mistergeek.net/vpn/purevpn/">VPN</a> à utiliser et mon TOP 5 des sites qui peuvent remplacer Zone Téléchargement, voici le digne descendant de ceux-ci, un <strong>TOP 5 des sites de téléchargement <a href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/">BitTorrent</a></strong>. Il fallait bien un article qui liste les sites Torrent de cette fin d’année, sachant qu’il y a eu pas mal de mouvement de ce côté ces derniers temps, avec la fermeture de certains sites et l’apparition de quelques nouveaux. Je vais vous faire une petite liste des sites de téléchargement Torrent qui sont selon moi, les meilleurs et qui proposent du contenu de qualité. Notez que le contenu de qualité peut également vouloir dire, un contenu moins dense.</p>
|
||||
</p>
|
||||
<p><div id="ez-toc-container" class="ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction">
|
||||
<p class="ez-toc-title" style="cursor:inherit">Table of Contents</p>
|
||||
<label for="ez-toc-cssicon-toggle-item-68a33a6bd2d2d" class="ez-toc-cssicon-toggle-label"><span class=""><span class="eztoc-hide" style="display:none;">Toggle</span><span class="ez-toc-icon-toggle-span"><svg style="fill: #999;color:#999" xmlns="http://www.w3.org/2000/svg" class="list-377408" width="20px" height="20px" viewBox="0 0 24 24" fill="none"><path d="M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z" fill="currentColor"></path></svg><svg style="fill: #999;color:#999" class="arrow-unsorted-368013" xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24" version="1.2" baseProfile="tiny"><path d="M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z"/></svg></span></span></label><input type="checkbox" id="ez-toc-cssicon-toggle-item-68a33a6bd2d2d" aria-label="Toggle" /><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-1" href="https://www.mistergeek.net/telechargement/bittorrent/5-sites-torrents/#Les_sites_de_telechargement_de_torrents_Francais" >Les sites de téléchargement de torrents Français</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-2" href="https://www.mistergeek.net/telechargement/bittorrent/5-sites-torrents/#1_Yggtorrent_premier_site_de_Torrent" >1. Yggtorrent : premier site de Torrent</a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-3" href="https://www.mistergeek.net/telechargement/bittorrent/5-sites-torrents/#Les_arnaques_sont_monnaie_courante_sur_les_sites_de_telechargement" >Les arnaques sont monnaie courante sur les sites de téléchargement</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-4" href="https://www.mistergeek.net/telechargement/bittorrent/5-sites-torrents/#Maintenir_son_ratio_sur_Yggtorrent_ou_autre" >Maintenir son ratio sur Yggtorrent (ou autre)</a></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-5" href="https://www.mistergeek.net/telechargement/bittorrent/5-sites-torrents/#2_Qctorrent" >2. Qctorrent</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-6" href="https://www.mistergeek.net/telechargement/bittorrent/5-sites-torrents/#3_Torrent9" >3. Torrent9</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-7" href="https://www.mistergeek.net/telechargement/bittorrent/5-sites-torrents/#_4_OMGTorrent" > 4. OMGTorrent</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-8" href="https://www.mistergeek.net/telechargement/bittorrent/5-sites-torrents/#5_CPASBIEN_populaire_dans_le_Torrent" >5. CPASBIEN : populaire dans le Torrent</a></li></ul></li></ul></nav></div>
|
||||
|
||||
</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="Les_sites_de_telechargement_de_torrents_Francais"></span>Les sites de téléchargement de torrents Français<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio">
|
||||
<div class="wp-block-embed__wrapper">
|
||||
<iframe loading="lazy" title="TOP 5 DES SITES DE TELECHARGEMENT DE TORRENTS" width="1200" height="675" src="https://www.youtube.com/embed/GjPgvkbkJlM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</div>
|
||||
</figure>
|
||||
</p>
|
||||
<p>Voici les sites de Torrents Français à suivre pour télécharger en ligne. Ces sites sont gratuits et vous pouvez récupérer le contenu qui s’y trouve sans avoir besoin de payer. Il vous faut pour rappel utiliser un client Torrent qui permet d’ouvrir les fichiers.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="1_Yggtorrent_premier_site_de_Torrent"></span>1. Yggtorrent : premier site de Torrent<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_6721"><img decoding="async" src="/content/images/wordpress/2017/01/t411.png" alt="" class="wp-image-6721"/><figcaption>T411 est sûrement le site le plus connu de la <a href="https://www.mistergeek.net/informatique/traduction-francaise-xenforo-2/">communauté</a> Française.</figcaption></figure>
|
||||
</p>
|
||||
<p>Actuellement, <strong><a href="https://www.mistergeek.net/telechargement/bittorrent/yggtorrent-adresse/">Yggtorrent</a>.si</strong> (le domaine change très souvent pour des raisons de sécurité) est un <strong>tracker Torrent</strong> <strong>semi-public, l’inscription y est gratuite et ouverte</strong>. Il regroupe tout types de contenu. On retrouve des <strong><a href="https://www.mistergeek.net/streaming/amazon-prime-video/">films</a>, des séries, des mangas, des logiciels, des jeux <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">vidéo</a> et bien plus encore</strong>. Si vous êtes à la recherche de culture en tout genre et souvent de bonne qualité, <strong>Yggtorrent</strong> est le site qu’il vous faut. </p>
|
||||
</p>
|
||||
<p> La navigation reste simple si vous avez l’habitude des sites de téléchargements de ce genre. On regrettera cependant l’inexactitude du moteur de recherche interne, qui ne fournit pas toujours des résultats pertinents.</p>
|
||||
</p>
|
||||
<p>Afin de pouvoir continuer à <strong>télécharger sur Yggtorrent il faut maintenir un <a href="https://mistergeek.net/internet/telechargement/augmenter-ratio-bittorrent/">ratio</a> supérieur à 1</strong>, dans le cas contraire votre compte est bloqué. Deux solutions s’offrent à vous si cela vous arrive, la première <strong>créer un nouveau compte</strong> (ce que je vous conseille fortement) et la seconde <strong>faire une donation</strong>. En tout cas, la communauté de T411 est énorme, il y a du nouveau contenu tout les jours avec un forum très actif.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Les_arnaques_sont_monnaie_courante_sur_les_sites_de_telechargement"></span>Les arnaques sont monnaie courante sur les sites de téléchargement<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>T411 dispose de donations, permettant d’obtenir un meilleur ratio ou une certaine immunité, payer est un choix qui vous appartient. <strong>Ne donnez jamais votre numéro de carte bancaire</strong>, même pour une inscription ou une récupération de compte car vous allez mettre en danger vos économies. Si vous souhaitez réellement le faire, <strong>privilégiez une plateforme comme Paypal</strong>, ou des <strong>cartes prépayés</strong>. <strong>Faites également attention aux clones de T411</strong>, qui ont pour but de récupérer vos informations personnelles.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Maintenir_son_ratio_sur_Yggtorrent_ou_autre"></span>Maintenir son ratio sur Yggtorrent (ou autre)<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Je rédigerais bientôt un article, afin de maintenir un ratio de différentes manières, que cela soit sur <strong>T411</strong> ou sur d’autres <a href="https://www.mistergeek.net/informatique">sites</a>. Je vous parlerais de technologies tel que la <strong>seedbox</strong> ou encore un petit logiciel qui peut s’avérer pratique en temps de crise, <strong>Ratiomaster</strong>. Posséder une<strong> seedbox</strong> n’est pas donné à tout le monde, mais il existe différentes façon de maintenir un ratio stable et de ne pas se faire bannir du site.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="2_Qctorrent"></span>2. Qctorrent<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_6719"><img decoding="async" src="/content/images/wordpress/2017/01/QcTorrent.jpg" alt="" class="wp-image-6719"/><figcaption>Malgré sa petite communauté, Qctorrent joue très bien <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> rôle de tracker privé.</figcaption></figure>
|
||||
</p>
|
||||
<p><strong>QcTorrent.net</strong> est un site de partage actif, l’un des plus agréables à parcourir. <strong>Vous pouvez vous passer d’Adblock</strong>, car il n’y a aucune publicité. Le site ne survit que grâce à au soutien de ses membres. Vous avez une <strong>très belle <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">interface</a> avec des torrents classés par catégories qui regroupent des films, séries, ebooks, logiciels, et</strong>c. Pas de doute, nous avons affaire à un <strong>tracker torrent généraliste</strong>. Pour accéder au site vous devrez, payer ou vous faire inviter par un membre. <strong>Qctorrent étant un site axé vers le partage de contenu</strong>, intégrer la communauté en payant peut s’avérer discutable, mais il n’y a aucune publicité et les administrateurs utilisent cette méthode afin de pouvoir maintenir le site en ligne.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="3_Torrent9"></span>3. Torrent9<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_6722"><img decoding="async" src="/content/images/wordpress/2017/01/Torrent9.png" alt="" class="wp-image-6722"/><figcaption>Faire du chiffre avec des sites de téléchargement n’est pas rare. La preuve avec <a href="https://www.mistergeek.net/telechargement/bittorrent/torrent9-adresse/">Torrent9</a></figcaption></figure>
|
||||
</p>
|
||||
<p>Torrent9 est le descendant de Smartorrent un ancien tracker public. Ouvert il y a peu, on retrouve avec Torrent9 des films, séries, logiciels, etc. Le contenu y est riche, mais pas rarissime, les films et séries sont souvent disponibles dans différents formats et différents containers : MP4, MKV, AVI tout y passe. Torrent9 n’utilise pas de certificat SSL, c’est à dire que n’importe qui peut s’il le veut, récupérer les données transitant entre votre PC et le site. Faites donc bien attention à cela. Nous recommandons toujours l’utilisation d’un VPN. Digne descendant de Smartorrent, Torrent9 reprend le contenu de l’ancien site, cependant vous ne trouverez plus le forum, ni les comptes utilisateurs. Vous n’aurez que les torrents avec leur fiches descriptives, on perd également les commentaires qui pouvaient quelques fois s’avérer utiles.</p>
|
||||
</p>
|
||||
<p>Torrent9 dispose d’une base seeders relativement intéressante. Il assez rare de ne pas télécharger un fichier au maximum de sa connexion. Surtout si celui-ci est apparu sur le site il y a quelques jours déjà.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="_4_OMGTorrent"></span> 4. OMGTorrent<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_6728"><img decoding="async" src="/content/images/wordpress/2017/01/OMGTorrent.png" alt="" class="wp-image-6728"/><figcaption>Sur OMGTorrent vous pouvez chopper des torrents et des filles de ta région… 😉</figcaption></figure>
|
||||
</p>
|
||||
<p>Voici un n-ième tracker généraliste. Présent depuis quelques années déjà – 2008 pour être plus précis – dans le monde du téléchargement Français, OMGTorrent est un peu, un vieux de la vieille. Même s’il fait rarement parler de lui, OMGTorrent est toujours présent. Son contenu est toujours mis à jour, et vous aurez à disposition, des VO et des VF, que cela soit pour les films ou les séries. Vous aurez le choix tout comme pour T411, entre XviD, <strong>H.264 (HD & FULL HD)</strong> et <strong>H.265 (4K)</strong>, ce sont ces deux derniers que je vous conseille si vous cherchez des vidéos de qualité.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="5_CPASBIEN_populaire_dans_le_Torrent"></span>5. CPASBIEN : populaire dans le Torrent<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_6730"><img decoding="async" src="/content/images/wordpress/2017/01/cpasbien.png" alt="" class="wp-image-6730"/><figcaption><a href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/">Cpasbien</a>, comme son nom l’indique, n’est pas bien. Sauf si vous voulez être harcelé par les publicités.</figcaption></figure>
|
||||
</p>
|
||||
<p>On se l’accorde, <strong>cpasbien.cm est sûrement l’un des pires sites de téléchargement</strong> que vous puissiez trouver sur le web Français. Le contenu y est souvent de <strong>mauvaise qualité</strong> (que cela soit pour les films ou des séries), on retrouve encore <strong>beaucoup de contenu au format</strong> DivX (ou XviD) (qui pour rappel est un format datant du début des années 2000) donc, plus mis à jour. <strong>Le débit en téléchargement est souvent bas</strong>, car vous avez des <strong>floppées de leechers</strong> qui se content de télécharger les fichiers sans plus jamais les partager ensuite. En <a href="https://www.mistergeek.net/telechargement">upload </a>au contraire, vous serez toujours au maximum. Ici, vous êtes sur un tracker grand public (voir très grand public) et <strong>vous n’avez pas à maintenir de ratio</strong> afin de continuer à télécharger à l’inverse de T411 par exemple.</p>
|
||||
</p>
|
||||
<p>Même si <strong>CPASBIEN</strong> est l’un des trackers les plus populaires en France <strong>je vous conseille vivement de le fuir</strong>, ou si vous êtes courageux, de ne le visiter qu’en utilisant un bloqueur de publicité. De la pub, croyez-moi vous en aurez. De la simple annonce « téléchargez-ici » à la vidéo de trading (oui, oui, ce bon vieux trading que l’on connaît tous) en passant par les vidéos où l’on peut apercevoir les dessous de la mère Michelle, la publicité est présente à toutes les sauces. On devine très vite les intentions des administrateurs. En bref, <strong>ce tracker est à fuir</strong>.</p></p>
|
||||
@@ -1,81 +0,0 @@
|
||||
---
|
||||
title: "Bittorrent : comment ça fonctionne ?"
|
||||
date: "2017-03-09T22:05:10"
|
||||
draft: false
|
||||
slug: "comment-fonctionne-bittorrent"
|
||||
wordpress_id: 126
|
||||
excerpt: "BitTorrent consomme 12 % du trafic Internet total en Amérique du Nord et 36 % du trafic total…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2017/03/comment-fonctionne-protocole-bittorrent.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":199,"name":"Bittorrent","slug":"bittorrent"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p><a href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/">BitTorrent</a> consomme 12 % du trafic Internet total en Amérique du Nord et 36 % du trafic total dans la région Asie-Pacifique, selon une étude de 2012. Ce protocole est si populaire qu’il a même été la cible de la <a href="https://www.mistergeek.net/telechargement/">HADOPI en France qui lutte contre le P2P illégal.</a></p>
|
||||
</p>
|
||||
<p>BitTorrent est peut-être connu comme une méthode de piratage, mais il n’est pas réservé aux pirates. En effet, il s’agit d’un protocole <em>peer-to-peer</em> décentralisé, qui présente des avantages significatifs par rapport à d’autres protocoles dans de nombreuses situations.</p>
|
||||
</p>
|
||||
<p>Dans cet article, nous vous proposons de découvrir comment fonctionne le protocole BitTorrent et pourquoi il ne s’agit pas juste d’un outil de piratage.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Comment fonctionne le protocole BitTorrent ?</h2>
|
||||
</p>
|
||||
<p>Le protocole BitTorrent est un protocole développé pour permettre le partage décentralisé de fichiers. Dans cette partie vous allez découvrir comment fonctionne ce protocole et quels sont les fonctions que remplissent les nœuds dans les communautés BitTorrent.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Le modèle décentralisé en BitTorrent</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="650" height="469" src="https://www.mistergeek.net/wp-content/uploads/2021/08/reseau-avec-serveur-central.jpg" alt="Réseau avec un serveur central" class="wp-image-4009" srcset="https://www.mistergeek.net/wp-content/uploads/2021/08/reseau-avec-serveur-central.jpg 650w, https://www.mistergeek.net/wp-content/uploads/2021/08/reseau-avec-serveur-central-300x216.jpg 300w, https://www.mistergeek.net/wp-content/uploads/2021/08/reseau-avec-serveur-central-83x60.jpg 83w" sizes="auto, (max-width: 650px) 100vw, 650px" /><figcaption class="wp-element-caption">Réseau avec un <a href="https://www.mistergeek.net/informatique/ipv6-serveur-scaleway-dedibox/">serveur</a> central avec le modèle DDL</figcaption></figure>
|
||||
</p>
|
||||
<p>Lorsque vous visitez une page web comme celle-ci, votre ordinateur se connecte au serveur Web et télécharge les données directement depuis celui-ci. Chaque ordinateur qui télécharge les données les télécharge à partir du serveur central de Mistergeek. C’est ainsi que fonctionne une grande partie du trafic sur le web. D’un côté il y a les serveurs et de l’autre les clients.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="650" height="469" src="https://www.mistergeek.net/wp-content/uploads/2021/08/peer-to-peer-network.jpg" alt="Réseau avec un modèle pair-à-pair" class="wp-image-4010" srcset="https://www.mistergeek.net/wp-content/uploads/2021/08/peer-to-peer-network.jpg 650w, https://www.mistergeek.net/wp-content/uploads/2021/08/peer-to-peer-network-300x216.jpg 300w, https://www.mistergeek.net/wp-content/uploads/2021/08/peer-to-peer-network-83x60.jpg 83w" sizes="auto, (max-width: 650px) 100vw, 650px" /><figcaption class="wp-element-caption">Réseau sans serveur central selon le modèle <a href="https://www.mistergeek.net/telechargement/bittorrent/yggtorrent-adresse/">P2P</a></figcaption></figure>
|
||||
</p>
|
||||
<p><a href="https://www.mistergeek.net/telechargement/bittorrent/">BitTorrent est un protocole peer-to-peer</a>, ce qui signifie que les ordinateurs d’une <a href="https://www.mistergeek.net/informatique/traduction-francaise-xenforo-2/">communauté</a> BitTorrent (un groupe d’ordinateurs téléchargeant et envoyant les mêmes données) transfèrent des données entre eux sans avoir besoin d’un serveur – du moins en théorie.</p>
|
||||
</p>
|
||||
<p>Traditionnellement, un ordinateur rejoint une communauté BitTorrent en utilisant un fichier .torrent dans un client BitTorrent (exemples : uTorrent, Vuze, etc.). Le logiciel contacte un « <em>tracker</em> » spécifié dans le fichier .torrent. Dès lors, le tracker met en relation les clients en relation entre eux. Pour apporter des précisions, le <em>tracker</em> est un serveur spécial qui garde la trace des ordinateurs connectés. Ainsi, le <em>tracker </em>partage les adresses IP avec les autres clients BitTorrent de la communauté, permettant ainsi la création d’un essaim.</p>
|
||||
</p>
|
||||
<p>Une fois connecté, le client BitTorrent télécharge des (petits) morceaux des fichiers du <a href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/">torrent</a> par petits morceaux, téléchargeant tout ce qui est possible. Une fois que le client BitTorrent dispose de suffisamment de données, il peut commencer à les envoyer vers les autres clients BitTorrent de la communauté. De cette façon, toute personne téléchargeant un torrent est également en train de partager le même torrent. Cela accélère la vitesse de <a href="https://www.mistergeek.net/vpn/nordvpn/">téléchargement</a> de l’ensemble de la communauté. Si plusieurs milliers de personnes téléchargent le même fichier, le serveur central n’est pas soumis à une forte charge. Au contraire, chaque utilisateur du réseau contribue à la bande passante de téléchargement des autres utilisateurs qui téléchargent, ce qui garantit la rapidité dans le réseau.</p>
|
||||
</p>
|
||||
<p>Il faut noter que les clients BitTorrent ne téléchargent jamais de fichiers à partir du serveur lui-même. Le tracker au réseau et à la communauté BitTorrent uniquement en assurant le suivi des clients possédants les fichiers. Le serveur ne fait que transférer les informations entre les utilisateurs.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Leechers et Seeders</h3>
|
||||
</p>
|
||||
<p>Les utilisateurs qui téléchargent à partir d’un réseau BitTorrent sont communément appelés « <em>leechers</em> » ou « peers ». Les utilisateurs qui restent connectés au réseau BitTorrent même après avoir téléchargé le fichier complet, en contribuant davantage à la bande passante de téléchargement, afin que d’autres personnes puissent continuer à télécharger, sont appelés « seeders « . Aussi cela contribue à l’augmentation du ratio sur un <em>tracker </em>BitTorrent privé (ex. <a href="https://www.mistergeek.net/telechargement/bittorrent/yggtorrent/">YggTorrent</a>). Pour qu’un torrent puisse être téléchargé, un seeder – qui possède une copie complète de tous les fichiers du torrent – doit initialement rejoindre l’essaim pour que les autres utilisateurs puissent télécharger les données. Si un torrent n’a pas de seeders, il ne sera pas possible de le télécharger – aucun utilisateur connecté ne possède le fichier complet.</p>
|
||||
</p>
|
||||
<p>Les applications récompensent les autres clients qui téléchargent, préférant envoyer des données aux clients qui contribuent à une plus grande largeur de bande de téléchargement plutôt que d’envoyer des données aux clients qui téléchargent à une vitesse très lente. Cela accélère les temps de téléchargement pour l’ensemble de l’essaim et récompense les utilisateurs qui contribuent le plus à la bande passante de téléchargement.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Avec ou sans tracker : le protocole DHT</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="650" height="421" src="https://www.mistergeek.net/wp-content/uploads/2021/08/dht-in-utorrent.jpg" alt="Synchronisation par DHT sur BitTorrent" class="wp-image-4030" srcset="https://www.mistergeek.net/wp-content/uploads/2021/08/dht-in-utorrent.jpg 650w, https://www.mistergeek.net/wp-content/uploads/2021/08/dht-in-utorrent-300x194.jpg 300w, https://www.mistergeek.net/wp-content/uploads/2021/08/dht-in-utorrent-93x60.jpg 93w" sizes="auto, (max-width: 650px) 100vw, 650px" /><figcaption class="wp-element-caption">DHT permet de passer de tracker pour synchroniser la communauté dans le réseau</figcaption></figure>
|
||||
</p>
|
||||
<p>BitTorrent a évolué au fil des années jusqu’à pouvoir proposer un système totalement décentralisé « sans tracker ». Cela permet aux logiciels de communiquer entre eux sans avoir besoin de serveurs centraux. Les applications BitTorrent (comme uTorrent) utilisent pour cela la technologie de table de hachage distribuée (DHT – Distributed Hash Table), chaque client BitTorrent fonctionnant alors comme un nœud DHT. Lorsque vous ajoutez un torrent à l’aide d’un lien « magnet », le nœud DHT contacte les nœuds voisins et ces derniers contactent d’autres nœuds jusqu’à ce qu’ils trouvent les informations sur le torrent.<br />Comme l’explique la spécification du protocole DHT, « chaque pair devient un tracker ». En somme, cela signifie que les clients n’ont plus besoin d’un serveur central pour gérer une communauté. Au lieu de cela, BitTorrent devient un système de transfert de fichiers peer-to-peer entièrement décentralisé.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Les cas d’usage du protocole BitTorrent</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="587" height="411" src="https://www.mistergeek.net/wp-content/uploads/2021/08/starcraft-2-bittorrent.png" alt="Client de Starcraft 2 utilisant le protocole BitTorrent pour le téléchargement de jeu vidéo" class="wp-image-4019" srcset="https://www.mistergeek.net/wp-content/uploads/2021/08/starcraft-2-bittorrent.png 587w, https://www.mistergeek.net/wp-content/uploads/2021/08/starcraft-2-bittorrent-300x210.png 300w, https://www.mistergeek.net/wp-content/uploads/2021/08/starcraft-2-bittorrent-86x60.png 86w" sizes="auto, (max-width: 587px) 100vw, 587px" /><figcaption class="wp-element-caption">Starcraft II utilise BitTorrent pour synchroniser ses fichiers</figcaption></figure>
|
||||
</p>
|
||||
<p>BitTorrent n’est pas qu’un protocole réservé au piratage. Activision-Blizzard utilise un client intégré personnalisé pour distribuer les mises à jour de ses jeux. C’est notamment le cas sur <a href="https://www.mistergeek.net/jeu-video/">World of Warcraft, StarCraft II et Diablo 3</a>, ainsi que les jeux du client Battle.net. D’ailleurs, cela permet d’accélérer les téléchargements pour tout le monde en permettant aux gens de partager leur bande passante de téléchargement avec d’autres, en utilisant la bande passante inutilisée pour accélérer les téléchargements pour tout le monde. Bien entendu, cela permet également à Blizzard d’économiser de l’argent sur ses factures de bande passante. <a href="/informatique">Microsoft fait également de même depuis Windows 10</a> avec la distribution <a href="https://www.mistergeek.net/telechargement/bittorrent/torrent9-adresse/">pair-à-pair</a>.</p>
|
||||
</p>
|
||||
<p>Les gens peuvent utiliser le protocole et le réseau pour distribuer des fichiers volumineux à un grand nombre de personnes sans payer la bande passante de l’hébergement Web. Un <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">film</a>, un album de <a href="https://www.mistergeek.net/informatique/format-flac/">musique</a> ou un jeu <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">gratuit</a> peut être hébergé sur BitTorrent, ce qui permet une méthode de distribution facile et gratuite où les personnes qui téléchargent le fichier contribuent également à sa distribution. WikiLeaks a distribué des données via BitTorrent, soulageant ainsi considérablement ses serveurs. Les distributions <a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">Linux</a> utilisent ce système pour aider à distribuer leurs images de disque ISO. De plus, il y a aussi <a href="https://korben.info/mission-sauvetage-sci-hub.html">Sci-Hub, qui s’est mis à partager ses articles scientifiques en torrent</a> pour un total de 55 To de données.</p>
|
||||
</p>
|
||||
<p>BitTorrent Inc – la société responsable du développement du protocole BitTorrent, qui a également acheté le populaire client torrent µTorrent – développe une variété d’applications qui utilisent le protocole P2P pour de nouveaux usages via leur projet BitTorrent Labs en plus dernièrement de miner de la cryptomonnaie. Les expérimentations de BitTorrent Labs comprennent une <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">application</a> qui synchronise en toute sécurité des fichiers entre plusieurs ordinateurs en les transférant via BitTorrent, mais aussi BitTorrent Live, qui utilise le protocole BitTorrent pour aider à diffuser des vidéos en direct et en continu. En exploitant la puissance du réseau pour diffuser des vidéos en direct à un grand nombre de personnes cela permet de revoir à la baisse les exigences actuelles en matière de bande passante.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Le fonctionnement de BitTorrent</h2>
|
||||
</p>
|
||||
<p>Cette partie reprend l’explication initiale du protocole sur <a href="https://www.mistergeek.net">Mistergeek.net</a>. Même si cette partie n’est plus à jour elle complète tout de même la première partie qui est très théorique.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/01/2002147411.png" alt="" class="wp-image-6725"/></figure>
|
||||
</p>
|
||||
<p>Avant de se plonger dans l’article, vous devez savoir qu’un site de téléchargement <strong>BitTorrent</strong>, s’appelle plus communément dans le monde du hacking, un « <em><strong>tracker</strong></em>« . Si le nom de « <strong><em>tracker</em></strong> » a été donné à ces sites, c’est tout simplement parce que le protocole <strong>s’</strong>est construit autour de celui-ci. Ils ont pour fonction de suivre les torrents, les utilisateurs partagent et ceux qui veulent télécharger. Ici pas d’espionnage, comme on pourrait le penser en lisant ce nom, mais un simple suivi de fichiers.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_6726"><img decoding="async" src="/content/images/wordpress/2017/01/bittorrent-visualization-2.jpg" alt="" class="wp-image-6726"/><figcaption class="wp-element-caption">Si vous souhaitez comprendre le fonctionnement d’un réseau Bittorrent vous pouvez vous rendre sur : http://mg8.org/processing/bt.html . Vous aurez une très belle animation du partage P2P.</figcaption></figure>
|
||||
</p>
|
||||
<p><strong>Un tracker BitTorrent recense des méta-fichiers</strong> dans lesquelles se retrouve une liste des fichiers qui doivent être partagés. Ainsi un méta-fichier en « <strong>.torrent</strong> » peut contenir plusieurs URL de <strong>trackers.</strong> Ce qui nous place un peu plus dans le domaine du <strong>P2P</strong> – comprenez <strong>Peer-To-Peer</strong> ou <strong>pair à pair</strong>.</p>
|
||||
</p>
|
||||
<p>Ce méta-fichier, lorsque vous allez l’ouvrir à l’aide de votre client (<strong>uTorrent</strong>, <strong>qBittorrent</strong>, <strong>Seedr</strong>, etc.) <strong>va contacter les trackers afin de récupérer une liste des utilisateurs qui partagent le contenu.</strong> Il va également vous permettre à votre tour de télécharger. Vous comprenez ainsi que, plus il y a d’<strong>utilisateurs qui partagent (c’est-à-dire des « seeders »)</strong>, plus le débit que vous aurez en téléchargement sera élevé. À l’inverse <strong>les « leechers », sont les personnes n’ayant pas encore téléchargé totalement le fichier.</strong></p>
|
||||
</p>
|
||||
<p>Le plus grand avantage du <strong>BitTorren</strong>t face au <strong>DDL</strong> est bien la vitesse de <a href="https://www.mistergeek.net/telechargement">téléchargement</a>. Elle ne dépend pas de la capacité des serveurs de l’hébergeur voir de la bande passante attribuée, mais bien du nombre de <strong><em>seeders</em></strong>. Le <strong>BitTorrent</strong> possède encore beaucoup d’avantages. Par exemple, un fichier n’est perdu que si les <strong>seeders</strong> arrêtent tous le partage ou si tous les trackers dont dépend le meta-fichier « <strong>.torrent</strong> » tombent sous le coup de la justice – pour ne pas dire de <strong>Hadopi</strong>. En clair avec le <strong>BitTorrent,</strong> vous n’avez pas à craindre les liens morts et vous n’aurez pas à vérifier que toutes les parties de votre fichier soient bien disponibles ou non corrompu. Le protocole le fait pour vous, au fur et à mesure du téléchargement.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">En résumé</h2>
|
||||
</p>
|
||||
<p>Le protocole <strong>BitTorrent</strong> offre beaucoup de souplesse – bien plus que le <strong>DDL</strong>. Il permet même de garantir une durée de vie bien supérieure et la disponibilité de vos fichiers. Le Bittorrent vous permet également une montée en débit proportionnelle au nombre de personnes connectées au réseau. En claire, préférez toujours le Bittorrent au DDL et n’oubliez pas d’utiliser un <a href="https://mistergeek.net/vpn/">VPN</a> pour vous protéger de Hadopi.</p></p>
|
||||
@@ -1,72 +0,0 @@
|
||||
---
|
||||
title: "Comment booster son ratio avec Ratiomaster ou mRatio ?"
|
||||
date: "2018-06-11T20:41:28"
|
||||
draft: false
|
||||
slug: "augmenter-ratio-bittorrent"
|
||||
wordpress_id: 292
|
||||
excerpt: "Augmenter son ratio sur n’importe quel site de téléchargement Bittorrent est très difficile lorsqu’on ne s’y connaît pas.…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2020/12/ratiomaster.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":199,"name":"Bittorrent","slug":"bittorrent"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Augmenter <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> ratio sur n’importe quel site de <a href="https://www.mistergeek.net/vpn/nordvpn/">téléchargement</a> <strong><a href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/">Bittorrent</a></strong> est très difficile lorsqu’on ne s’y connaît pas. En tant que novice, il est très frustrant de se voir expulser d’un site de téléchargement alors que vous vous êtes tout juste inscrit. Et même si les Français préfèrent les sites de <a href="https://mistergeek.net/streaming">streaming</a> dans cet article nous allons passer en revue une méthode pour mettre en place un système de triche avec RatioMaster ou mRatio.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Comment augmenter son ratio ?</h2>
|
||||
</p>
|
||||
<p><a href="https://www.mistergeek.net/telechargement">Télécharger</a> en <strong>Bittorrent </strong>peut souvent être plus contraignant qu’on ne le pense. Chaque site dispose de sa philosophie et nous le savons tous, les sites publics n’amènent rien de bien – tel que ThePirateBay avec le minage des cryptomonnaies. Le site sur lequel j’aime beaucoup taper est <a href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/">Cpasbien</a>. Il s’agit d’un site de téléchargement <strong>Bittorrent </strong>ouvert et où tout le monde peut télécharger. Malheureusement, en ayant fait ce choix les administrateurs ont éliminé les meilleurs contenus. La qualité <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">vidéo</a> est encore en XviD et le son des médias, peu audible.</p>
|
||||
</p>
|
||||
<p>Ce qui nous intéresse nous ce sont les sites privés ou semi-privés. <a href="https://mistergeek.net/internet/telechargement/5-sites-torrents-t411/">T411 </a>faisait partie de cette catégorie, tout comme <a href="https://www.mistergeek.net/telechargement/bittorrent/yggtorrent-adresse/">Yggtorrent</a> aujourd’hui. Et malgré la baisse du nombre de pirates, beaucoup de personnes ne savent toujours pas comment avoir un bon ratio pour continuer à télécharger.</p>
|
||||
</p>
|
||||
<p>Passons donc en revue nos logiciels du jour afin de gagner en ratio et de ne plus se faire bannir.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Télécharger mRatio ou Ratiomaster</h3>
|
||||
</p>
|
||||
<p>Pour faciliter la tâche de tout le monde, je laisse les liens afin d’accéder à Ratiomaster et à mRatio gratuitement. Ces logiciels sont soit libre soit <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">gratuit</a> et peuvent donc être distribués sans contrainte.</p>
|
||||
</p>
|
||||
<p>Quel que soit le logiciel que vous choisissez, rappelez-vous que la réussite de ce tutoriel dépend plus de la configuration que vous y appliquez que du hasard. De même, que de nombreux sites sont contre ces méthodes. Assurez-vous de toujours pouvoir créer un compte.</p>
|
||||
</p>
|
||||
<p>Je n’aborde pas la technique du ratio dans cet article. Si vous souhaitez en apprendre plus, le premier tutoriel que j’ai réalisé saura vous orienter.</p>
|
||||
</p>
|
||||
<p><a href="https://mistergeek.net/internet/telechargement/telecharger-ratiomaster/">Télécharger Ratiomaster</a></p>
|
||||
</p>
|
||||
<p><a href="https://mistergeek.net/application/mratio/">Télécharger mRatio</a></p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Comment augmenter son ratio avec Ratiomaster ?</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/02/ratiomaster.png" alt="" class="wp-image-7047"/></figure>
|
||||
</p>
|
||||
<p>Ouvrez Ratiomaster en cliquant sur l’exécutable, si vous avez téléchargé le fichier depuis l’archive que je vous ai donné. Il faut maintenant commencer à configurer.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/02/tuto-ratiomaster.png" alt="Ratiomaster configurer un torrent" class="wp-image-7050"/></figure>
|
||||
</p>
|
||||
<p>Récupérerez un fichier torrent sur le site de téléchargement. Vous n’avez pas besoin de l’ouvrir avec votre logiciel de télécharger – que cela soit uTorrent ou qBittorrent.</p>
|
||||
</p>
|
||||
<p>Avec Ratiomaster sélectionnez le fichier fraichement téléchargé. Une fois ouvert définissez la vitesse à laquelle vous souhaitez <em>uploader</em>. Sachez que plus cette valeur est grande et plus elle peut paraitre suspecte. Faites en sorte de sélectionner une valeur inférieure à 10Mbps par exemple.</p>
|
||||
</p>
|
||||
<p>Définissez la variable « <em>finished »</em> à 100% pour indiquer au site que vous possédez l’intégralité du fichier.</p>
|
||||
</p>
|
||||
<p>La partie la plus difficile consiste à imiter votre client Bittorrent habituel. Pour cela il faut modifier la variable « Peer ID ». Sur l’image par exemple modifiez « -UT1310 » en « QT3400 » ou en « VZ5000 » pour qBittorrent et Vuze respectivement.</p>
|
||||
</p>
|
||||
<p>Lancez le logiciel en cliquant sur « Start » et laissez tourner. Sachez que votre ratio ne s’actualise pas en live. La mise à jour est faites toutes les 30 minutes environ. Ne soyez pas trop gourmand en utilisant Ratiomaster.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Comment augmenter son ratio avec mRatio ?</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/06/mratio-debutant-normal-expert.png" alt="" class="wp-image-10840"/></figure>
|
||||
</p>
|
||||
<p>Au démarrage du logiciel vous avez le choix entre trois modes. Je vous conseille de sélectionner « Débutant » ou « Normal ». Pour assurer la suite de ce tutoriel, nous avons pris la décision d’utiliser le mode « Normal ».</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/06/mratio-importation-torrent.png" alt="importation mtorrent ratiomaster" class="wp-image-10842"/></figure>
|
||||
</p>
|
||||
<p>Cliquer le bouton d’ « Assistant d’ajout de Torrent ». Sélectionnez ensuite le fichier Bittorrent, que vous avez téléchargé plus tôt.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/06/emulation-client-mratio.png" alt="" class="wp-image-10844"/></figure>
|
||||
</p>
|
||||
<p>Dans l’onglet « Emulation » sélectionnez le client que vous utilisez souvent ou préférez un client tel que Transmission, Deluge ou qBittorrent. Pour finir définissez la vitesse d’envoi et de réception que vous souhaitez. Laissez tourner Mratio lorsque vous utilisez votre PC afin de remonter votre ratio sur Yggtorrent ou autre. Une fois le ratio souhaité atteint, vous pouvez couper mRatio.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Conclusion</h3>
|
||||
</p>
|
||||
<p>Nous vous présentons deux solutions pour augmenter son ratio sur des sites de téléchargement comme Yggtorrent, qui sont des services fermés. Sur des sites axés vers le grand public comme Cpasbien ou <a href="https://www.mistergeek.net/telechargement/bittorrent/torrent9-adresse/">Torrent9</a> cette manoeuvre n’a aucun sens, car il n’y a pas de ratio à maintenir. Egalement il est à noter que l’utilisation de ce genre de logiciel peut se remarquer sur votre compte, faites en sorte de ne pas trop mettre d’<em>upload</em>.</p>
|
||||
</p></p>
|
||||
@@ -1,91 +0,0 @@
|
||||
---
|
||||
title: "6 façons de télécharger un torrent avec un navigateur web"
|
||||
date: "2020-05-18T11:59:36"
|
||||
draft: false
|
||||
slug: "telecharger-torrent-navigateur"
|
||||
wordpress_id: 518
|
||||
excerpt: "Télécharger des torrents peut être un processus fastidieux surtout pour les novices. Ce serait tellement plus simple si…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2020/05/speed_test.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":199,"name":"Bittorrent","slug":"bittorrent"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Télécharger des torrents peut être un processus fastidieux surtout pour les novices. Ce serait tellement plus simple si on pouvait directement télécharger ses torrents depuis <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> navigateur. Dans un monde où regarder des vidéos à la demande est un standard, télécharger des torrents peut sembler lourd. Et cela est encore plus vraisemblable pour les nouveaux venus dans le monde du partage de fichiers. Pourquoi faudrait-il télécharger un logiciel pour télécharger un fichier plus lourd ? Et bien sachez qu’il est tout a fait possible de récupérer n’importe quel <a href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/">torrent</a> (ou presque) avec son navigateur.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Télécharger en torrent avec son navigateur</h2>
|
||||
</p>
|
||||
<p>Aujourd’hui l’évolution des navigateurs et des technologie rend de plus en plus simple l’accès au <a href="https://www.mistergeek.net/telechargement/bittorrent/yggtorrent-adresse/">Bittorrent</a> et cela sans même avoir à passer par un client. Egalement fini les <em>malwares</em> ou les mineurs de crypto-monnaie à cause d’un logiciel malveillant.</p>
|
||||
</p>
|
||||
<p>Voici notre liste des services et méthodes pour récupérer vos fichiers torrents depuis votre navigateur. Que cela soit Firefox, Chrome ou encore Opera, voici de quoi vous passer de <a href="https://www.mistergeek.net/telechargement">uTorrent</a>.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">1. WebTorrent</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image alignnone size-large wp-image-15576"><img decoding="async" src="/content/images/wordpress/2020/05/streaming-video-webtorrent-navigateur-1024x665.png" alt="Streaming vidéo avec WebTorrent" class="wp-image-15576"/><figcaption>WebTorrent est un projet open source pour le torrent et le web</figcaption></figure>
|
||||
</p>
|
||||
<p>On ne peut pas commencer cette liste sans démarrer avec WebTorrent, qui est un projett qui intègre BitTorrent dans un navigateur web. La technologie a en effet déjà impressionné Netflix, qui y voit une façon d’augmenter la qualité de son contenu.</p>
|
||||
</p>
|
||||
<p>Instant.io est un bon exemple de de client torrent dans un navigateur fonctionnel. Dans le même genre on peut citer ßTorrent qui est aussi un client BitTorrent, qui exploite son propre <a href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/">tracker</a>. Ce client web permet de sélectionner des fichiers, de choisir des priorités de <a href="https://www.mistergeek.net/vpn/nordvpn/">téléchargement</a> ou le seed de fichiers.</p>
|
||||
</p>
|
||||
<p>Avantages: Le logiciel fonctionne avec n’importe quel navigateur et on a pas besoin de compte.</p>
|
||||
</p>
|
||||
<p>Inconvénients: WebTorrent s’appuie sur WebRTC, qui doit être supporté par votre navigateur. WebRTC oblige une connexion uniquement avec les pairs qui utilisent le même <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">service</a>. L’utilisation du <a href="https://www.mistergeek.net/telechargement/bittorrent/comment-fonctionne-bittorrent/">protocole</a> de communication standard ne fonctionne pas.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">2. uTorrent et BitTorrent Web</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image alignnone size-large wp-image-15575"><img decoding="async" src="/content/images/wordpress/2020/05/utorrentweb-1-1024x341.png" alt="Client uTorernt et BitTorrent en streaming" class="wp-image-15575"/><figcaption>uTorrent et BitTorrent peuvent aussi s’utiliser à distance</figcaption></figure>
|
||||
</p>
|
||||
<p>Depuis plus d’une décennie, uTorrent et BitTorrneont sont des applications à part entière sans lien avec les navigateurs web. Cela a changé récemment, car la maison mère BitTorrent propose maintenant une extension pour navigateur qui propose toutes les fonctions d’un client standard.</p>
|
||||
</p>
|
||||
<p>Comme de nombreuses solutions web, uTorrent et BitTorrent web permettent de <a href="https://www.mistergeek.net/informatique/comparatif-carte-boitier-acquisition-capture-video/">streamer</a> directement des vidéos dans son navigateur également. Quand suffisamment de personnes partagent ce même fichier et que suffisamment de bande passante est disponible, on pourrait presque se croire sur Netflix ou <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">YouTube</a>.</p>
|
||||
</p>
|
||||
<p>Avantages : Logiciels connus avec toutes les fonctionnalités qu’on pourrait attendre d’un client torrent</p>
|
||||
</p>
|
||||
<p>Inconvénients : Vous devez installer une <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">application</a> séparée. L’application fait la promotion (publicité ?) de vidéos en tendance de Ddlive.tv.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">3. Seedr : service de torrent dans le cloud</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image alignnone size-large wp-image-7199"><img decoding="async" src="/content/images/wordpress/2017/02/seedr-accueil-1024x579.png" alt="Service de streaming et téléchargement Seedr" class="wp-image-7199"/><figcaption>Seedr est une seed box dans le cloud pour télécharger et streamer ses fichiers</figcaption></figure>
|
||||
</p>
|
||||
<p>On vous a déjà parlé de Seedr qui est un service de seed box sur internet pour télécharger des fichiers en torrent, les regarder en <a href="https://www.mistergeek.net/informatique/configurer-obs-streaming/">streaming</a> et les télécharger. Le service est toujours en ligne et n’a pas changé depuis notre premier test.</p>
|
||||
</p>
|
||||
<p>On vous invite à regarder notre test pour en savoir plus à ce sujet.</p>
|
||||
</p>
|
||||
<p>Avantages : Téléchargement rapide, utilisable n’importe où et anonymat complet grâce à l’utilisation des serveurs de Seedr.</p>
|
||||
</p>
|
||||
<p>Inconvénients : nécessite un compte et l’offre gratuite a des limitations.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">4. Téléchargeurs cloud</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image alignnone size-large wp-image-15574"><img decoding="async" src="/content/images/wordpress/2020/05/putio-1-1024x358.jpg" alt="Put.io service de téléchargement" class="wp-image-15574"/><figcaption>Put.io est un service de téléchargement en ligne</figcaption></figure>
|
||||
</p>
|
||||
<p>Seedr nous introduit a un vaste monde de services de téléchargement. Put.io par exemple qui est en ligne depuis plus d’une décénnie déjà est une alternative. En plus des torrents le service supporte le téléchargement depuis des services vidéos (YouTube par exemple) et s’intègre avec Chromecast, Roku <a href="https://mistergeek.net/2020/06/28/comment-installer-ios-14-sans-compte-developpeur/">iOS</a> ou encore Kodi.</p>
|
||||
</p>
|
||||
<p>Avantages : Rapide, rien à installer, relativement anonyme</p>
|
||||
</p>
|
||||
<p>Inconvénients : Pas d’offre gratuite et un requiert un compte</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">5. Brave : navigateur web</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2020/05/brave-navigateur-torrent-1024x341.jpg" alt=""Téléchargement" class="wp-image-15573"/></figure>
|
||||
</p>
|
||||
<p>Brave est le navigateur axé sur la vie privée développé par des anciens collaborateurs de Mozilla. Egalement basé sur <strong>Chromium</strong>, Brave apporte en plus d’un bloqueur de publicité des fonctions BitTorrent. Si vous téléchargez un torrent avec Brave, celui-ci va s’ouvrir directement avec le navigateur et se mettre à télécharger. De plus, ici pas besoin d’extension supplémentaire ou autre, car tout est intégré par défaut dans le navigateur.</p>
|
||||
</p>
|
||||
<p>Avantages : Fonctionne par défaut sur le navigateur. Ne requiert pas la création d’un compte. C’est <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">gratuit</a> !</p>
|
||||
</p>
|
||||
<p>Inconvénients : Il va falloir l’installer le navigateur. Les contrôles sont limités sur les torrents.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">6. Transmission : client BitTorrent</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image alignnone size-full wp-image-15580"><img decoding="async" src="/content/images/wordpress/2020/05/Transmission-Web-Client.jpg" alt="Client Transmission Web" class="wp-image-15580"/><figcaption>Transmission peut même s’installer sur un Raspberry Pi pour faire seed box</figcaption></figure>
|
||||
</p>
|
||||
<p>Dernier mais pas des moindres pour télécharger ses torrent, c’est le client libre Transmission. Disponible sur Windows, <a href="https://www.mistergeek.net/informatique/tuto-comment-afficher-les-dossiers-caches-sur-mac/">Mac</a> et <a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">Linux</a> il peut s’installer sur un ordinateur ou sur un <a href="https://www.mistergeek.net/informatique/ipv6-serveur-scaleway-dedibox/">serveur</a> pour faire office de seedbox. Ainsi vous pouvez par exemple louer une machine chez Scaleway pour héberger vos fichiers. Si vous le souhaitez vous pouvez même utiliser Docker créer une <em>container</em> qui vous hébergera tout cela sans effort.</p>
|
||||
</p>
|
||||
<p>Avantages : Rapide et simple. Permet un contrôle à distance.</p>
|
||||
</p>
|
||||
<p>Inconvénients : Toutes les extensions ne sont pas à jour. Téléchargement à distance possible uniquement avec un client lourd.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Conclusion</h2>
|
||||
</p>
|
||||
<p>On vous présente ici une liste des logiciels et techniques pour télécharger en torrent sans vous compliquer la vie. D’ailleurs si vous êtes nouveau vous vous tournerez sûrement vers une option comme Brave ou un client léger hebérgé dans le cloud comme Seedr. Vous avez l’embarras du choix et la liberté d’essayé ces différentes technologies. Chacune ayant ses avantages et ses inconvénients.</p></p>
|
||||
@@ -1,32 +0,0 @@
|
||||
---
|
||||
title: "Comment réactiver un compte Yggtorrent ?"
|
||||
date: "2020-09-23T18:17:40"
|
||||
draft: false
|
||||
slug: "reactiver-compte-yggtorrent"
|
||||
wordpress_id: 602
|
||||
excerpt: "Yggtorrent est une site de partage communautaire de fichiers en P2P utilisant Bittorrent. Depuis la fermeture de T411…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2020/12/yggtorrent-google.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":199,"name":"Bittorrent","slug":"bittorrent"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
<p><!--kg-card-begin: html--></p>
|
||||
<p><a href="https://www.mistergeek.net/telechargement/bittorrent/yggtorrent-adresse/">Yggtorrent</a> est une site de partage communautaire de fichiers en P2P utilisant <a href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/">Bittorrent</a>. Depuis la fermeture de <strong>T411</strong> le site a remplacé celui-ci et opère sur le même modèle. Pour télécharger, vous devez partager et cela passe par un système de ratio. Or quand on ne sait pas ce que c’est on se retrouve vite avec un compte expiré. Votre compte sur Yggtorrent est inactif ? Vous ne savez pas quoi faire ou comment réactiver votre compte ? Voici une astuce pour survivre.</p>
|
||||
<h2>Le ratio de téléchargement</h2>
|
||||
<p>Contrairement aux sites comme OxTorrent, <a href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/">Cpasbien</a> ou <a href="https://www.mistergeek.net/telechargement/bittorrent/torrent9-adresse/">Torrent9</a>, <a href="https://www.mistergeek.net/telechargement">Yggtorrent</a> a fait le choix d’avoir un système de ratio.</p>
|
||||
<h3>Le ratio c’est quoi ?</h3>
|
||||
<p>Le ratio est le résultat de ce que vous partagez et de ce que vous téléchargez. Plus vous partagez plus le ratio monte et inversement plus vous téléchargez et plus le ratio baisse.</p>
|
||||
<p>Prenons un exemple pour mieux comprendre. Si vous téléchargez 1Go et que vous partagez 1Go, alors votre ratio est de 1. Maintenant si vous téléchargez 1Go et ne partagez que 0,5Go alors votre ratio est de 0,5. Or si le ratio de votre compte tombe en dessous de 1 vous devenez inactif.</p>
|
||||
<h3>Comment augmenter le ratio</h3>
|
||||
<p>Il y a typiquement trois façons de faire monter <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> ratio. La première méthode consiste à partager un maximum de <a href="https://mistergeek.net/internet/telechargement/top-des-plateformes-pour-heberger-des-fichiers/">fichiers</a>. La seconde est de tricher avec un logiciel qui simule du partage, de créer un nouveau compte et la dernière de payer (mais cela est déconseillé).</p>
|
||||
<h4>Partager du contenu pour augmenter son ratio</h4>
|
||||
<figure class="wp-block-image"><img decoding="async" class="wp-image-17162" src="/content/images/wordpress/2020/09/utorrent-ratio-yggtorrent-1024x576.jpg" sizes="(max-width: 1024px) 100vw, 1024px" srcset="/content/images/wordpress/2020/09/utorrent-ratio-yggtorrent-1024x576.jpg 1024w, /content/images/wordpress/2020/09/utorrent-ratio-yggtorrent-300x169.jpg 300w, /content/images/wordpress/2020/09/utorrent-ratio-yggtorrent-768x432.jpg 768w, /content/images/wordpress/2020/09/utorrent-ratio-yggtorrent-107x60.jpg 107w, /content/images/wordpress/2020/09/utorrent-ratio-yggtorrent-840x473.jpg 840w, /content/images/wordpress/2020/09/utorrent-ratio-yggtorrent.jpg 1280w" alt="" /></figure>
|
||||
<p>Pour augmenter le ratio il n’y a pas de secret, il faut partager. Vous avez peut être des documents sur votre poste qui peuvent servir à d’autres ? Si tel est le cas pensez à les mettre sur la plateforme. Sinon récupérer du contenu en ligne et gardez votre client Bittorrent ouvert.</p>
|
||||
<p>Une méthode simple pour partager du contenu est d’utiliser une seed box. C’est un <a href="https://www.mistergeek.net/informatique/ipv6-serveur-scaleway-dedibox/">serveur</a> qui va héberger vos fichiers et les partager à votre place. Ainsi vous n’avez rien à faire de plus que de laisser le contenu en partage sur la seed box pourvoir votre ratio monter. D’ailleurs on a déjà testé Seedr chez <a href="https://mistergeek.net/">Mistergeek</a> et on vous le conseille.</p>
|
||||
<h4>Utiliser RatioMaster ou mRatio</h4>
|
||||
<figure class="wp-block-image"><img decoding="async" class="wp-image-7047" src="/content/images/wordpress/2017/02/ratiomaster.png" sizes="(max-width: 961px) 100vw, 961px" srcset="/content/images/wordpress/2017/02/ratiomaster.png 961w, /content/images/wordpress/2017/02/ratiomaster-300x166.png 300w, /content/images/wordpress/2017/02/ratiomaster-768x425.png 768w, /content/images/wordpress/2017/02/ratiomaster-108x60.png 108w, /content/images/wordpress/2017/02/ratiomaster-696x385.png 696w, /content/images/wordpress/2017/02/ratiomaster-759x420.png 759w" alt="ratiomaster" /></figure>
|
||||
<p>Ratiomaster est un logiciel qu’on ne présente plus. Il a déjà été sujet de nombreux articles sur Mistergeek.net et permet globalement de simuler du partage.</p>
|
||||
<h2>Conclusion</h2>
|
||||
<p>Pour augmenter le ratio il n’y a pas de magie. Il faut partager du contenu ou tricher et faire semblant. L’un comme l’autre cela demande un peu de temps et de patience le temps que le ratio remonte .</p>
|
||||
<p><!--kg-card-end: html--></p>
|
||||
@@ -1,85 +0,0 @@
|
||||
---
|
||||
title: "Cpasbien : adresse officielle, légalité et informations (2021)"
|
||||
date: "2020-12-04T16:22:00"
|
||||
draft: false
|
||||
slug: "cpasbien-adresse"
|
||||
wordpress_id: 2696
|
||||
excerpt: "Cpasbien est l’un des sites de téléchargement torrent les plus utilisé en France. Ce tracker est gratuit et…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2021/03/cpasbien-torrent.png"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":199,"name":"Bittorrent","slug":"bittorrent"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Cpasbien est l’un des sites de <a href="https://www.mistergeek.net/vpn/nordvpn/">téléchargement</a> torrent les plus utilisé en France. Ce tracker est gratuit et arrive à avoir des pics des visites de l’ordre de 30 millions d’utilisateurs par mois. Connu pour offrir du contenu gratuit, que vaut le site aujourd’hui ? Quelle est l’adresse officielle de Cpasbien ? Est-ce légal de télécharger sur le site ? Voici notre dossier sur ce sujet et toutes les informations que nous avons sur Cpasbien.</p>
|
||||
</p>
|
||||
<p><div id="ez-toc-container" class="ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction">
|
||||
<p class="ez-toc-title" style="cursor:inherit">Table of Contents</p>
|
||||
<label for="ez-toc-cssicon-toggle-item-68a33a67f1efc" class="ez-toc-cssicon-toggle-label"><span class=""><span class="eztoc-hide" style="display:none;">Toggle</span><span class="ez-toc-icon-toggle-span"><svg style="fill: #999;color:#999" xmlns="http://www.w3.org/2000/svg" class="list-377408" width="20px" height="20px" viewBox="0 0 24 24" fill="none"><path d="M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z" fill="currentColor"></path></svg><svg style="fill: #999;color:#999" class="arrow-unsorted-368013" xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24" version="1.2" baseProfile="tiny"><path d="M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z"/></svg></span></span></label><input type="checkbox" id="ez-toc-cssicon-toggle-item-68a33a67f1efc" aria-label="Toggle" /><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-1" href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/#Cpasbien_les_informations_sur_le_site" >Cpasbien : les informations sur le site</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-2" href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/#Cpasbien_quest-ce_que_cest" >Cpasbien : qu’est-ce que c’est ?</a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-3" href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/#Cpasbien_comment_ca_fonctionne" >Cpasbien : comment ça fonctionne ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-4" href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/#Cpasbien_est-ce_un_site_fiable" >Cpasbien : est-ce un site fiable ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-5" href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/#Faut-il_sinscrire" >Faut-il s’inscrire ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-6" href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/#Cpasbien_est-ce_legal" >Cpasbien est-ce légal ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-7" href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/#Pourquoi_Cpasbien_est_illegal" >Pourquoi Cpasbien est illégal ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-8" href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/#Pourquoi_Cpasbien_est_populaire" >Pourquoi Cpasbien est populaire ?</a></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-9" href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/#FAQ_Questions_frequentes" >FAQ : Questions fréquentes</a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-10" href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/#Quelle_est_ladresse_officielle_du_site" >Quelle est l’adresse officielle du site ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-11" href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/#Quelles_sont_les_alternatives_a_Cpasbien" >Quelles sont les alternatives à Cpasbien ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-12" href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/#Est-ce_une_arnaque" >Est-ce une arnaque ?</a></li></ul></li></ul></li></ul></nav></div>
|
||||
|
||||
</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="Cpasbien_les_informations_sur_le_site"></span>Cpasbien : les informations sur le site<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<p>Dans ce dossier nous examinons le site de téléchargement Cpasbien. Il s’agit d’un site de torrent populaire en France qui a <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> public et cela depuis plus d’une décénnie.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Cpasbien_quest-ce_que_cest"></span>Cpasbien : qu’est-ce que c’est ?<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Caspbien est un tracker torrent. C’est le nom (barbare) qu’on donne aux sites qui hébergent des fichiers torrent en téléchargement. Les utilisateurs peuvent y trouver des fichiers qu’il peuvent ouvrir pour télécharger du contenu comme des <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">films</a>, des séries ou des jeux <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">vidéo</a>.</p>
|
||||
</p>
|
||||
<p>Le site est en libre accès et gratuit. Il ne nécessite pas d’inscription et se contente de lister les fichiers torrent à la façon d’un moteur de recherche. Le site est arrivé dans le domaine en 2008 et est depuis l’une des références pour télécharger.</p>
|
||||
</p>
|
||||
<p>En 2019 le site s’est transformé et a migré de domaine pour devenir OxTorrent et plus tard <a href="https://www.mistergeek.net/telechargement/bittorrent/torrent9-adresse/">Torrent9</a>, qui étaient jusque là aussi des alternatives à Cpasbien.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Cpasbien_comment_ca_fonctionne"></span>Cpasbien : comment ça fonctionne ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://mistergeek.net/wp-content/uploads/2021/03/telecharger-bittorrent-1024x576.jpg" alt="" class="wp-image-2701" srcset="https://www.mistergeek.net/wp-content/uploads/2021/03/telecharger-bittorrent-1024x576.jpg 1024w, https://www.mistergeek.net/wp-content/uploads/2021/03/telecharger-bittorrent-107x60.jpg 107w, https://www.mistergeek.net/wp-content/uploads/2021/03/telecharger-bittorrent-840x473.jpg 840w, https://www.mistergeek.net/wp-content/uploads/2021/03/telecharger-bittorrent-300x169.jpg 300w, https://www.mistergeek.net/wp-content/uploads/2021/03/telecharger-bittorrent-768x432.jpg 768w, https://www.mistergeek.net/wp-content/uploads/2021/03/telecharger-bittorrent-1080x608.jpg 1080w, https://www.mistergeek.net/wp-content/uploads/2021/03/telecharger-bittorrent-980x551.jpg 980w, https://www.mistergeek.net/wp-content/uploads/2021/03/telecharger-bittorrent-480x270.jpg 480w, https://www.mistergeek.net/wp-content/uploads/2021/03/telecharger-bittorrent.jpg 1152w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
|
||||
</p>
|
||||
</p>
|
||||
<p>Cpasbien est un tracker torrent. On peut aussi définir cela comme un annuaire de torrents. C’est un site de téléchargement dont la fonction principale est de répertorier les fichiers torrents.</p>
|
||||
</p>
|
||||
<p>En somme cela signifie que le site n’héberge pas les fichiers lui-même. Les utilisateurs doivent télécharger un fichier torrent puis l’ouvrir avec un logiciel (BitTorrent, uTorrent, qBittorrent). Dès lors le téléchargement de leurs fichiers commencera si le nombre personnes est suffisante. En effet le <a href="https://www.mistergeek.net/telechargement/bittorrent/comment-fonctionne-bittorrent/">protocole</a> utilisé pour faire du P2P fait que vous <a href="https://www.mistergeek.net/telechargement">téléchargez </a>les fichiers puis <a href="/informatique">l’ordinateurs</a> d’autres personnes. Votre adresse IP dans ce contexte directement exposée aux personnes. Pour éviter cela, pensez à utiliser un <a href="https://mistergeek.net/vpn">VPN</a> quand vous téléchargez sur Cpasbien.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Cpasbien_est-ce_un_site_fiable"></span>Cpasbien : est-ce un site fiable ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Le vériable site Cpasbien est fiable, cependant il existe des clones. Ce sont des sites qui sont copié avec les mêmes caractéristiques que le premier. Ces derniers demandent parfois votre <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">carte</a> bancaire ou encore de télécharger une <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">application</a> mobile pour fonctionner. Faites attention lorsque vous naviguez sur un lien qui n’est pas correcte. Normalement, en cliquant sur « Télécharger le torrent » le fichier devrait directement se télécharger. N’installez pas les applications inconnues.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Faut-il_sinscrire"></span>Faut-il s’inscrire ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Vous pouvez télécharger tout ce que vous souhaitez sans avoir à vous inscrire sur le site. Lorsque vous cliquer sur le bouton « Télécharger », vous devez récupérer un fichier torrent à ouvrir avec votre client BitTorrent.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Cpasbien_est-ce_legal"></span>Cpasbien est-ce légal ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Il est clair que Cpasbien n’est pas légal. Malgré l’intention des admistrateurs de vouloir faire croire aux autorité la légalité du site, le site bien illégal.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Pourquoi_Cpasbien_est_illegal"></span>Pourquoi Cpasbien est illégal ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Sur le site vous trouvez des milliers de fichiers comme des films, séries, <a href="https://www.mistergeek.net/informatique/spotify-premium-gratuit-ios-iphone/">musique</a>, ebooks ou encore logiciels. Télécharger n’est pas un acte illégal, mais télécharger des fichiers sur lesquels vous n’avez aucun droit oui. Si vous n’avez pas acheter ce que vous téléchargez alors cela est illégal. Le contenu qui est proposé sur le site n’est pas libre et gratuit (free et open source). Ces sont des oeuvres sous droit d’auteur.</p>
|
||||
</p>
|
||||
<p>La majorité du contenu n’est pa libre de droit. Cela signifie les auteurs ne gagnent rien sur les téléchargements qui sont fait sur le site. Ils ne sont donc pas payé. Les personnes qui téléchargent ou mettent en <a href="https://www.mistergeek.net/informatique">ligne </a>ces fichiers sont tout aussi dans l’illégalité en France.</p>
|
||||
</p>
|
||||
<p>Le protocole P2P BitTorrent fait que lorsque vous téléchargez un fichier, vous le partagez aussi. Ainsi en téléchargeant quelque chose, vous le partagez de fait. Comme nous avons pu le dire plus haut, votre adresse IP est alors exposée pour ceux qui partagent, mais aussi pour les autorités comme HADOPI.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Pourquoi_Cpasbien_est_populaire"></span>Pourquoi Cpasbien est populaire ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Le premier facteur de succès du site est sa gratuité. Les utilisateurs n’ont pas besoin de s’inscrire pour télécharger et tous les fichiers sont en libre accès. Le site fait parler delui sur les réseaux sociaux, mais aussi sur les forums et sa réputation n’est plus à faire. Aussi le choix énorme de contenus fait que de nombreux utilisateurs se tournent vers Cpasbien pour télécharger des films, séries, vidéos, jeux vidéo et même des logiciels.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="FAQ_Questions_frequentes"></span>FAQ : Questions fréquentes<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Voici les questions fréquentes sur Cpasbien aux quelles nous essayons d’apporter des réponses.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Quelle_est_ladresse_officielle_du_site"></span>Quelle est l’adresse officielle du site ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Depuis 2021 on retrouve un site en ligne à l’adresse ci-dessous :</p>
|
||||
</p>
|
||||
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="512" src="https://www.mistergeek.net/wp-content/uploads/2021/09/adresse-officielle-cpasbien-2021.png" alt="Adresse officielle de Cpasbien" class="wp-image-4501" srcset="https://www.mistergeek.net/wp-content/uploads/2021/09/adresse-officielle-cpasbien-2021.png 1024w, https://www.mistergeek.net/wp-content/uploads/2021/09/adresse-officielle-cpasbien-2021-300x150.png 300w, https://www.mistergeek.net/wp-content/uploads/2021/09/adresse-officielle-cpasbien-2021-768x384.png 768w, https://www.mistergeek.net/wp-content/uploads/2021/09/adresse-officielle-cpasbien-2021-120x60.png 120w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Voici la dernière adresse de Cpasbien</figcaption></figure>
|
||||
</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Quelles_sont_les_alternatives_a_Cpasbien"></span>Quelles sont les alternatives à Cpasbien ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Il existe d’autres sites légaux ou non pour remplacer Cpasbien. On peut citer <a href="https://www.mistergeek.net/telechargement/bittorrent/yggtorrent-adresse/">Yggtorrent</a>, Torrent9, <a href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/">GKTorrent</a>, OxTorrent. Il y aussi les plateformes comme Netflix, OCS, <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">Spotify</a> ou encore <a href="https://www.mistergeek.net/informatique/test-amazon-echo-alexa/">Amazon</a> pour le contenu numérique.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Est-ce_une_arnaque"></span>Est-ce une arnaque ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Si on vous demande de télécharger un fichier exécutable ou de mettre votre carte bancaire alors vous n’êtes pas sur le bon site. Quittez celui-ci au plus vite, car il peut bien s’agir d’une arnaque. Aussi n’oubliez pas que ces plateformes sont illégales.</p></p>
|
||||
File diff suppressed because one or more lines are too long
@@ -1,99 +0,0 @@
|
||||
---
|
||||
title: "GKTorrent : informations et adresse (2022)"
|
||||
date: "2021-01-29T16:52:00"
|
||||
draft: false
|
||||
slug: "gktorrent-adresse"
|
||||
wordpress_id: 362
|
||||
excerpt: "GKTorrent un site Web de téléchargement dédié aux fichiers BitTorrent en France. Vous cherchez des informations concernant le…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2021/09/gktorrent.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":199,"name":"Bittorrent","slug":"bittorrent"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p><em>GKTorrent</em> un site Web de <a href="https://www.mistergeek.net/vpn/nordvpn/">téléchargement</a> dédié aux fichiers BitTorrent en France. Vous cherchez des informations concernant le site téléchargement torrent <em>GKTorrent</em> ? Besoin de savoir quelle est l’adresse officielle du site ? Est-ce que c’est légal de télécharger dessus ? Quels sont les contenus qui sont proposés sur ce site ? Découvrez notre dossier pour en apprendre plus sur ce site de téléchargement torrent Français.</p>
|
||||
</p>
|
||||
<p><strong>GKTorrrent</strong> est un site de téléchargement public comme nous en avons l’habitude de voir. La fin d’année est souvent l’occasion de faire le tour des sites de téléchargement. Cet article est le troisième de la liste sur Mistergeek et a pour but de construire une analyse de <strong>GKTorrent</strong> et un avis.</p>
|
||||
</p>
|
||||
<p><div id="ez-toc-container" class="ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction">
|
||||
<p class="ez-toc-title" style="cursor:inherit">Table of Contents</p>
|
||||
<label for="ez-toc-cssicon-toggle-item-68a33a67d83bd" class="ez-toc-cssicon-toggle-label"><span class=""><span class="eztoc-hide" style="display:none;">Toggle</span><span class="ez-toc-icon-toggle-span"><svg style="fill: #999;color:#999" xmlns="http://www.w3.org/2000/svg" class="list-377408" width="20px" height="20px" viewBox="0 0 24 24" fill="none"><path d="M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z" fill="currentColor"></path></svg><svg style="fill: #999;color:#999" class="arrow-unsorted-368013" xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24" version="1.2" baseProfile="tiny"><path d="M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z"/></svg></span></span></label><input type="checkbox" id="ez-toc-cssicon-toggle-item-68a33a67d83bd" aria-label="Toggle" /><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-1" href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/#GKTorrent_cest_quoi" >GKTorrent c’est quoi ?</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-2" href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/#Quelle_est_ladresse_officielle_de_GKTorrent" >Quelle est l’adresse officielle de GKTorrent ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-3" href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/#Comment_fonctionne_GKTorrent" >Comment fonctionne GKTorrent ?</a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-4" href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/#Comment_le_site_gagne_de_largent_Quel_est_le_modele_economique" >Comment le site gagne de l’argent ? Quel est le modèle économique ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-5" href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/#Quels_sont_les_fichiers_disponibles_sur_GKTorrent" >Quels sont les fichiers disponibles sur GKTorrent ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-6" href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/#Quelle_est_la_qualite_des_fichiers" >Quelle est la qualité des fichiers ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-7" href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/#Combien_il_y_a-t-il_de_fichiers" >Combien il y a-t-il de fichiers ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-8" href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/#Comment_telecharger_en_torrent_sur_GKTorrent" >Comment télécharger en torrent sur GKTorrent ?</a></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-9" href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/#Questions_frequentes_sur_GKTorrent" >Questions fréquentes sur GKTorrent</a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-10" href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/#Est-ce_que_cest_legal" >Est-ce que c’est légal ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-11" href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/#Il_y_a-t-il_des_virus" >Il y a-t-il des virus ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-12" href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/#Plus_dinformations_sur_GKTorrent" >Plus d’informations sur GKTorrent</a></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-13" href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/#Presentation_du_site_Web" >Présentation du site Web</a></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-14" href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/#Conclusion" >Conclusion</a></li></ul></nav></div>
|
||||
|
||||
</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="GKTorrent_cest_quoi"></span>GKTorrent c’est quoi ?<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<p>GKTorrent est un annuaire de téléchargement torrent. Il se positionne en concurrent direct de <a href="https://www.mistergeek.net/telechargement/bittorrent/torrent9-adresse/">Torrent9</a> et est considéré comme une alternative à ce premier. Le site compte selon Google plus de 40000 liens et est dans le <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">top</a> 100 000 des sites mondiaux. En France le site est considéré comme une référence parmi les autres du sites du genre dont <a href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/">Cpasbien</a>.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Quelle_est_ladresse_officielle_de_GKTorrent"></span>Quelle est l’adresse officielle de GKTorrent ?<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>GKTorrent est un site qui change souvent d’adresse étant donné le blocage effectué par les opérateurs comme Orange, Free, SFR ou Bouygues Telecom en France. Ainsi, pour ne pas perdre ses visiteurs, le site change très souvent d’adresse. Si le site ne fonctionne pas, nous vous conseillons de lire notre tutoriel pour changer vos <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">DNS</a> ou utiliser un <a href="https://www.mistergeek.net/vpn/purevpn/">VPN</a>.</p>
|
||||
</p>
|
||||
<p>La dernière adresse officielle en date est mentionnée ci-dessous :</p>
|
||||
</p>
|
||||
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
|
||||
<p>www.gktorrents.cc</p>
|
||||
</blockquote>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Comment_fonctionne_GKTorrent"></span>Comment fonctionne GKTorrent ?<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>GKTorrent fonctionne comme un catalogue pour téléchargement torrent. Le site est <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">gratuit</a> et les utilisateurs peuvent consulter et télécharger les fichiers sans même avoir besoin d’être membre. Les pirates hébergent et partagent du contenu en ligne grâce au P2P et au <a href="https://www.mistergeek.net/telechargement/bittorrent/comment-fonctionne-bittorrent/">protocole</a> Bittorrent. Les visiteurs peuvent ensuite récupérer les fichiers sur Internet en utilisant un logiciel.</p>
|
||||
</p>
|
||||
<p>En utilisant le système pair à pair, GKTorrent laisse aux utilisateurs du site la charge du partage des fichiers. Ainsi, ils se partagent le contenu et utilisent GKTorrent uniquement comme un index où trouver les fichiers à télécharger. De plus il faut noter que le site n’utilise pas de système de ratio. Les pirates peuvent télécharger autant qu’ils le souhaitent.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Comment_le_site_gagne_de_largent_Quel_est_le_modele_economique"></span>Comment le site gagne de l’argent ? Quel est le modèle économique ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>La publicité est au cœur du modèle économique de GKTorrent. Le site affiche parfois des publicités douteuses et récupère ainsi une ressource financière. Il y a aussi l’affiliation avec des services comme du <a href="/vpn">VPN </a>ou des logiciels.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Quels_sont_les_fichiers_disponibles_sur_GKTorrent"></span>Quels sont les fichiers disponibles sur GKTorrent ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>GKTorrent regroupe des fichiers comme des <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">films</a>, séries, ebooks, de la <a href="https://www.mistergeek.net/informatique/spotify-premium-gratuit-ios-iphone/">musique</a>, des jeux <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">vidéo</a> ou encore des logiciels. Le tout est bien souvent piraté et illégalement mis en ligne.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Quelle_est_la_qualite_des_fichiers"></span>Quelle est la qualité des fichiers ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>GKTorrent offre une grande liste de fichiers dont les derniers sont sur les premières pages du site web. Le site héberge de tout allant du DivX au fichiers HD et UHD en 4K pour les films et séries, mais aussi parfois des fichiers <a href="https://www.mistergeek.net/informatique/format-flac/">FLAC</a> pour la musique.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Combien_il_y_a-t-il_de_fichiers"></span>Combien il y a-t-il de fichiers ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Selon nos estimations et selon Google, la plateforme de téléchargement torrent compte tout autant de fichiers que Torrent9. Il est même possible de retrouver des références communes et partagées entre les deux sites Bittorrent.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Comment_telecharger_en_torrent_sur_GKTorrent"></span>Comment télécharger en torrent sur GKTorrent ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Pour télécharger un torrent il faut vos munir d’un logiciel (client) approprié. Celui-ci permettra de faire le lien avec le fichier téléchargé en « .torrent », le réseau BitTorrent et le protocole lui-même.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Questions_frequentes_sur_GKTorrent"></span>Questions fréquentes sur GKTorrent<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Découvrez ci-dessous les questions fréquentes au sujet de GKTorrent. </p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Est-ce_que_cest_legal"></span>Est-ce que c’est légal ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Non, GKTorrent n’est pas légal. Beaucoup des fichiers hébergés sont fait sans l’accord des auteurs ou des ayants droit. D’ailleurs le site ainsi que le administrateurs savent très bien que beaucoup des contenus présents sont illégaux.</p>
|
||||
</p>
|
||||
<p>Renseignez-vous sur vos droits avant de télécharger un fichier.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Il_y_a-t-il_des_virus"></span>Il y a-t-il des virus ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p><strong>GKTorrent étant un tracker Bittorrent public</strong>, le contenu n’est pas vérifié par des administrateurs. Parfois il se peut que des virus se glissent entre les fichiers et tout particulièrement pour les programmes et applications. Nous vous conseillons fortement d’avoir un antivirus à jour pour lutter au mieux contre les virus que vous pourriez télécharger.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Plus_dinformations_sur_GKTorrent"></span>Plus d’informations sur GKTorrent<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Les sites publics et semi-publics sont ceux qui attirent le plus de visiteurs. C’est un constat qu’on peut facilement tirer en comparant les données offertes par <a href="https://www.mistergeek.net/informatique/test-amazon-echo-alexa/">Alexa</a>. En analysant <strong><a href="https://www.mistergeek.net/telechargement/bittorrent/yggtorrent-adresse/">Yggtorrent</a></strong> , <strong>Cpasbien</strong> et <strong>Torrent9</strong> à <strong>GKTorrent</strong> on remarque que ceux-ci soint loin devant les sites privés. La tendance est ici de diffuser le plus largement possible son contenu pour toucher un maximum de visiteurs et donc rentabiliser les plateformes avec de la publicité.</p>
|
||||
</p>
|
||||
<p><strong>GKTorrent</strong> fait parti des sites de téléchargement qui sont connus en France. Actuellement dans le top 3000 des sites (selon <strong>Alexa</strong>), ce tracker se rapproche de <strong>Cpasbien</strong> et de <strong>Torrent9</strong>, autant dans son design que dans son fonctionnement.</p>
|
||||
</p>
|
||||
<p>Le premier point remarquable est le fait que <strong>GKTorrent</strong> est tout récent sur Alexa. Le site semble avoir été monté depuis novembre 2018. Lorsqu’on cherche un peu sur le web on constate qu’<strong>Oxtorrent</strong> était à la base du <strong>GKTorrent</strong> actuel.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Presentation_du_site_Web"></span>Présentation du site Web<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/12/gktorrent-telechargement-bittorrent.jpg" alt="" class="wp-image-12306"/></figure>
|
||||
</p>
|
||||
<p><strong>GKTorrent</strong> semble être une source pour les autres sites de téléchargement en <a href="https://www.mistergeek.net/telechargement">Bittorrent</a>. Si on regarde du côté du dernier Torrent9 on constate une copie presque parfaite des fichiers qui y sont <em>upload</em>. Dans l’ensemble le site reprend le design des ses homologues et hormis le logo et les couleurs, on penserait à une copie de Cpasbien ou de Torrent9.</p>
|
||||
</p>
|
||||
<p>Le site regroupe comme ses concurrents des fichiers de nature diverses en FR voire en VOSTFR. Les fichiers sont dans l’ensemble disponibles en Full HD et en 4K avec les codecs <strong>H264</strong> et <strong>H265</strong>. On peut retrouver des fichiers en DivX (ou XviD) encore sur le site, il faut donc veiller à bien lire la description de chaque <em>upload.</em></p>
|
||||
</p>
|
||||
<p>Après essai les fichiers semblent ne pas contenir de virus ou de <em>malwares</em>, mais on ne sait jamais sur quoi on peut tomber sur ce genre de site. N’oubliez pas qu’il vaut toujours mieux se protéger avec un antivirus. </p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="Conclusion"></span>Conclusion<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<p>GKTorrent joue dans la même cour que Torrent9 et Cpasbien. Ces sites se copient entre eux et on y retrouve des fichiers similaires. On notera que la qualité des médias est un cran supérieur sur Yggtorrent. Le site lui reste accessible pour tous et cela gratuitement, sans aucune inscription.</p></p>
|
||||
@@ -1,121 +0,0 @@
|
||||
---
|
||||
title: "Explication et comparatif des meilleures seedbox [2022]"
|
||||
date: "2021-12-13T15:43:06"
|
||||
draft: false
|
||||
slug: "comparatif-seedbox"
|
||||
wordpress_id: 123
|
||||
excerpt: "Vous souhaitez télécharger sans risque en BitTorrent ? Vous cherchez un espace de stockage en ligne ? Quel…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2021/12/serveur-seebox.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":199,"name":"Bittorrent","slug":"bittorrent"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Vous souhaitez télécharger sans risque en <a href="https://www.mistergeek.net/telechargement/bittorrent/yggtorrent-adresse/">BitTorrent</a> ? Vous cherchez un espace de stockage en ligne ? Quel est la meilleure façon d’éviter HADOPI sans utiliser de <a href="https://www.mistergeek.net/vpn/purevpn/">VPN</a> ? Dans cet article, nous vous proposons de découvrir un <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">service</a> de <a href="https://www.mistergeek.net/vpn/nordvpn/">téléchargement</a> cloud de BitTorrent.</p>
|
||||
</p>
|
||||
<p><div id="ez-toc-container" class="ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction">
|
||||
<p class="ez-toc-title" style="cursor:inherit">Table of Contents</p>
|
||||
<label for="ez-toc-cssicon-toggle-item-68a33a65b80ca" class="ez-toc-cssicon-toggle-label"><span class=""><span class="eztoc-hide" style="display:none;">Toggle</span><span class="ez-toc-icon-toggle-span"><svg style="fill: #999;color:#999" xmlns="http://www.w3.org/2000/svg" class="list-377408" width="20px" height="20px" viewBox="0 0 24 24" fill="none"><path d="M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z" fill="currentColor"></path></svg><svg style="fill: #999;color:#999" class="arrow-unsorted-368013" xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24" version="1.2" baseProfile="tiny"><path d="M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z"/></svg></span></span></label><input type="checkbox" id="ez-toc-cssicon-toggle-item-68a33a65b80ca" aria-label="Toggle" /><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-1" href="https://www.mistergeek.net/telechargement/bittorrent/comparatif-seedbox/#Seedbox" >Seedbox</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-2" href="https://www.mistergeek.net/telechargement/bittorrent/comparatif-seedbox/#Une_seedbox_cest_quoi" >Une seedbox c’est quoi ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-3" href="https://www.mistergeek.net/telechargement/bittorrent/comparatif-seedbox/#Comment_fonctionne_une_seedbox" >Comment fonctionne une seedbox ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-4" href="https://www.mistergeek.net/telechargement/bittorrent/comparatif-seedbox/#Quel_service_de_seedbox_utiliser" >Quel service de seedbox utiliser ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-5" href="https://www.mistergeek.net/telechargement/bittorrent/comparatif-seedbox/#Decouverte_de_Seedr" >Découverte de Seedr</a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-6" href="https://www.mistergeek.net/telechargement/bittorrent/comparatif-seedbox/#Quest-ce_que_Seedr" >Qu’est-ce que Seedr ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-7" href="https://www.mistergeek.net/telechargement/bittorrent/comparatif-seedbox/#Comment_fonctionne_Seedr" >Comment fonctionne Seedr ?</a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class="ez-toc-link ez-toc-heading-8" href="https://www.mistergeek.net/telechargement/bittorrent/comparatif-seedbox/#Comment_utiliser_Seedr" >Comment utiliser Seedr ?</a></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-9" href="https://www.mistergeek.net/telechargement/bittorrent/comparatif-seedbox/#Le_streaming_de_video" >Le streaming de vidéo</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-10" href="https://www.mistergeek.net/telechargement/bittorrent/comparatif-seedbox/#Combien_despace_disque" >Combien d’espace disque ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-11" href="https://www.mistergeek.net/telechargement/bittorrent/comparatif-seedbox/#Avis_sur_Seedr" >Avis sur Seedr</a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class="ez-toc-link ez-toc-heading-12" href="https://www.mistergeek.net/telechargement/bittorrent/comparatif-seedbox/#Les_plus" >Les plus</a></li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class="ez-toc-link ez-toc-heading-13" href="https://www.mistergeek.net/telechargement/bittorrent/comparatif-seedbox/#Les_moins" >Les moins</a></li></ul></li></ul></li></ul></li></ul></nav></div>
|
||||
|
||||
</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="Seedbox"></span>Seedbox<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<p>Dans cet article, nous allons découvrir les <em>seedboxes</em> et découvrir comment ils peuvent être utilisé pour télécharger en ligne en prenant moins de risque. En effet les <em>seedboxes</em>, sont des alternatives fiables aux VPN</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Une_seedbox_cest_quoi"></span>Une seedbox c’est quoi ?<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>La façon la plus simple de comprendre ce qu’est une seedbox est de la considérer comme un <a href="https://www.mistergeek.net/informatique/ipv6-serveur-scaleway-dedibox/">serveur</a> distant. Ce serveur est situé dans un centre de données doté d’équipements à haut débit et possède une adresse publique différente de la vôtre (à la maison par exemple). Vous pouvez l’utiliser pour télécharger et envoyer des fichiers en privé sur Internet à l’aide de votre client BitTorrent préféré.</p>
|
||||
</p>
|
||||
<p>La plupart des services de seedbox offrent des vitesses rapides qui vous permettent de télécharger de gros fichiers très rapidement. Vous pouvez vous attendre à une connexion d’au moins 100 Mbit/s.</p>
|
||||
</p>
|
||||
<p>Les forfaits seedbox plus chers peuvent aller jusqu’à un débit 10 Gbit/s. Certains proposent même des connexions de 20 Gbit/s, mais elles sont très chères et probablement trop élevées pour la grande majorité des gens.</p>
|
||||
</p>
|
||||
<p>Comme nous l’avons déjà mentionné, les services seedbox ne se contentent pas de fournir des débits élevées, ils vous permettent également de gagner en anonymat grâce à leurs serveurs. En effet ceux-ci sont pafois situés dans d’autres pays avec des régulation différentes. Comme ces serveurs ont leurs propres adresses publiques, l’adresse de votre ordinateur reste cachée lors que vous téléchargez depuis votre seedbox. Vous pouvez considérer un serveur seedbox comme un ordinateur rapide et mutualisé avec d’autres personnes pour le téléchargement sur Internet.</p>
|
||||
</p>
|
||||
<p>Lorsque vous louez une Seedbox, vous avez accès à une interface web (ou une <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">application</a>) qui vous permet de contrôler un client Bittorrent distant. C’est parfois même une équivalence de µTorrent (comme Transmission). Une seedbox offre en général bien plus fonctionnalités que la simple protection des échanges. Ce que peut fait basiquement un VPN avec votre adresse IP. Vous pouvez souvent retrouver la possibilité de regarder en <a href="https://mistergeek.net/streaming">Streaming</a> vos fichiers vidéos, les partager avec vos amis ou encore les membres de votre famille.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Comment_fonctionne_une_seedbox"></span>Comment fonctionne une seedbox ?<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/02/Seedbox.jpg" alt="Dessin du fonctionnement d'une seedbox pour le téléchargement BitTorrent et le stockage cloud" class="wp-image-7194"/></figure>
|
||||
</p>
|
||||
<p>Une seedbox est un serveur qui permet de télécharger et de gérer des fichiers comme Dropbox ou Google Drive. Vous pouvez télécharger chaque fichier à partir de la seedbox, il peut être utilisé ultérieurement. Il s’agit d’un serveur hautement sécurisé et avec beaucoup de bande passante, qui permet de charger et de télécharger des fichiers numériques. Il est capable de gérer des fichiers texte, image, <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">vidéo</a> et <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">audio</a>. Il vous permet de transférer ou de télécharger les fichiers sur votre ordinateur ou mobile.</p>
|
||||
</p>
|
||||
<p>Les seedbox vous permettent de télécharger des fichiers qui ont été enregistrés sur elles via HTTP, FTP et SFTP. Peu de fournisseurs d’accès à Internet (FAI), si tant est qu’il y en ait, vont limiter ces protocoles de transfert courants. Vous pouvez donc utiliser la vitesse maximale de votre connexion Internet à domicile, à condition que la seedbox que vous avez louée puisse vous fournir les fichiers rapidement, bien sûr.</p>
|
||||
</p>
|
||||
<p>Les seedbox payantes sont généralement installées dans des datacenters disposant d’une connexion réseau à très haut débit. Les téléchargements qui auraient pu prendre des heures, voire des jours, sur votre connexion domestique prennent quelques secondes ou minutes sur une seedbox. Une fois les fichiers stockés en toute sécurité sur votre seedbox, vous pouvez les récupérer à votre guise sous forme de téléchargement direct (DDL).</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Quel_service_de_seedbox_utiliser"></span>Quel service de seedbox utiliser ?<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Voici notre choix des 6 meilleurs fournisseurs de seedbox. Cette sélectionne se base sur les seedboxes mutualisées et non dédiées. Cela, signifique que la machine sur laquelle sera stockée vos données seront sera partagée avec d’autres utilisateurs.</p>
|
||||
</p>
|
||||
<p>Les meilleurs fournisseurs de seedbox :</p>
|
||||
</p>
|
||||
<ul class="wp-block-list">
|
||||
<li>seedr.cc</li>
|
||||
<li>seedbox.fr</li>
|
||||
<li>my-seedbox.com</li>
|
||||
<li>sdedi.com</li>
|
||||
<li>ma-seedbox.me</li>
|
||||
<li>dediseedbox.com</li>
|
||||
</ul>
|
||||
</p>
|
||||
<p>Nous avons fait le choix de nous concentrer sur Seedr, qui est un fournisseur cloud avec une offre gratuite très intérressante.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Decouverte_de_Seedr"></span>Découverte de Seedr<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Dans cette partie, nous vous proposons un test de Seedr, un service de seedbox dans le cloud.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Quest-ce_que_Seedr"></span>Qu’est-ce que Seedr ? <span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Seedr est un service en ligne de seedbox. Il s’agit d’une application qui permet de télécharger des torrents dans le cloud avec une offre gratuit limitée et des offres payantes. Seedr est une application qui récupère vos fichiers sur des serveurs dans le <em><a href="https://www.mistergeek.net/informatique">cloud</a></em> et les stocke pour vous. Ainsi à la façon de Dropbox, le service vous permet ensuite de récupérer vos fichiers en téléchargement direct (<a href="https://www.mistergeek.net/telechargement">DDL</a>).</p>
|
||||
</p>
|
||||
<p>Une seedbox sécurise vos téléchargements en évitant la propagation de votre adresse (auprès de HADOPI) par exemple. </p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Comment_fonctionne_Seedr"></span>Comment fonctionne Seedr ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/02/seedr-header.jpg" alt="" class="wp-image-7197"/></figure>
|
||||
</p>
|
||||
<h5 class="wp-block-heading"><span class="ez-toc-section" id="Comment_utiliser_Seedr"></span>Comment utiliser Seedr ?<span class="ez-toc-section-end"></span></h5>
|
||||
</p>
|
||||
<p>Contrairement à beaucoup de ses concurrents, Seedr est très orienté cloud vous propose une interface unique. Ici, pas de clients Transmission ou encore de rTorrent, mais bien une interface travaillée dont les mécaniques sont complètement invisibles. Le site s’inspire même de la charte graphique de Dropbox.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/02/seedr-accueil-1024x579.png" alt="" class="wp-image-7199"/></figure>
|
||||
</p>
|
||||
<p>En page d’accueil on retrouve l’essentiel. On paye pour avoir nos fichiers Bittorrent hébergés, c’est ce que nous avons, en plus de quelques informations supplémentaires. Ce qui m’a impressionné, c’est la vitesse de téléchargement des torrents, car même avec des torrents dont le nombre de seeders est très élevé, tout se fait presque instantanément. On a peine le temps d’ajouter le fichier que nos fichiers sont déjà prêts.</p>
|
||||
</p>
|
||||
<p>Si jamais vous souhaitiez télécharger de la <a href="https://www.mistergeek.net/informatique/format-flac/">musique</a> en grande quantité, privilégiez plutôt notre article sur comment avoir accès à <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">Spotify</a> gratuitement, avec 2Go vous ne stockerez pas grand chose.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Le_streaming_de_video"></span>Le streaming de vidéo<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>La possibilité de regarder en <a href="https://www.mistergeek.net/informatique/configurer-obs-streaming/">Streaming</a> les fichiers que nous venons de télécharger est l’une des plus grosses fonctionnalités proposés. C’est un réel plus, comparé à d’autres hébergeurs de seedbox. On aurait également apprécié avoir un accès Plex afin de pouvoir regarder toutes nos séries en Streaming sur tous nos appareils, cependant nous devrons nous contenter de cela.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Combien_despace_disque"></span>Combien d’espace disque ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/02/seedr-1024x600.png" alt="" class="wp-image-7307"/></figure>
|
||||
</p>
|
||||
<p>Afin de gagner en espace de stockage – et un peu à la manière de Dropbox – vous pouvez parrainer vos amis ou membres de de votre famille. Il existe également des programmes de fidélisation qui augmentent la taille de vos disques lorsque vous retweetez @Seedr par exemple. En effet si jamais vous en voulez plus, c’est peut-être l’occasion pour vous d’en profiter gratuitement.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Avis_sur_Seedr"></span>Avis sur Seedr<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Pour terminer, je dirais que Seedr est un bon fournisseur de Seedbox qui propose une offre orientée cloud et qui permet d’augmenter la disponibilité des fichiers que l’on télécharge. Globalement, l’offre gratuite peut satisfaire n’importe quel utilisateur lambda, mais on manque vite d’espace de stockage – est-ce là une façon de créer de la frustration pour pousser les utilisateurs gratuit à migrer vers les offres payantes ?</p>
|
||||
</p>
|
||||
<h5 class="wp-block-heading"><span class="ez-toc-section" id="Les_plus"></span>Les plus<span class="ez-toc-section-end"></span></h5>
|
||||
</p>
|
||||
<ul class="wp-block-list">
|
||||
<li>Pouvoir obtenir plus d’espace disque gratuitement</li>
|
||||
<li>Regarder les fichiers téléchargés en Streaming</li>
|
||||
<li>La simplicité de l’application web</li>
|
||||
<li>La possibilité de partager nos fichiers grâce à un lien</li>
|
||||
</ul>
|
||||
</p>
|
||||
<h5 class="wp-block-heading"><span class="ez-toc-section" id="Les_moins"></span>Les moins<span class="ez-toc-section-end"></span></h5>
|
||||
</p>
|
||||
<ul class="wp-block-list">
|
||||
<li>L’impossibilité d’ajouter des torrents privés en version gratuite</li>
|
||||
<li>Le coût plus élevé que les autres prestataires de Seedbox</li>
|
||||
<li>L’impossibilité d’ajouter nos fichiers sur Dropbox, Box, Google Drive, etc.</li>
|
||||
</ul>
|
||||
</p>
|
||||
<p><strong>Profiter de Seedr gratuitement avec 2Go : www.seedr.cc</strong></p></p>
|
||||
File diff suppressed because one or more lines are too long
@@ -1,44 +0,0 @@
|
||||
---
|
||||
title: "Quelques conseils pour apprendre à réaliser un bon investissement boursier"
|
||||
date: "2022-12-21T18:07:06"
|
||||
draft: false
|
||||
slug: "comment-realiser-investissement"
|
||||
wordpress_id: 5316
|
||||
excerpt: "Au même titre que l’immobilier locatif, le marché boursier ou trading est l’un des meilleurs placements financiers. Il…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2022/12/bien-investir.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":332,"name":"Crypto","slug":"crypto"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Au même titre que l’immobilier locatif, le marché boursier ou trading est l’un des meilleurs placements financiers. Il présente une rentabilité très intéressante qui attire de plus en plus d’investisseurs. En effet, l’investissement en bourse vous permet de placer vos capitaux sur des actifs qui prennent de la valeur au fil du temps. Cependant, pour réussir dans le trading, il est important de disposer des connaissances et compétences nécessaires. Celles-ci seront nécessaires pour interpréter les mouvements et savoir tirer parti de chaque situation. Découvrez dans cet article quelques conseils pour réaliser un <a href="https://www.mistergeek.net/jeu-video/play-to-earn-metaverse/">bon investissement</a> en bourse.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Suivre une formation de trading en ligne</h2>
|
||||
</p>
|
||||
<p>Avec l’avènement de l’internet et du numérique, les différents domaines de la vie ont connu divers changements. Aujourd’hui, les formations en présentiel ne sont plus aussi prisées. Il est désormais possible de suivre toutes sortes de<strong> formations en ligne </strong>depuis n’importe où. Cette approche est très pratique et permet de gagner un temps précieux. Dans le cadre d’un investissement sur le marché boursier, il est préconisé de suivre une formation pour acquérir les notions nécessaires. Vous pouvez suivre une formation en ligne pour <a href="https://bourse101.com/apprendre-la-bourse/">comprendre la bourse avec bourse101.com</a>.</p>
|
||||
</p>
|
||||
<p>Il s’agit d’une formation entièrement en ligne qui vous aidera à apprendre l’<strong>évolution du prix des actifs</strong> et le suivi des tendances du marché. Un programme complet sera mis à votre disposition afin de vous permettre de maîtriser les termes techniques concernant le <a href="https://www.mistergeek.net/streaming/startup-serie-cryptomonnaie/">trading</a> et les différentes configurations du marché. Le but de cette formation est de vous permettre d’acquérir le profil pour réaliser un investissement rentable en bourse.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Lire de livres</h2>
|
||||
</p>
|
||||
<p>Pour<strong> investir en bourse </strong>et même faire devenir un trader, vous devez effectivement vous former. Cela dit, aucune formation ne vous permettra d’être meilleur dans ce que vous faites si vous ne mettez pas du vôtre. Afin de progresser rapidement et de façon remarquable, vous devez disposer d’une bonne documentation sur le <strong>marché boursier.</strong></p>
|
||||
</p>
|
||||
<p>Il existe sur la toile une multitude de <a href="https://www.mistergeek.net/telechargement/bittorrent/comparatif-seedbox/">livres électroniques accessibles gratuitement</a>, que vous pourrez obtenir facilement. Quelques heures de documentation par jour vous permettront d’acquérir de plus en plus de connaissances approfondies.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Suivre des tutoriels sur YouTube</h2>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="768" src="https://www.mistergeek.net/wp-content/uploads/2022/12/signaux-trading-1024x768.jpg" alt="" class="wp-image-5319" srcset="https://www.mistergeek.net/wp-content/uploads/2022/12/signaux-trading-1024x768.jpg 1024w, https://www.mistergeek.net/wp-content/uploads/2022/12/signaux-trading-300x225.jpg 300w, https://www.mistergeek.net/wp-content/uploads/2022/12/signaux-trading-768x576.jpg 768w, https://www.mistergeek.net/wp-content/uploads/2022/12/signaux-trading-1536x1152.jpg 1536w, https://www.mistergeek.net/wp-content/uploads/2022/12/signaux-trading-200x150.jpg 200w, https://www.mistergeek.net/wp-content/uploads/2022/12/signaux-trading-260x195.jpg 260w, https://www.mistergeek.net/wp-content/uploads/2022/12/signaux-trading-380x285.jpg 380w, https://www.mistergeek.net/wp-content/uploads/2022/12/signaux-trading-800x600.jpg 800w, https://www.mistergeek.net/wp-content/uploads/2022/12/signaux-trading-1160x870.jpg 1160w, https://www.mistergeek.net/wp-content/uploads/2022/12/signaux-trading.jpg 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
|
||||
</p>
|
||||
<p>La plateforme de <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">vidéo</a> <a href="https://www.mistergeek.net/informatique/configurer-obs-streaming/">YouTube</a> est indubitablement l’une des meilleures sources de documentation. Elle regorge d’une grande variété de vidéos qui abordent sérieusement diverses thématiques qui existent. Que ce soit la mode vestimentaire, le sport, la cuisine, le référencement, l’informatique ou le commerce, vous avez tous les contenus possibles. En ce sens, vous n’aurez aucune difficulté à trouver sur des chaînes YouTube qui proposent des cours en <strong>vidéo sur le marché boursier.</strong> Celles-ci sont réalisées par des spécialistes afin de permettre au plus grand d’accéder à leur savoir-faire. Vous pourrez suivre le cours à votre rythme selon votre emploi du temps. Des exercices sont généralement proposés afin de vous permettre de pratiquer et de confirmer vos compétences.</p>
|
||||
</p>
|
||||
<p>N’hésitez pas à vous renseigner auprès des <strong>experts dans le trading</strong> sur des pistes à exploiter ou à intégrer des forums sur la toile pour obtenir l’avis des anciens. Cela constituera une double aide, car le partage d’expériences durant les débats est un réel atout.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Découvrir les secrets des meilleurs traders</h2>
|
||||
</p>
|
||||
<p>La documentation est un élément important dans l’apprentissage. Elle vous permet de savoir ce que vous devez faire à chaque situation. Seulement, il existe des erreurs à ne pas commettre en tant que trader et dont les débutants n’ont généralement pas connaissance. Les <strong>traders professionnels</strong> maîtrisent ces erreurs et les prennent en compte au quotidien dans leurs opérations. C’est ainsi qu’ils parviennent à se faire des gains de manière régulière.</p>
|
||||
</p>
|
||||
<p>En somme, l’apprentissage de l’investissement sur le marché boursier peut se faire de différentes manières. Grâce à la formation en ligne, vous pourrez développer les notions nécessaires pour réussir votre investissement. Les livres et les tutos sur YouTube augmenteront vos chances de faire partie des meilleurs traders.</p>
|
||||
</p>
|
||||
<p><strong>Remarque / Clause de non-responsabilité : La présente publication ne constitue pas un conseil en investissement, une information contraignante ou une offre de conclusion d’un contrat de conseil ou d’information. Ces informations sont fournies exclusivement pour que vous les utilisiez sous votre propre responsabilité et ne sauraient se substituer à des conseils ou des informations adaptés à la situation personnelle et à la connaissance d’un investisseur.</strong></p>
|
||||
</p></p>
|
||||
@@ -1,63 +0,0 @@
|
||||
---
|
||||
title: "Les cryptomonnaies et l’avenir des paiements mondiaux : Une menace pour les devises traditionnelles ?"
|
||||
date: "2023-09-29T20:50:43"
|
||||
draft: false
|
||||
slug: "les-cryptomonnaies-l-avenir-des-paiements-mondiaux"
|
||||
wordpress_id: 5907
|
||||
excerpt: "Les cryptomonnaies ont suscité un intérêt croissant ces dernières années, remettant en question le rôle des devises traditionnelles…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2023/09/image.png"
|
||||
author: {"id":2,"name":"Expert"}
|
||||
categories: [{"id":332,"name":"Crypto","slug":"crypto"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Les cryptomonnaies ont suscité un intérêt croissant ces dernières années, remettant en question le rôle des devises traditionnelles dans l’économie mondiale. Alors que des actifs numériques comme le Bitcoin, l’Ethereum et le Ripple gagnent en popularité, certains se demandent si les cryptomonnaies représentent une menace pour les monnaies traditionnelles. Quelles sont les implications des cryptomonnaies sur les paiements mondiaux ? Nous allons en parler et examiner si elles peuvent réellement menacer les devises traditionnelles.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><strong>L’ascension des cryptomonnaies</strong></h2>
|
||||
</p>
|
||||
<p>Depuis la création du Bitcoin en 2009 par un pseudonyme mystérieux, Satoshi Nakamoto, les cryptomonnaies ont gagné en notoriété et en acceptation. Le Bitcoin a ouvert la voie à des milliers d’autres cryptomonnaies, chacune ayant ses caractéristiques uniques. Ces monnaies numériques ont été saluées pour leur décentralisation, leur <a href="https://www.mistergeek.net/vpn/nordvpn/">sécurité</a>, et leur potentiel de gain élevé. Les paiements internationaux ont été l’un des premiers domaines à bénéficier des cryptomonnaies. Les transferts transfrontaliers, qui étaient autrefois coûteux et lents, peuvent désormais être effectués rapidement et à moindre coût grâce à des cryptomonnaies comme le Ripple. Cette efficacité accrue a suscité l’intérêt des entreprises et des institutions financières.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><strong>Les avantages des cryptomonnaies</strong></h2>
|
||||
</p>
|
||||
<p>Les cryptomonnaies présentent plusieurs avantages par rapport aux devises traditionnelles. Tout d’abord, elles permettent des transactions quasi instantanées à l’échelle mondiale, 24 heures sur 24 et 7 jours sur 7. Les paiements transfrontaliers peuvent prendre des jours ou même des semaines avec les devises traditionnelles en raison de la réglementation et de la vérification des transactions. Les cryptomonnaies éliminent ces obstacles. Investissez donc dans ces monnaies virtuelles dès maintenant avec <a href="https://quantum-ai.io/fr/">quantumai</a>.</p>
|
||||
</p>
|
||||
<p>De plus, les cryptomonnaies offrent une sécurité renforcée grâce à la technologie de la blockchain. Chaque transaction est enregistrée de manière immuable, ce qui réduit les risques de fraude et de falsification. Les utilisateurs ont également un contrôle total sur leurs fonds, éliminant ainsi le besoin de faire confiance à des tiers tels que les banques.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><strong>Les défis à relever</strong></h2>
|
||||
</p>
|
||||
<p>Malgré leurs avantages, les cryptomonnaies sont confrontées à plusieurs défis qui limitent leur adoption en tant que monnaie mondiale dominante. Tout d’abord, leur volatilité est un problème majeur. Les prix des cryptomonnaies peuvent fluctuer considérablement en très peu de temps, ce qui rend difficile leur utilisation en tant que réserve de valeur stable.</p>
|
||||
</p>
|
||||
<p>De plus, les gouvernements et les régulateurs du monde entier ont exprimé des inquiétudes quant à l’utilisation des cryptomonnaies à des fins illégales telles que le blanchiment d’argent et le financement du terrorisme. En conséquence, de nombreuses juridictions ont imposé des réglementations strictes sur les cryptomonnaies, ce qui peut entraver leur utilisation.</p>
|
||||
</p>
|
||||
<p>Enfin, l’adoption généralisée des cryptomonnaies est entravée par le manque de compréhension et d’éducation du grand public. De nombreuses personnes ne comprennent pas encore bien le fonctionnement des cryptomonnaies et sont réticentes à les utiliser.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><strong>Les devises traditionnelles ont-elles du souci à se faire ?</strong></h2>
|
||||
</p>
|
||||
<p>Malgré les avantages des cryptomonnaies et les défis auxquels elles sont confrontées, il est peu probable qu’elles remplacent complètement les devises traditionnelles à court terme. Les monnaies nationales sont soutenues par les gouvernements et les institutions financières, ce qui leur confère une stabilité et une acceptation universelles. De plus, de nombreuses transactions et obligations financières, telles que les impôts, les salaires et les contrats, sont libellées en devises traditionnelles. Les cryptomonnaies ne peuvent pas encore remplacer ces obligations, ce qui signifie que les devises traditionnelles conserveront leur importance.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><strong>L’avenir des paiements mondiaux</strong></h2>
|
||||
</p>
|
||||
<p>L’avenir des paiements mondiaux sera probablement une combinaison de cryptomonnaies et de devises traditionnelles. Les deux systèmes peuvent coexister et s’améliorer mutuellement. Les cryptomonnaies peuvent continuer à innover en matière de rapidité, de sécurité et de coût des paiements, tandis que les devises traditionnelles peuvent fournir la stabilité et la légitimité nécessaires.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><strong>Que retenir ?</strong></h2>
|
||||
</p>
|
||||
<p>Les cryptomonnaies ont apporté des changements significatifs dans le paysage des paiements mondiaux, offrant des avantages tels que la rapidité, la sécurité et la réduction des coûts. Cependant, elles ne représentent pas encore une menace sérieuse pour les devises traditionnelles, qui jouissent d’une stabilité et d’une acceptation généralisées.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><strong>Autres choses à savoir sur les Cryptomonnaies</strong></h2>
|
||||
</p>
|
||||
<p>Les cryptomonnaies sont devenues un sujet brûlant dans le monde de la finance et de la technologie. Elles suscitent de nombreuses questions et interrogations. Dans cette FAQ, nous aborderons trois questions courantes concernant les cryptomonnaies pour vous aider à mieux comprendre ce phénomène en constante évolution.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><strong>Qu’est-ce qu’une cryptomonnaie et comment fonctionne-t-elle ?</strong></h2>
|
||||
</p>
|
||||
<p>Une cryptomonnaie est une forme de monnaie numérique conçue pour fonctionner comme un moyen d’échange sécurisé et décentralisé. Elle utilise une technologie de registre distribué appelée blockchain pour enregistrer toutes les transactions de manière transparente et sécurisée. Contrairement aux monnaies traditionnelles émises par les gouvernements, les cryptomonnaies fonctionnent sur un réseau décentralisé de nœuds informatiques, ce qui signifie qu’elles ne sont pas contrôlées par une entité centrale. Les transactions de cryptomonnaies sont vérifiées par des mineurs, qui résolvent des problèmes mathématiques complexes pour valider les transactions et ajouter des blocs à la blockchain.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><strong>Quels sont les avantages et les inconvénients des cryptomonnaies ?</strong></h2>
|
||||
</p>
|
||||
<p>Les cryptomonnaies présentent plusieurs avantages, notamment des paiements rapides et peu coûteux, une sécurité renforcée grâce à la technologie de la blockchain, et un accès mondial sans restriction. Elles offrent également la possibilité de diversifier les portefeuilles d’investissement. Cependant, elles sont également sujettes à une volatilité significative, ce qui peut entraîner des pertes importantes. De plus, leur adoption et leur réglementation varient d’un pays à l’autre, ce qui peut créer un environnement juridique complexe. Les cryptomonnaies peuvent également être utilisées à des fins illicites, ce qui a suscité des préoccupations en matière de réglementation.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><strong>Comment puis-je acheter, stocker et utiliser des cryptomonnaies en toute sécurité ?</strong></h2>
|
||||
</p>
|
||||
<p>Pour acheter des cryptomonnaies, vous pouvez utiliser des plateformes d’échange en ligne réputées. Assurez-vous de choisir une plateforme sécurisée et de suivre les procédures d’authentification appropriées. Pour stocker vos cryptomonnaies en toute sécurité, vous pouvez utiliser des portefeuilles numériques, tels que des portefeuilles matériels ou des portefeuilles logiciels sécurisés. Il est essentiel de conserver vos clés privées en lieu sûr, car elles donnent accès à vos fonds. En ce qui concerne l’utilisation, assurez-vous de comprendre comment effectuer des transactions en toute sécurité et de respecter les réglementations locales. Il est également important de rester informé des mises à jour et des nouvelles concernant les cryptomonnaies.</p>
|
||||
</p>
|
||||
<p>Avertissement : Cet article fournit des informations générales et ne constitue en aucun cas un conseil financier, juridique ou professionnel. Toute décision basée sur les informations de cet article relève de votre propre responsabilité. Nous vous encourageons à consulter des experts appropriés</p></p>
|
||||
@@ -1,41 +0,0 @@
|
||||
---
|
||||
title: "L’évolution des crypto-monnaies : Du Bitcoin à la décentralisation"
|
||||
date: "2023-11-11T20:25:48"
|
||||
draft: false
|
||||
slug: "evolution-crypto-monnaies-bitcoin"
|
||||
wordpress_id: 5925
|
||||
excerpt: "Les crypto-monnaies ont révolutionné le paysage financier au cours de la dernière décennie. Depuis l’introduction du Bitcoin en…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2023/11/crypto-monnaies-bitcoin.jpeg"
|
||||
author: {"id":2,"name":"Expert"}
|
||||
categories: [{"id":332,"name":"Crypto","slug":"crypto"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Les crypto-monnaies ont révolutionné le paysage financier au cours de la dernière décennie. Depuis l’introduction du Bitcoin en 2009, ces actifs numériques ont gagné en popularité et en importance, attirant de nombreux investisseurs, institutions financières et particuliers. </p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Le Bitcoin et la naissance des crypto monnaies<br /></h2>
|
||||
</p>
|
||||
<p>Tout a commencé avec la publication du célèbre livre blanc de Satoshi Nakamoto en 2008, dévoilant le concept du Bitcoin. Il est apparu comme la première crypto-monnaie décentralisée, basée sur la technologie de la blockchain. Il a apporté une solution aux problèmes de confiance et de sécurité dans les transactions en ligne en éliminant la nécessité d’intermédiaires.</p>
|
||||
</p>
|
||||
<p>Comme détaillé sur le site spécialisé en crypto tokize.com, le Bitcoin a ouvert la voie à la création d’une multitude d’autres crypto-monnaies, chacune ayant ses caractéristiques uniques. Parmi les plus populaires, on trouve Ethereum, Binance Coin ou même des projets plus récents comme Pi Network. Lancée dans le but de rendre le minage plus accessible, la <a href="https://www.tokize.com/fr/crypto-monnaie/plian-pi-avis/" target="_blank" rel="noreferrer noopener">pi crypto</a> propose une approche novatrice en permettant aux utilisateurs de contribuer via une <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">application</a> mobile, ouvrant ainsi la porte à une participation plus démocratique dans le monde des crypto monnaies.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">La montée de la finance décentralisée (DeFi)<br /></h2>
|
||||
</p>
|
||||
<p>La DeFi est l’une des tendances les plus importantes dans l’espace des crypto-monnaies. Elle propose un écosystème financier basé sur des protocoles décentralisés, éliminant le besoin d’intermédiaires traditionnels comme les banques. Les utilisateurs peuvent emprunter, prêter, échanger, et investir dans un large éventail d’actifs numériques, le tout en utilisant des contrats intelligents.</p>
|
||||
</p>
|
||||
<p>Le DeFi a permis à de nombreuses personnes d’accéder à des services financiers et d’investissement, offrant une plus grande inclusivité. Cependant, il comporte également des risques en raison de la volatilité des marchés et de la sécurité des protocoles. Les investisseurs doivent donc faire preuve de prudence et être au clair avec les risques associés à la DeFi.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">L’essor des jetons non fongibles (NFTs)<br /></h2>
|
||||
</p>
|
||||
<p>Les jetons non fongibles (NFTs) ont également fait sensation dans l’écosystème des crypto-monnaies. Les NFTs sont des actifs numériques uniques qui représentent la propriété d’objets virtuels, d’art numérique, de biens immobiliers virtuels, et bien plus encore. Ils sont devenus une nouvelle classe d’actifs, permettant aux créateurs de monétiser leur contenu de manière révolutionnaire. </p>
|
||||
</p>
|
||||
<p>Des artistes, musiciens, sportifs et collectionneurs ont vendu des NFTs à des prix record, créant un marché en pleine évolution. Cependant, comme pour toute innovation, il est essentiel de comprendre les implications juridiques et les garanties liées aux NFTs. La plateforme topize.com peut aussi vous conseiller sur comment créer votre NTFs en toute sécurité.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">L’importance de la régulation et de la sécurité</h2>
|
||||
</p>
|
||||
<p>Alors que l’adoption des cryptomonnaies continue de croître, les gouvernements et les organismes de régulation cherchent à établir des cadres juridiques et réglementaires. La supervision des crypto-monnaies varie considérablement d’un pays à l’autre. Certains pays ont adopté des approches proactives pour réglementer l’espace des crypto- monnaies, tandis que d’autres ont été plus hésitants. Cette disparité réglementaire peut avoir un impact sur l’adoption des cryptomonnaies, la légitimité des projets et la confiance des investisseurs. Les acteurs du marché doivent donc rester attentifs aux développements législatifs et réglementaires à l’échelle nationale et internationale.</p>
|
||||
</p>
|
||||
<p>En ce qui concerne la sécurité, les détenteurs d’actifs numériques doivent être conscients des menaces potentielles qui pèsent sur leurs investissements. Les cyberattaques, telles que les piratages de plateformes d’échange et les vols de portefeuilles, sont malheureusement fréquentes. Il est impératif de mettre en place des mesures de sécurité robustes, telles que l’utilisation de portefeuilles matériels et la <a href="https://www.mistergeek.net/vpn/nordvpn/">protection</a> des clés privées, pour minimiser les risques liés à la détention de crypto-monnaies.</p>
|
||||
</p>
|
||||
<p>🤓 À lire aussi : <a href="https://www.mistergeek.net/crypto/les-cryptomonnaies-l-avenir-des-paiements-mondiaux/" target="_blank" rel="noreferrer noopener">Les cryptomonnaies et l’avenir des paiements mondiaux : Une menace pour les devises traditionnelles ?</a></p></p>
|
||||
@@ -1,67 +0,0 @@
|
||||
---
|
||||
title: "[TOP] 5 sites de téléchargement DDL"
|
||||
date: "2016-12-06T17:19:58"
|
||||
draft: false
|
||||
slug: "5-sites-ddl"
|
||||
wordpress_id: 95
|
||||
excerpt: "Aujourd’hui, c’est l’occasion de faire la liste des sites qui peuvent remplacer Zone Téléchargement. Zone Téléchargement a été…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2020/12/iu.png"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":200,"name":"DDL","slug":"ddl"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Aujourd’hui, c’est l’occasion de faire la <strong>liste des sites qui peuvent remplacer Zone <a href="https://www.mistergeek.net/vpn/nordvpn/">Téléchargement</a></strong>. <strong>Zone Téléchargement a été fermé</strong>, ce qui est dommage pour nous tous. Nous avons perdu avec la fermeture du site un bon moyen de récupérer des copies digitales des <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">Films</a>, Séries et Logiciels que nous possédons déjà en support CD ou DVD. Zone téléchargement était un <strong>site de DDL</strong> – c’est à dire de téléchargement direct où <strong>tous les fichiers étaient hébergés sur des sites tel que Uptobox, 1Fichier ou encore Mega</strong>. Dans ce <a href="https://www.mistergeek.net/informatique/comparatif-micro-usb/">top</a>, nous parlerons que des sites de DDL et nous garderons <strong>les sites de <a href="https://www.mistergeek.net/telechargement">téléchargement</a> <a href="https://www.mistergeek.net/telechargement/bittorrent/yggtorrent-adresse/">Bittorrent</a> pour un prochain article</strong>.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Comparatif des meilleurs sites de DDL comme Zone-Téléchargement</h2>
|
||||
</p>
|
||||
<p>Cette liste n’est pas exhaustive, il existe bien d’autres alternatives à ZT dont nous n’avions pas pris en compte. Il existe aussi des sites qui sont sur invitation uniquement et dont il faut connaitre les bonnes personnes pour y accéder. En tout cas pour en savoir plus à ce sujet, il existe un très bon <a href="https://www.mistergeek.net/informatique/traduction-francaise-xenforo-2/">forum</a> : wareziens.net, qui regroupe de bon liens vers des sites plus qu’intéressant.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">1. Wawacity</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_6377"><img decoding="async" src="/content/images/wordpress/2016/12/wawacity.png" alt="Wawacity se rapproche beaucoup de Zone Téléchargement en terme de facilité de navigation" class="wp-image-6377"/><figcaption>Wawacity se rapproche beaucoup de Zone Téléchargement en terme de facilité de navigation</figcaption></figure>
|
||||
</p>
|
||||
<p>Le premier site de ce top est <strong>Wawacity.ec</strong> . <strong>Il regroupe des films, séries, ebooks, logiciels et jeux <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">vidéo</a>.</strong> Le contenue y est <strong>riche et de bonne qualité</strong>. On y retrouve des releases en 1080p, 720p, en Blu-Ray et même en 3D. Petit bémol, le site ne possède pas de certificat SSL et ne crypte donc pas les communications entre vous et les serveurs. N’importe qui peut donc être au courant de votre visite sur le site même si le HTTPS tend à devenir un standard. Si vous avez connu Zone Téléchargement, alors vous connaissez déjà Wawacity.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">2. Libertyland</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_6378"><img decoding="async" src="/content/images/wordpress/2016/12/libertyland.png" alt="Libertyland est l'un des sites les plus populaire après Zone Téléchargement" class="wp-image-6378"/><figcaption>Libertyland est l’un des sites les plus populaire après Zone Téléchargement</figcaption></figure>
|
||||
</p>
|
||||
<p>Libertyland.co est l’un des sites les plus connu en France pour sa disponibilité dans le monde du <strong>DDL</strong> et du <strong><a href="https://www.mistergeek.net/informatique/configurer-obs-streaming/">Streaming</a></strong>. Il a déjà été surveillé par la police Française et nous vous recommandons de n’y accéder que si vous possédez un <a href="https://mistergeek.net/2016/12/27/top-5-meilleurs-vpn-telecharger/">VPN</a>. Les hébergeurs sont nombreux et le site propose même un service de protection des liens afin de ne pas avoir de liens mort. Le contenu y est abondant tout comme <strong>Wawacity.su, des films, séries, logiciels, etc.</strong></p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">3. Zone-Telechargement.eu (un clone)</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_6379"><img decoding="async" src="/content/images/wordpress/2016/12/zt2.png" alt="Le clone parfait de Zone-Telechargement ? On en doute..." class="wp-image-6379"/><figcaption>Le clone parfait de Zone-Telechargement ? On en doute…</figcaption></figure>
|
||||
</p>
|
||||
<p>Se voulant être un clone de <strong>Zone Téléchargement</strong> (l’original que nous appellerons <strong>ZT</strong>), celui-ci espère principalement récupérer les anciens utilisateurs de ZT. Le contenu y est beaucoup plus pauvre mais la qualité est au rendez-vous. On peut retrouver les dernières sorties (comme vous pouvez en juger sur l’image ci-dessus) et la navigation est intuitive. Les liens sont nombreux et nous avons ici du <strong>DDL</strong> et du <strong>Streaming. </strong>Par contre, ne vous attendez pas à y retrouver vos logiciels préférés, vous n’aurez accès qu’à des <strong>séries TV et des films, en HD et full HD bien sûr.</strong></p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">4. DDLFR.org</h3>
|
||||
</p>
|
||||
<p>On se l’accorde, ce site est loin d’être une organisation à but non commercial, le « .org » n’est pas du tout justifié, mais le contenu est là ! Avec une <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">interface</a> un peu austère – pour ne pas dire moche de manière totalement subjectif – comparé à ce qu’on a l’habitude de voir, <strong>DDLFR</strong> comble parfaitement les besoins de ses utilisateurs. On aime ou on aime pas, il reste un site de choix pour les fichiers de tout type.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">5. Free-telechargement.org</h3>
|
||||
</p>
|
||||
<p>Le nom parle de lui même. Du téléchargement et <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">gratuit</a> en plus ! On a un bon « <strong>vieux site de warez</strong> » comme on les aimes. Le design, n’est pas soigné, le site ne respecte pas les codes modernes du web design, bref, ça nous rappelle l’époque où le téléchargement n’était qu’à ces balbutiements.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Se protéger face à Hadopi</h2>
|
||||
</p>
|
||||
<p>Se protéger d’Hadopi et le téléchargement DDL sont des sujets qui méritent un article à eux-seuls. A cette occasion je vous invite à lire notre article, le top 5 meilleurs <a href="https://mistergeek.net/vpn">VPN</a> pour télécharger.</p>
|
||||
</p>
|
||||
<p>Les sites de téléchargement peuvent être pour certains véhicules de virus. Prenez donc les devants en utilisant un antivirus adapté comme ESET NOD32, Bitdefender, Kapersky, etc… Vous pouvez obtenir des licences assez simplement sur des sites comme Kinguin – que je vous conseille. C’est un bon moyen d’obtenir vos clés CD moins chers.</p>
|
||||
</p>
|
||||
<p>Faites en sorte de toujours avoir, Ghostery, AdBlock et même SmartHTTPS lorsque vous visitez ces sites. Les publicités peuvent être nuisibles et dangereux – allant même jusqu’à vous demander d’installer des plugins Chrome. Ceux-ci sont développés uniquement pour récupérer vos informations personnelles.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Le mot de la fin (sur Zone Téléchargement)</h2>
|
||||
</p>
|
||||
<blockquote class="wp-block-quote twitter-tweet is-layout-flow wp-block-quote-is-layout-flow">
|
||||
<p dir="ltr" lang="fr">« Zone Téléchargement » Des avocats très bien payés vont détruire la vie de ceux qui ont permis aux jeunes et aux chômeurs de voir des films.</p>
|
||||
<p>— Crypto TheFantasio974 (@TheFantasio974) <a href="https://twitter.com/TheFantasio974/status/803329487748337664?ref_src=twsrc%5Etfw">November 28, 2016</a></p>
|
||||
</blockquote>
|
||||
</p>
|
||||
<p><script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
|
||||
</p>
|
||||
<p>Il fallait bien un peu d’humour et TheFantasio974 nous en donne avec <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> Tweet. Il vise directement les ayant droits (majors) qui ne veulent pas laisser tomber leur business model totalement dépassé.</p>
|
||||
</p>
|
||||
<p><strong>Remarque : Veuillez noter que les liens qui sont cités ci-dessus ne sont donnés qu’à but informatif. Tout comme le piratage lui-même, il est interdit d’en faire usage. Prenez vos responsabilités.</strong></p>
|
||||
</p></p>
|
||||
@@ -1,63 +0,0 @@
|
||||
---
|
||||
title: "Streaming, DDL, P2P : explications"
|
||||
date: "2017-11-12T17:12:41"
|
||||
draft: false
|
||||
slug: "definition-streaming-ddl-p2p"
|
||||
wordpress_id: 227
|
||||
excerpt: "Nous parlons souvent de téléchargement, de piratage, de Streaming, de P2P et bien plus, mais nous n’avons jamais…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2017/11/defition-telechargement.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":200,"name":"DDL","slug":"ddl"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Nous parlons souvent de <strong><a href="https://www.mistergeek.net/vpn/nordvpn/">téléchargement</a></strong>, de <strong>piratage</strong>, de <strong><a href="https://www.mistergeek.net/informatique/configurer-obs-streaming/">Streaming</a></strong>, de <strong><a href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/">P2P</a></strong> et bien plus, mais nous n’avons jamais rien défini. Tout le monde n’est pas au courant des termes utilisés sur Internet et il semble intéressant d’en faire une définition. Également d’expliquer les différents principes et technologies que vous pouvez utiliser chaque jour sans le savoir. Dans cet article, nous allons voir les méthodes qui sont généralement utilisées pour avoir accès à des fichiers. <span style="font-size: 12pt;"><br /></span></p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Définition des termes utilisées en téléchargement et en piratage</h2>
|
||||
</p>
|
||||
<p>Qu’ils soient vidéos, <a href="https://www.mistergeek.net/informatique/format-flac/">musique</a>, livres ou encore logiciels, beaucoup de fichiers sont partagés au travers d’Internet. Certains sont disposés sur des sites de téléchargement comme Zone-Téléchargement et d’autres échangés. Les premiers sont accessible par un large public au travers de sites à fort trafic, alors que les seconds sont juste échangés.</p>
|
||||
</p>
|
||||
<p>Malgré tout, ces échanges basés sur des réseaux bien précis sont pour certains peu connu ou mal interprété. Il me tient donc à cœur de remettre un peu de clarté dans tout cela.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Le téléchargement direct (DDL)</h3>
|
||||
</p>
|
||||
<p>Lorsque vous téléchargez un logiciel, vous utilisez généralement le téléchargement direct. Que cela soit pour récupérer une mise à jour, le dernier patch de votre jeu ou encore un ISO. La méthode proposée par défaut est la même. Et en matière de piratage, celle-ci est très populaire. <img decoding="async" src="/content/images/wordpress/2017/11/schema-DDL-p2p-bittorrent.jpg" alt="">Le <strong>téléchargement direct</strong> ou encore « Direct Download » et abrégé « <strong>DDL</strong> » est l’une des méthodes les plus connue. Elle consiste à récupérer le fichier souhaité depuis un hébergeur.</p>
|
||||
</p>
|
||||
<p>Lorsqu’il s’agit d’un fichier tout ce qu’il y a de plus légal, celui-ci se trouve généralement sur les serveurs de l’éditeur ou sur des espaces de stockage prévu à cet effet. Lorsqu’il s’agit de fichiers appartenant à des tiers (<strong>Films</strong>, <strong><a href="https://www.mistergeek.net/streaming/amazon-prime-video/">Series</a></strong>, etc.), ceux-ci sont héberger sur des hébergeurs de fichiers. On peut citer comme hébergeurs des sites comme <strong>Megaupload</strong>, <strong>1fichier</strong> ou encore <strong>Uptobox</strong>.</p>
|
||||
</p>
|
||||
<p>Pour un bien commun les utilisateurs (ou pirates) mettent en ligne sur les hébergements de fichiers leurs trésors. Ils les diffusent ensuite sur des sites chargés de les référencer et c’est ainsi que le plus grand nombre peut télécharger simplement.</p>
|
||||
</p>
|
||||
<p>Le <strong>DDL</strong> offre un niveau de sécurité relatif. En effet, ces téléchargements n’étant pas surveillés par la <strong>HADOPI.</strong> Cette méthode de téléchargement permet à ceux qui l’utilisent de passer inaperçu.</p>
|
||||
</p>
|
||||
<p>Petit bémol cependant, les tailles de fichiers hébergés sont souvent limitées à une centaine de Mo. On se retrouve quelques fois à devoir plus d’une dizaine de fichiers qu’il va falloir à la fin assembler – en utilisant <strong>Winrar</strong> par exemple. Au passage si l’un des fichiers est manquant ou a été supprimé, c’est l’intégralité du contenu qui est inutilisable.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Streaming</h3>
|
||||
</p>
|
||||
<p>Vous devez connaitre le site de Streaming le plus populaire au monde. Pour preuve, il est tellement populaire qu’il va même jusqu’à payer ceux qui y ajoutent du contenu. Il s’agit bien sûr de <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">YouTube</a>, le site qui aujourd’hui recense des milliers de vidéos.</p>
|
||||
</p>
|
||||
<p> À première vue, le <strong>Streaming</strong> semble très éloigné du <strong>DDL</strong>, cependant les deux technologies sont très proches.</p>
|
||||
</p>
|
||||
<p>Lorsque vous regardez une <a href="https://www.mistergeek.net/informatique/comparatif-carte-boitier-acquisition-capture-video/">vidéo</a> en <strong>streaming</strong> sur <a href="https://mistergeek.net/streaming">Netflix</a> ou sur YouTube, ou que vous écoutez de la musique sur <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">Spotify</a>, vous récupérer en fait un fichier. Il est temporairement stocké sur votre terminal et cela sur PC/Mac ou même <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">smartphone</a>. Le contenu récupérer est ensuite lu au fur et à mesure du téléchargement.</p>
|
||||
</p>
|
||||
<p>Dans le monde du piratage, le <strong>Streaming</strong> permet à ceux qui ont le moins de débit de pouvoir profiter des derniers contenus. Les fichiers étant disposés en général sur des hébergeurs tel que <strong>YouWatch</strong> et parfois même sur les serveurs de <strong>YouTube/Google</strong>.</p>
|
||||
</p>
|
||||
<p>Selon les hébergeurs de fichiers la vitesse de Streaming peut-être plus ou moins rapide. Tout dépend de l’infrastructure mis à disposition par l’hébergeur et la connexion de l’utilisateur. Petite remarque : Il existe un logiciel nommé <strong>Popcorn Time</strong>, qui permet de regarder des films et séries gratuitement. Il est à noter que celui-ci utiliser la technologie <strong>P2P <a href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/">Bittorrent</a></strong>.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Le téléchargement Peer-to-Peer (P2P)</h3>
|
||||
</p>
|
||||
<p>Le <strong>P2P</strong> est la première forme de partage connue sur Internet. Et pour cause c’est comme cela qu’a initialement été inventé Internet, comme un moyen décentralisé de communiquer. <img decoding="async" src="/content/images/wordpress/2017/11/DDL-P2P-schema-explicatif.jpg" alt=""></p>
|
||||
</p>
|
||||
<p>En clair, le <strong>P2P</strong> vous met en relation avec des utilisateurs du même réseau que vous, possédant le fichier. Ceux-ci vont alors vous envoyer des morceaux du fichier.</p>
|
||||
</p>
|
||||
<p>Lorsque vous possédez une partie ou l’intégralité du fichier vous avez alors la capacité de fournir ces mêmes fichiers aux autres membre du réseau. Dans un réseau P2P, les fichiers sont échangés Pair à pair. Le principal avantage : plus le réseau est constitué de personnes mettant à disposition les fichiers, plus la vitesse de téléchargement sera élevée.</p>
|
||||
</p>
|
||||
<p>Dans les années 2000, nous avons vu naître le <a href="https://www.mistergeek.net/telechargement/bittorrent/comment-fonctionne-bittorrent/">protocole</a> <strong>eDonkey</strong>, qui fut ensuite utilisé par <strong>eMule</strong>. C’était à l’époque l’un des moyens les plus populaire de partage de fichier. Vous vous connectiez à des serveurs qui se chargeaient de recenser les fichiers mis à disposition par les utilisateurs connectés. Et vous pouviez alors les récupérer en vous connectant à eux et inversement. Aujourd’hui les sites de téléchargement <strong>Bittorrent</strong> sont nombreux.</p>
|
||||
</p>
|
||||
<p>Le dernier en date est <a href="https://www.mistergeek.net/telechargement/bittorrent/yggtorrent-adresse/">Yggtorrent</a>, qui reprend le flambeau laissé par T411 à sa mort. J’ai par le passé déjà rédigé un article plus conséquent sur le fonctionnement du <strong>Bittorrent</strong>. Si vous souhaitez en apprendre plus je vous conseille d’y jeter un œil.</p>
|
||||
</p>
|
||||
<p>Remarque : <em>Le téléchargement de fichiers sous copyright est illégal. Avec la surveillance des réseaux P2P menée par <strong>HADOPI</strong>, en télécharger en <strong>Bittorrent</strong> vous vaudra une jolie lettre. Faites donc attention à ce que vous téléchargez ou protégez-vous efficacement en utilisant une <a href="https://www.mistergeek.net/vpn/purevpn/">VPN</a>.</em></p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">En résumé</h2>
|
||||
</p>
|
||||
<p>Cet article peut s’avérer pour certains trop simple. L’objectif ici était de pouvoir fournir une base de connaissance sur le fonctionnement des technologies les plus utilisés pour le piratage. Mes dires peuvent s’avérer faux avec le temps ou même paraitre incomplet. Si vous pensez qu’il manque des informations, laissez-nous un commentaire ou envoyez-nous un <a href="https://www.mistergeek.net/informatique/protonmail-et-tutanota-sur-windows-linux-ou-mac/">email</a>.</p></p>
|
||||
@@ -1,91 +0,0 @@
|
||||
---
|
||||
title: "[TOP] Comparatif des meilleurs hébergeurs de fichiers"
|
||||
date: "2019-02-03T16:45:48"
|
||||
draft: false
|
||||
slug: "comparatif-hebergeur-fichier"
|
||||
wordpress_id: 383
|
||||
excerpt: "Les plateformes d’hébergement de fichiers permettent le téléchargement et la sauvegarde de fichiers en ligne. Partager ses fichiers…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2019/02/cloud-hebergeur.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":200,"name":"DDL","slug":"ddl"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Les plateformes d’hébergement de fichiers permettent le <a href="https://www.mistergeek.net/vpn/nordvpn/">téléchargement</a> et la sauvegarde de fichiers en ligne. Partager ses fichiers est essentiel de nos jours, cependant il faut connaitre les bonnes plateformes. Que cela soit pour s’envoyer des documents de travail, des vidéos que vous venez tout juste de filmer ou pour partager votre <a href="https://www.mistergeek.net/informatique/spotify-premium-gratuit-ios-iphone/">musique</a>, héberger un fichier est une nécessité. Voici un article pour savoir quel hébergeur de fichiers choisir pour ses besoins.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Les meilleures plateformes pour héberger des fichiers</h2>
|
||||
</p>
|
||||
<p>Dans cet article je viens vous présenter les plateformes, qui sont parfaites pour <strong>héberger vos fichiers</strong>. J’aborde tout d’abord les plateformes de <strong>stockage dans le cloud</strong>, puis je continuerais sur les plateformes pur et dur d’hébergement.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Le stockage fichiers dans le cloud</h3>
|
||||
</p>
|
||||
<p>Le <em>cloud </em>je vous en ai déjà parlé, mais le cloud peut prendre diverses formes. L’une d’entre-elle est celle des services de location, comme Scaleway. Il y a également le cloud computing dont mon exemple le plus récent est sûrement <a href="https://mistergeek.net/2017/09/29/avis-shadow-trois-mois-de-test-en-condition-reelle/">Shadow</a>, qui est taillé pour le cloud <a href="https://www.mistergeek.net/informatique/comparatif-clavier-gamer/">gaming</a>. J’ai pu écrire sur Seedr un service de <a href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/">Bittorrent</a> dans le cloud également, mais cela fait un moment déjà.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2019/02/stockage-de-fichier-1024x682.jpg" alt="Image d'un disque dur de stockage de fichier" class="wp-image-12939"/><figcaption>Le stockage peut vite devenir un problème lorsqu’on fait de la <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">vidéo</a>.</figcaption></figure>
|
||||
</p>
|
||||
<p>Le <em>cloud </em>dont je viens vous parlé est celui du stockage de fichiers. Alors que les données sont le nouveau pétrole de notre génération, en avoir la plus grande quantité possible est toujours intéressant – surtout pour de l’intelligence artificielle.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image alignnone wp-image-10789 size-full"><img decoding="async" src="/content/images/wordpress/2018/06/hebergeur-fichiers-dropbox.jpg" alt="Dropbox pour l'hébergement de fichiers" class="wp-image-10789"/><figcaption>Parfait pour les fichiers personnels, Dropbox fonctionne aussi très bien lorsqu’il s’agit de partager ses fichiers.</figcaption></figure>
|
||||
</p>
|
||||
<p>Vous avez sûrement déjà entendu parler de Dropbox, ce logiciel qui vous permet de stocker vos fichiers dans les nuages tout en synchronisant ceux-ci avec vos différents appareils. Et bien sachez que Dropbox est l’une des plateformes populaire du moment.</p>
|
||||
</p>
|
||||
<p><a href="https://www.mistergeek.net/informatique/format-flac/">Son</a> offre <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">premium</a> permet de monter jusqu’à 1To pour 9,99€ par mois. Si vous n’avez pas l’utilité d’un espace aussi grand, préférez la version gratuite. Vous avez accès à <strong>2Go de stockage gratuitement</strong> sur la plateforme, il serait dommage de s’en priver. <strong>D’autres hébergeurs mettent à disposition du stockage gratuit, on peut citer OneDrive, Google Drive, iCloud ou Box.com.</strong></p>
|
||||
</p>
|
||||
<p>D’autres plateformes existent et méritent qu’on en parle. En particulier Tresorit qui est équivalent à <a href="https://mistergeek.net/2019/01/14/protonmail-email-securise-et-chiffre/">ProtonMail</a>, mais pour les fichiers.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Stocker des fichiers sur un hébergeur</h3>
|
||||
</p>
|
||||
<p>Les hébergeurs sont très populaire lorsqu’il s’agit de média à grande diffusion. Zone-Telechargement, qui était l’un des plus grand site <a href="https://mistergeek.net/2017/11/12/telechargement-piratage-streaming-ddl-p2p-torrent-cest-quoi-definition/">DDL</a> Français jusqu’à sa fermeture utilisait les hébergeurs que je m’apprête à citer. Étant donné que ces hébergeurs sont plus généralement gratuit les pirates n’hésitent pas à en abuser pour partager des fichiers.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading">Uptobox</h4>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/06/uptobox-hebergeur-fichiers.png" alt="" class="wp-image-10790"/></figure>
|
||||
</p>
|
||||
<p><strong>Uptobox </strong>est un hébergeur connu pour concurrencer Megaupload en France. Cet hébergeur dispose de fichiers de toutes sortes sur ses serveurs, qui sont ensuite partagés sur des <a href="https://mistergeek.net/2017/01/07/5-sites-bittorrent-remplacer-zone-telechargement/">sites d’annuaires</a> ou <a href="https://mistergeek.net/2019/01/25/comment-regarder-une-video-en-streaming/">streamés</a>.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2019/01/prix-uptobox-2019-site-telechargement-ddl.png" alt="Grille comparative des fonctions d'Uptobox" class="wp-image-12935"/><figcaption>Uptobox propose une grille de fonctions claire.</figcaption></figure>
|
||||
</p>
|
||||
<p>Pour les utilisateurs de base la taille est limité à 1Go par fichier. On peut également télécharger gratuitement, cependant la vitesse sera limitée. Cette limite peut-être levée grâce à l’utilisation d’un abonnement payant. Pour le prix comptez, 3€ par mois et 25€ pour une année.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading">1fichier</h4>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/06/1fichier-hebergeur-fichiers.png" alt="" class="wp-image-10791"/></figure>
|
||||
</p>
|
||||
<p><strong>1fichier s’est démarqué des autres hébergeurs en proposant un site en français, qui permet </strong><em><strong>l’upload</strong></em><strong> de gros fichiers</strong>. Le site se présente aujourd’hui à la manière d’un <strong>Wetransfer </strong>et permet à tout le monde pouvoir partager ses fichiers. La durée de rétention est de 15 jours pour les utilisateurs non inscrit et de 30 pour les membres. On peut aussi s’abonner pour s’affranchir de cette limite de temps sur ses fichiers.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2019/02/offre-prix-1fichier-com-1024x316.png" alt="Prix d'abonnement pour l'hébergeur 1fichier.com" class="wp-image-12941"/><figcaption>L’offre de 1fichier.com peut paraitre déroutant au premier coup d’œil.</figcaption></figure>
|
||||
</p>
|
||||
<p>La tarification de 1fichier.com est peu clair au premier abord. En effet il faut différencier deux types d’abonnement : « accès » et « premium ». Dans le premier cas l’abonnement n’est conseillé que de télécharger ou de visionner les fichiers hébergés sur la plateforme. Si vous êtes un gros <em>uploader</em> l’offre premium est faite pour vous.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading">Uploaded</h4>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/06/uploaded-hebergeur-fichier-films.png" alt="Page d'accueil de Uploaded." class="wp-image-10792"/><figcaption>Uploaded se rapproche de plus en plus de Dropbox en proposant le « uDrive ».</figcaption></figure>
|
||||
</p>
|
||||
<p>Uploaded.net est aussi un site populaire pour l’hébergement de fichiers. Le site se veut simple et permet maintenant la synchronisation de fichiers sur le cloud. Pour ajouter des fichiers il faut aujourd’hui disposer d’un compte, cependant pendant longtemps l’<em>upload </em>était ouvert. Le site perd de plus en plus son statut d’hébergeur de fichier pour devenir un <strong>service de stockage cloud.</strong></p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Le P2P</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/11/DDL-P2P-schema-explicatif.jpg" alt="Comparaison du modèle P2P avec le modèle avec serveur" class="wp-image-9794"/><figcaption>Le <a href="https://www.mistergeek.net/telechargement/bittorrent/yggtorrent-adresse/">P2P</a> permet de partager des fichiers sans stockage sur un <a href="https://www.mistergeek.net/informatique/ipv6-serveur-scaleway-dedibox/">serveur</a>.</figcaption></figure>
|
||||
</p>
|
||||
<p>Alors que le <a href="https://www.mistergeek.net/telechargement">Bittorrent</a> est un très populaire encore une fois pour le piratage. Il est encore très peux utilisé lorsqu’il s’agit de s’échanger de gros fichiers. En entreprise, on retrouve plus souvent le service de Microsoft : OneDrive. C’est qui est bien dommage au vue des possibilités.</p>
|
||||
</p>
|
||||
<p>L’un des exemples, qui me vient directement à l’esprit est Resilio Sync lorsqu’on parle de P2P. Il s’agit d’un logiciel développé à l’origine par la société Bittorrent et a pour objectif de supplanter les hébergeurs de fichiers. Ce petit <em>soft</em> permet d’avoir une base de fichiers partagés sur différents postes.</p>
|
||||
</p>
|
||||
<p>Chez Mistergeek, nous utilisons Resilio pour la synchronisation des vidéos que nous réalisons pour la chaîne <a href="https://mistergeek.net/streaming">YouTube</a>. Il nous permet de travailler à plusieurs sur un même projet et de se partager les tâches, sans dépendre d’un hébergeur.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Le NAS</h3>
|
||||
</p>
|
||||
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio">
|
||||
<div class="wp-block-embed__wrapper">
|
||||
<iframe loading="lazy" title="J'AI ACHETÉ UN NAS ! TEST DU WD MY CLOUD HOME" width="1200" height="675" src="https://www.youtube.com/embed/xMp1uP6X684?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</div>
|
||||
</figure>
|
||||
</p>
|
||||
<p>J’ai déjà parlé de mon <a href="/informatique">NAS </a>sur ce blog et même si j’étais un peu déçu au début, mon avis a beaucoup évolué entre avant et maintenant. Les NAS grand public intègrent souvent des fonctionnalités de partage. Lorsqu’on dispose d’une connexion en fibre optique par exemple il peut-être intéressant d’investir dans disque dur réseau afin de pouvoir accéder de n’importe où à ses fichiers.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Conclusion</h3>
|
||||
</p>
|
||||
<p>Héberger des fichiers en ligne n’est plus un problème de nos jours. De nombreux hébergeurs offrent des espaces pour les particuliers et les entreprises. Même <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">Amazon</a> qui est le roi du cloud avec AWS propose un service nommé « <a href="https://amzn.to/2G97UEV" target="_blank" rel="noreferrer noopener nofollow">Amazon Drive</a> » pour ses abonnés. On a le choix de prendre une plateforme populaire, d’utiliser des services indépendants ou de monter soit même son espace de stockage.</p>
|
||||
</p>
|
||||
<p>Je tiens à rappeler une fois de plus que le partage d’œuvres sous droit d’auteur est illégal en France. Héberger des fichiers dans le <em>cloud</em> ou sur des plateformes ne doit se faire que pour vos besoins personnels, comme pour le <a href="https://mistergeek.net/informatique/test-wd-my-cloud-home-pourquoi-prendre-un-nas-et-lequel-choisir/">stockage </a>dans le cloud.</p></p>
|
||||
@@ -1,62 +0,0 @@
|
||||
---
|
||||
title: "Annuaire-Téléchargement : quelle adresse ?"
|
||||
date: "2019-03-16T01:23:55"
|
||||
draft: false
|
||||
slug: "annuaire-telechargement"
|
||||
wordpress_id: 395
|
||||
excerpt: "Annuaire-Téléchargement est un site profitant du design de l’ancien Zone-Téléchargement et qui dispose aujourd’hui d’une longue liste de…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2019/03/annuaire-telechargement.png"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":200,"name":"DDL","slug":"ddl"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Annuaire-<a href="https://www.mistergeek.net/vpn/nordvpn/">Téléchargement</a> est un site profitant du design de l’ancien Zone-Téléchargement et qui dispose aujourd’hui d’une longue liste de médias. La fermeture de <strong>Zone-Téléchargement</strong> a impacté les habitudes de nombreuses personnes. Alors qu’Annuaire Téléchargement s’est démocratisé encore récemment, voyons ce que celui-ci nous apporte. Est-ce un site fiable ? Peut-on télécharger sur Annuaire-Téléchargement sans <a href="https://www.mistergeek.net/vpn/purevpn/">VPN</a> ? Faut-il craindre Hadopi ? Voici notre avis sur ce site de DDL.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Télécharger sur Annuaire-Téléchargement ?</h2>
|
||||
</p>
|
||||
<p>À la fermeture d’un site web de téléchargement, de nombreux autres essaient de reprendre le flambeau. C’est sûrement le cas d’<strong>Annuaire Téléchargement</strong>, qui se retrouve dans les tendances de <a href="https://www.mistergeek.net/informatique">Google </a>au moment où nous écrivons ces lignes.</p>
|
||||
</p>
|
||||
<p>Des magazines du web tels que GenerationNT ou CommentCaMarche indiquent avoir reçu un message de l’équipe d’administration de Zone Téléchargement. Celui-ci confirme clairement le <strong>retour du site, sous un nouveau nom.</strong> Or, cela est tout simplement impossible, car les administrateurs dudit site sont derrière les barreaux.</p>
|
||||
</p>
|
||||
<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter">
|
||||
<div class="wp-block-embed__wrapper">
|
||||
<blockquote class="twitter-tweet" data-width="550" data-dnt="true">
|
||||
<p lang="fr" dir="ltr">❗️ <a href="https://twitter.com/hashtag/CyberS%C3%A9curit%C3%A9?src=hash&ref_src=twsrc%5Etfw">#CyberSécurité</a> Fermeture d'un site de téléchargement illégal <a href="https://twitter.com/hashtag/Musique?src=hash&ref_src=twsrc%5Etfw">#Musique</a> <a href="https://twitter.com/hashtag/Films?src=hash&ref_src=twsrc%5Etfw">#Films</a> <a href="https://twitter.com/hashtag/Jeux?src=hash&ref_src=twsrc%5Etfw">#Jeux</a> après enquête de SR <a href="https://twitter.com/hashtag/Toulouse?src=hash&ref_src=twsrc%5Etfw">#Toulouse</a> & <a href="https://twitter.com/hashtag/C3N?src=hash&ref_src=twsrc%5Etfw">#C3N</a> ➡️Préjudice 75M € <a href="https://t.co/VaQkiUHmYR">pic.twitter.com/VaQkiUHmYR</a></p>
|
||||
<p>— Gendarmerie nationale (@Gendarmerie) <a href="https://twitter.com/Gendarmerie/status/803277163168468998?ref_src=twsrc%5Etfw">November 28, 2016</a></p></blockquote>
|
||||
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
|
||||
</div>
|
||||
</figure>
|
||||
</p>
|
||||
<p>Nous avons ici la preuve par l’exemple avec un Tweet de notre chère gendarmerie nationale. On peut donc éliminer la piste d’un retour du site par les premiers administrateurs. En effet c’est un autre site qui use et abuse clairement de la réputation du défunt <strong>Zone-Téléchargement</strong>. </p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Le test d’Annuaire-Téléchargement</h3>
|
||||
</p>
|
||||
<p>Pour ce test nous allons analyser la présence d’<strong>Annuaire Téléchargement</strong> sur le web, puis passer en revue les fichiers. La méthode reste la même qu’ave d’autres sites. Vous n’aurez pas à utiliser de <a href="https://mistergeek.net/vpn">VPN</a> ici, car le site utilise le système du DDL et héberge ses fichiers sur des hébergeurs comme <a href="https://www.mistergeek.net/telechargement">Uptobox</a>. </p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Classement en ligne d’Annuaire-Téléchargement</h3>
|
||||
</p>
|
||||
<p>En premier lieu, voyons ce que nous apporte <a href="https://www.mistergeek.net/informatique/test-amazon-echo-alexa/">Alexa</a> comme information avec le module « <em>siteinfo</em>« . Pour rappel ce module d’Alexa (une compagnie d’Amazon) permet d’estimer le trafic et les statistiques des sites web mondiaux.</p>
|
||||
</p>
|
||||
<p>En passant notre <strong>Annuaire-Téléchargement</strong> au crible, nous constatons que l’apparition du site semble très récent. En effet la courbe commence à croître à partir de novembre 2018. La fermeture de ZT a eu lieu en 2016, même plus de deux ans après, tous les moyens sont bons pour se faire une place.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Le site en situation</h3>
|
||||
</p>
|
||||
<p>Sur la page d’accueil on retrouve comme sur beaucoup d’autres plateformes de téléchargement les derniers fichiers qui sont en ligne. Les fichiers abondent sur cette plateforme. Dans la <em>sidebar</em> nous pouvons trier les publications. On retrouve les grandes catégories : <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">Films</a>, Séries, <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">Musique</a> et même Formations.</p>
|
||||
</p>
|
||||
<p>Lors de ma visite, ma navigation a été fluide et on n’a pas été noyé sous de la publicité – ce qui est rare pour un site de téléchargement. Quand on sait que les fichiers sont gratuits. Notons tout de même que de faux boutons de téléchargement apparaissent avant la redirection vers l’hébergeur. Les liens sont donc protégés pour éviter – encore une fois – leur censure par les moteurs. Egalement il ne semble pas y avoir de script de minage sur les pages.</p>
|
||||
</p>
|
||||
<p>On dispose également d’un <a href="https://www.mistergeek.net/informatique">moteur de recherche</a>, qui permet de retrouver les fichiers en ligne. En tapant un mot <a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">clé</a> on a très vite accès à des résultats qui semble pertinents. Ce n’est peut-être pas Google, mais un utilisateur peut vite trouver <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> bonheur.</p>
|
||||
</p>
|
||||
<p>L’organisation étant reprise de Zone Téléchargement, les fichiers récents sont ceux de moins bonne qualité. Si vous souhaitez voir un film sorti récemment au cinéma, il va falloir se contenter de vidéos en « CAM » ou en « screener ». Pour les moins récents, vous pouvez retrouver de la HD et du Full HD. Et selon l’hébergeur on peut même regarder directement sa <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">vidéo</a> en <a href="https://www.mistergeek.net/informatique/configurer-obs-streaming/">streaming</a>.</p>
|
||||
</p>
|
||||
<p>Remarque : si vous n’y comprenez rien aux termes utilisés dans le monde du téléchargement, referez-vous à notre article explicatif.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Accéder à Annuaire-Téléchargement</h3>
|
||||
</p>
|
||||
<p>Nous ne pouvons pas donner directement de lien vers les sites de téléchargement. Malgré tout vous pouvez très bien utiliser votre moteur de recherche habituel.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">En résumé</h3>
|
||||
</p>
|
||||
<p>On vous conseille toujours de prendre ce qu’il y a de mieux. Évitez le DivX, qui est un format dépassé. Tournez-vous plutôt vers des fichiers en H264, voire H265 et du <a href="https://mistergeek.net/informatique/format-flac/">FLAC </a>si vous en trouvez.</p></p>
|
||||
@@ -1,45 +0,0 @@
|
||||
---
|
||||
title: "[Tuto] Jouer a Pokémon GO sur NOX"
|
||||
date: "2016-07-19T21:09:03"
|
||||
draft: false
|
||||
slug: "tuto-jouer-pokemon-go-pc"
|
||||
wordpress_id: 19
|
||||
excerpt: "Il est possible de jouer à Pokémon Go sans sortir de chez soi. Vous pourrez après avoir lu…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2016/07/nox-emu.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Il est possible de jouer à Pokémon Go sans sortir de chez soi. Vous pourrez après avoir lu et réalisé ce tuto capturer des Pokémons et combattre dans les arènes du monde entier.</p>
|
||||
</p>
|
||||
<p>Avant toute chose il faut télécharger un émulateur, car oui, vous devez sûrement le savoir Pokémon GO ne tourne pas nativement sur PC (et encore moins <a href="https://www.mistergeek.net/informatique">mac</a>).</p>
|
||||
</p>
|
||||
<p>Deux solutions testées et approuvés s’offrent à vous. La première est Bluestack qui est un émulateur plus que connu et le second est NOX qui est un peu plus complet. NOX possède quelques avantages sur Bluestack car il intègre un fake GPS, outil dont vous aurez besoin pour jouer à <a href="/jeu-video">Pokémon GO</a>. Il vous permet également de se déplacer en utilisant les touches ZQSD. Dans ce tutoriel nous verrons une installation avec NOX.</p>
|
||||
</p>
|
||||
<p>Pour télécharger NOX : http://en.bignox.com/pokemongo</p>
|
||||
</p>
|
||||
<p>Pour télécharger l’APK Pokémon GO : https://www.apkmirror.com/apk/niantic-inc/pokemon-go/</p>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_152"><img decoding="async" src="http://mistergeek.net/wp-content/uploads/2016/07/nox-install-300x245.png" alt="nox-install" class="wp-image-152"/><figcaption>Prenez-vous un café, NOX s’installe.</figcaption></figure>
|
||||
</p>
|
||||
<p>Une fois téléchargé, il suffit de lancer l’installation de NOX.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_153"><img decoding="async" src="http://mistergeek.net/wp-content/uploads/2016/07/nox-accueil-300x178.png" alt="On y est presque !" class="wp-image-153"/><figcaption>On y est presque !</figcaption></figure>
|
||||
</p>
|
||||
<p>Si vous avez téléchargé la version ci-dessus vous aurez à lancer Pokémon GO une fois NOX installé. A droite dans les menus de l’émulateur (à droite) vous aurez une icone « <em>Location</em>« , en cliquant dessus vous pourrez modifier votre position GPS.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="http://mistergeek.net/wp-content/uploads/2016/07/nox-gps-300x251.png" alt="nox-gps" class="wp-image-154"/></figure>
|
||||
</p>
|
||||
<p>Si vous jouez également sur votre <a href="https://www.mistergeek.net/informatique/snapchat-screenshot-capture/">smartphone</a>, placez-vous la position GPS près de votre position réelle. <strong>Faites toujours attention au « soft-ban », ne vous déplacez pas abusivement sur la <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">carte</a>, jamais plus de quelques mètres. Gardez en tête que vos déplacements doivent être à l’échelle humaine.</strong></p>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_155"><img decoding="async" src="http://mistergeek.net/wp-content/uploads/2016/07/nox-pokemon-162x300.png" alt="Have fun !" class="wp-image-155"/><figcaption>Have fun !</figcaption></figure>
|
||||
</p>
|
||||
<p>Il ne vous reste plus qu’à lancer Pokémon GO et le tour est joué.</p>
|
||||
</p>
|
||||
<p>Remarque : Si vous avez des crash vérifiez que votre compte Google n’est pas connecté à sur l’émulateur <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">Android</a>. Inscrivez-vous via le club Pokémon pour éviter ce genre de problème.</p>
|
||||
</p>
|
||||
<p>C’est enfin terminé, amusez-vous bien sur Pokémon GO !</p>
|
||||
</p>
|
||||
<p><iframe loading="lazy" class="wp-embedded-content" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" title="« [Tuto] Comment jouer à Pokémon GO avec un joystick sans ROOT » — Mistergeek 🤓" src="https://mistergeek.net/2016/10/31/joystick-hack-pokemon-go-fake-gps/embed/#?secret=e0JI5lR8Qz" width="600" height="338" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" sandbox="allow-scripts" data-secret="e0JI5lR8Qz"></iframe></p></p>
|
||||
@@ -1,80 +0,0 @@
|
||||
---
|
||||
title: "Comment avoir un Joystick sur Pokémon GO ?"
|
||||
date: "2016-10-31T11:55:06"
|
||||
draft: false
|
||||
slug: "pokemon-go-joystick"
|
||||
wordpress_id: 76
|
||||
excerpt: "Vous jouez à Pokémon GO et vous souhaitez vous déplacer dans le jeu sans sortir de chez vous…\n"
|
||||
featured_image: ""
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Vous jouez à Pokémon GO et vous souhaitez vous déplacer dans le jeu sans sortir de chez vous ? Besoin d’un joystick directement sur téléphone ? Vous disposez d’un téléphone sur <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">Android</a> ? Voici un guide pour vous aider à installer un joystick et à fausser le GPS du jeu.</p>
|
||||
</p>
|
||||
<p><div id="ez-toc-container" class="ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction">
|
||||
<p class="ez-toc-title" style="cursor:inherit">Table of Contents</p>
|
||||
<label for="ez-toc-cssicon-toggle-item-68a33a6bef22d" class="ez-toc-cssicon-toggle-label"><span class=""><span class="eztoc-hide" style="display:none;">Toggle</span><span class="ez-toc-icon-toggle-span"><svg style="fill: #999;color:#999" xmlns="http://www.w3.org/2000/svg" class="list-377408" width="20px" height="20px" viewBox="0 0 24 24" fill="none"><path d="M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z" fill="currentColor"></path></svg><svg style="fill: #999;color:#999" class="arrow-unsorted-368013" xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24" version="1.2" baseProfile="tiny"><path d="M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z"/></svg></span></span></label><input type="checkbox" id="ez-toc-cssicon-toggle-item-68a33a6bef22d" aria-label="Toggle" /><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-1" href="https://www.mistergeek.net/informatique/pokemon-go-joystick/#Prerequis_pour_utiliser_le_Joystick_Pokemon_GO" >Prérequis pour utiliser le Joystick Pokémon GO</a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-2" href="https://www.mistergeek.net/informatique/pokemon-go-joystick/#Comment_activer_les_options_de_developpeurs_sur_Android" >Comment activer les options de développeurs sur Android ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-3" href="https://www.mistergeek.net/informatique/pokemon-go-joystick/#Comment_installer_un_hack_Joystick_pour_Pokemon_GO_sur_Android" >Comment installer un hack Joystick pour Pokémon GO sur Android ?</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-4" href="https://www.mistergeek.net/informatique/pokemon-go-joystick/#Configurer_le_joystick_sur_Android" >Configurer le joystick sur Android</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-5" href="https://www.mistergeek.net/informatique/pokemon-go-joystick/#Jouer_avec_le_fake_GPS_et_le_joystick_a_Pokemon_GO" >Jouer avec le fake GPS et le joystick à Pokémon GO</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-6" href="https://www.mistergeek.net/informatique/pokemon-go-joystick/#Telecharger_un_joystick_pour_Pokemon_GO" >Télécharger un joystick pour Pokémon GO</a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-7" href="https://www.mistergeek.net/informatique/pokemon-go-joystick/#Fake_GPS_Location" >Fake GPS Location</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-8" href="https://www.mistergeek.net/informatique/pokemon-go-joystick/#iMyFone_AnyTo" >iMyFone AnyTo</a></li></ul></li></ul></li></ul></nav></div>
|
||||
|
||||
</p>
|
||||
</p>
|
||||
<p>Découvrez une astuce pour jouer à Pokémon GO sur Android avec un joystick grâce à un <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">APK</a>. Ce petit hack vous permet de vous déplacer virtuellement dans le jeu sans avoir à bouger de votre siège ou sans avoir à sortir de chez vous. Il fonctionne Android 6 ou supérieur et <strong>nécessite pas de root</strong>. </p>
|
||||
</p>
|
||||
<p>Si vous utilisiez NOX ou Bluestacks auparavant cet article vous donnera les clés pour pouvoir jouer de nouveau tranquillement à Pokémon GO.</p>
|
||||
</p>
|
||||
<p><iframe loading="lazy" title="Comment jouer à Pokémon GO avec un joystick sans ROOT ?" src="https://www.youtube.com/embed/i_YWfZBeaVs?feature=oembed" allowfullscreen="allowfullscreen" width="840" height="473" frameborder="0"></iframe></p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="Prerequis_pour_utiliser_le_Joystick_Pokemon_GO"></span>Prérequis pour utiliser le Joystick Pokémon GO<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<p>Vous l’avez sûrement compris cet article ne concerne que les <strong>smartphones utilisant Android</strong>, si vous utilisez <a href="https://www.mistergeek.net/informatique/installer-ios-beta-developpeur/">iOS</a> vous devez vous tourner vers une autre solution. </p>
|
||||
</p>
|
||||
<p>Pour Android, votre système d’exploitation doit être au minimum à la version <strong>6</strong> c’est-à-dire <strong>Marshmallow.</strong> Aussi, afin que ce hack puisse fonctionner vous devez activer les options de développeurs.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="Comment_activer_les_options_de_developpeurs_sur_Android"></span>Comment activer les options de développeurs sur Android ?<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2016/10/builddev-w782.png" alt="builddev-w782" class="wp-image-6154"/></figure>
|
||||
</p>
|
||||
<ol class="wp-block-list">
|
||||
<li><strong>Rendez-vous dans la configuration de votre téléphone pour commencer cette étape.</strong></li>
|
||||
<li><strong>Allez dans « <em>À propos de l’appareil ».</em></strong></li>
|
||||
<li><strong> Appuyez 7 fois sur la case « <em>Numéro de build » </em>jusqu’à ce que le message « Vous êtes maintenant un développeur » s’affiche.</strong></li>
|
||||
<li><strong>Retournez dans vos paramètres et tout en bas vous aurez « <em>Options pour les développeurs ».</em></strong></li>
|
||||
</ol>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="Comment_installer_un_hack_Joystick_pour_Pokemon_GO_sur_Android"></span>Comment installer un hack Joystick pour Pokémon GO sur Android ?<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<p>Avant de commencer il faut récupérer au choix GoGPS! sur le Google Play Store. GoGPS et Fly GPS vous permettent tous deux de simuler un déplacement dans Pokémon GO en faussant les données de votre GPS.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Configurer_le_joystick_sur_Android"></span>Configurer le joystick sur Android<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2016/10/selectionner-appli-fictive.jpg" alt="selectionner-appli-fictive" class="wp-image-6157"/></figure>
|
||||
</p>
|
||||
<p>Rendez-vous une fois encore dans les paramètres de votre téléphone dans le menu « <em>Options pour les développeurs</em>« . Cliquez sur « <em>Sélectionner l’application de position fictive</em> » et choisissez dans la liste Fly GPS ou GoGPS.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2016/10/Screenshot_2016-10-31-11-08-53-169x300.png" alt="screenshot_2016-10-31-11-08-53" class="wp-image-6161"/></figure>
|
||||
</p>
|
||||
<p>Activez normalement votre GPS et lancez l’une des deux applications, Fly GPS ou GoGPS et configurez votre position.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Jouer_avec_le_fake_GPS_et_le_joystick_a_Pokemon_GO"></span>Jouer avec le fake GPS et le joystick à Pokémon GO<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2016/10/Screenshot_2016-10-31-11-11-26-169x300.png" alt="screenshot_2016-10-31-11-11-26" class="wp-image-6160"/></figure>
|
||||
</p>
|
||||
<p>Dès que vous avez réalisé la configuration il vous est possible de jouer à Pokémon GO sans avoir à affronter la dure température extérieure.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Telecharger_un_joystick_pour_Pokemon_GO"></span>Télécharger un joystick pour Pokémon GO<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Comme indiqué au-dessus, plusieurs applications font office de hack pour Pokémon GO. Certains sont en APK alors que d’autres se trouvent sur marché officiel d’Android, à savoir le Google Play Store.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Fake_GPS_Location"></span>Fake GPS Location<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="314" height="1024" src="https://www.mistergeek.net/wp-content/uploads/2021/08/fake-gps-location-joystick-2-314x1024.png" alt="" class="wp-image-4302" srcset="https://www.mistergeek.net/wp-content/uploads/2021/08/fake-gps-location-joystick-2-314x1024.png 314w, https://www.mistergeek.net/wp-content/uploads/2021/08/fake-gps-location-joystick-2-92x300.png 92w, https://www.mistergeek.net/wp-content/uploads/2021/08/fake-gps-location-joystick-2-18x60.png 18w, https://www.mistergeek.net/wp-content/uploads/2021/08/fake-gps-location-joystick-2.png 357w" sizes="auto, (max-width: 314px) 100vw, 314px" /></figure>
|
||||
</p>
|
||||
<p>La première <a href="https://www.mistergeek.net/informatique/snapchat-screenshot-capture/">application</a> que nous vous conseillons est <a href="https://play.google.com/store/apps/details?id=com.theappninjas.fakegpsjoystick&hl=en_US&gl=US" target="_blank" rel="noreferrer noopener nofollow">Fake GPS Location</a>. Disponible sur le Play Store, elle vous permet de vous déplacer en modifiant virtuellement la position de votre GPS sur votre téléphone.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="iMyFone_AnyTo"></span>iMyFone AnyTo<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="357" height="854" src="https://www.mistergeek.net/wp-content/uploads/2021/08/imyfone.png" alt="" class="wp-image-4303" srcset="https://www.mistergeek.net/wp-content/uploads/2021/08/imyfone.png 357w, https://www.mistergeek.net/wp-content/uploads/2021/08/imyfone-125x300.png 125w, https://www.mistergeek.net/wp-content/uploads/2021/08/imyfone-25x60.png 25w" sizes="auto, (max-width: 357px) 100vw, 357px" /></figure>
|
||||
</p>
|
||||
<p>La seconde solution que nous avons est un logiciel payant nommé <a href="https://www.imyfone.com/location-changer/">iMyFone AnyTo</a>. Comme l’indique le site officiel, celui-ci vous permet de changer votre position GPS et vous rendre n’importe où.</p></p>
|
||||
@@ -1,58 +0,0 @@
|
||||
---
|
||||
title: "Utiliser Word 2010 pour publier sur WordPress"
|
||||
date: "2016-11-15T10:37:32"
|
||||
draft: false
|
||||
slug: "microsoft-word-article-wordpress"
|
||||
wordpress_id: 83
|
||||
excerpt: "Vous souhaitez utiliser Word pour rédiger vos articles et pouvoir les mettre en ligne ? Quel est la…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2021/12/word-wordpress.webp"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Vous souhaitez utiliser Word pour rédiger vos articles et pouvoir les mettre en ligne ? Quel est la meilleure méthode pour avoir un éditeur externe à celui de WordPress ? Voici un article qui va vous accompagner dans la rédaction pour WordPress depuis Microsoft Word.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Comment publier un article en ligne en utilisant Microsoft Word ?</h2>
|
||||
</p>
|
||||
<p>Voici un billet pour vous accompagner dans la création et la publication d’un article en utilisant Microsoft Word. Cette fonction est disponible sur les versions 2007 et 2010 de Word. <strong>Sur les versions plus récentes de la suite office c’est-à-dire 2013, 2016 et 2019, la fonction publication sur WordPress semble avoir été supprimée. </strong></p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Qu’est-ce que Microsoft Word ?</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="538" src="https://www.mistergeek.net/wp-content/uploads/2021/12/microsof-word-1024x538.png" alt="Application Microsoft Word" class="wp-image-4720" srcset="https://www.mistergeek.net/wp-content/uploads/2021/12/microsof-word-1024x538.png 1024w, https://www.mistergeek.net/wp-content/uploads/2021/12/microsof-word-300x158.png 300w, https://www.mistergeek.net/wp-content/uploads/2021/12/microsof-word-768x403.png 768w, https://www.mistergeek.net/wp-content/uploads/2021/12/microsof-word-114x60.png 114w, https://www.mistergeek.net/wp-content/uploads/2021/12/microsof-word.png 1200w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
|
||||
</p>
|
||||
<p>Microsoft Word est un programme de <a href="/informatique">traitement de texte</a> qui a été développé par Microsoft en 1983. Depuis lors, <strong>Microsoft </strong>a publié une abondance de versions mises à jour, chacune offrant plus de fonctionnalités et intégrant une meilleure technologie que celle qui la précédait. La version web la plus récente de Microsoft Word est <strong>Microsoft Word 365</strong>, mais la version logicielle de <strong>Microsoft Office 2019 inclut Word 2019</strong>.</p>
|
||||
</p>
|
||||
<p>Microsoft Word est inclus dans toutes les suites d’applications Microsoft Office. Les suites les plus basiques (et les moins chères) comprennent également Microsoft PowerPoint et Microsoft Excel. Des suites supplémentaires existent et incluent d’autres programmes Office, tels que Microsoft Outlook et Teams.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading">Avez-vous besoin de Word ?</h4>
|
||||
</p>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="656" src="https://www.mistergeek.net/wp-content/uploads/2021/12/Word2019c-1024x656.png" alt="Applications Microsoft Word" class="wp-image-4721" srcset="https://www.mistergeek.net/wp-content/uploads/2021/12/Word2019c-1024x656.png 1024w, https://www.mistergeek.net/wp-content/uploads/2021/12/Word2019c-300x192.png 300w, https://www.mistergeek.net/wp-content/uploads/2021/12/Word2019c-768x492.png 768w, https://www.mistergeek.net/wp-content/uploads/2021/12/Word2019c-94x60.png 94w, https://www.mistergeek.net/wp-content/uploads/2021/12/Word2019c.png 1199w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
|
||||
</p>
|
||||
<p>Si vous souhaitez uniquement créer des documents simples, composés de paragraphes avec des listes à puces et numérotées, avec très peu de mise en forme, vous n’avez pas besoin d’acheter Microsoft Word. Vous pouvez utiliser l’application WordPad incluse dans <a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">Windows</a> 7, Windows 8.1 et Windows 10. Cependant, si vous devez faire plus que cela, vous aurez besoin d’un programme de traitement de texte plus puissant. Pour rester dans le libre et <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">gratuit</a>, vous pouvez toujours utiliser LibreOffice.</p>
|
||||
</p>
|
||||
<p>Avec <strong>Microsoft Word</strong>, vous pouvez choisir parmi une variété de styles et de conceptions préconfigurés, ce qui constitue un moyen facile de mettre en forme de longs documents en un seul clic. Vous pouvez également insérer des images et des vidéos provenant de votre ordinateur et d’Internet, dessiner des formes et créer et insérer toutes sortes de graphiques.</p>
|
||||
</p>
|
||||
<p>Si vous écrivez un livre ou créez une brochure, ce que vous ne pouvez pas faire efficacement (ou pas du tout) avec WordPad ou une <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">application</a> comme <a href="https://www.mistergeek.net/informatique/apple-event-2020/">Apple</a> Pages, vous pouvez utiliser les fonctions de Microsoft Word pour définir des marges et des tabulations, insérer des sauts de page, créer des colonnes et même configurer l’espacement entre les lignes. Il existe également des fonctions qui vous permettent de créer une table des matières d’un simple clic. Vous pouvez également insérer des notes de bas de page, ainsi que des en-têtes et des pieds de page. Des options permettent de créer des bibliographies, des légendes, une table des figures et même des références croisées.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading">Où obtenir Microsoft Word ?</h4>
|
||||
</p>
|
||||
<p>Si vous êtes sûr de ne pas avoir déjà une suite Microsoft Office, vous pouvez obtenir la dernière version de Microsoft Word avec Microsoft 365. Microsoft 365 est cependant à abonnement, que vous payez tous les mois. Si le paiement mensuel ne vous intéresse pas, envisagez d’acheter Microsoft Office directement. Vous pouvez comparer et acheter toutes les éditions et suites disponibles sur le site Microsoft Store.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Qu’est-ce que WordPress ?</h3>
|
||||
</p>
|
||||
<p>À la base, <a href="https://www.mistergeek.net/informatique">WordPress </a>est un système simple et populaire de créer votre propre site ou blog. D’ailleurs, WordPress alimente plus d’un site Web sur quatre. Il se peut que la grande majorité de sites Web que vous visitez utilise </p>
|
||||
</p>
|
||||
<p>Pour entrer dans la technique, <strong>WordPress est un système de gestion de contenu open-source sous licence</strong> <strong>libre</strong>, ce qui signifie que tout le monde peut utiliser ou modifier le logiciel. Un système de gestion de contenu (ou <a href="https://www.mistergeek.net/informatique/traduction-francaise-xenforo-2/">CMS</a>) est un outil informatique qui permet de gérer les aspects importants d’un site Web, comme le contenu, sans avoir besoin de s’y connaître en programmation. En somme, WordPress rend la création d’un site web accessible à tous, même aux personnes qui ne sont pas des développeurs.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Comment utiliser Word pour publier un article ?</h3>
|
||||
</p>
|
||||
<p>Lorsque vous n’avez pas internet, ou uniquement un accès limité comme en entreprise, utiliser Word pour écrire les articles de <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> blog peut-être utile. Sur Word 2010, la manipulation est simple. Il suffit de faire <strong>Fichier > Enregistrer et envoyer > Publier en tant que billet de blog</strong>.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image aligncenter"><img decoding="async" src="/content/images/wordpress/2016/11/111516_1120_Rdigersesar1.png" alt=""/></figure>
|
||||
</p>
|
||||
<p>Vous devez configurer votre compte en cliquant sur <strong>« Gérer les comptes »</strong>, partie dans laquelle vous devez définir vos identifiants de connexion ainsi que l’URL d’accès à votre site. Tout est prêt ? Rédigez normalement votre article et appuyez simplement sur le bouton <strong>« Publier »</strong> dès que vous avez terminé. </p>
|
||||
</p>
|
||||
<p>Word possède quelques limitations car on ne peut pas tout modifier. L’exemple le plus flagrant est bien l’image à la une, celle qui est sensé vous donner envie de lire plus en profondeur l’article.</p></p>
|
||||
@@ -1,76 +0,0 @@
|
||||
---
|
||||
title: "Comment accéder au Darknet et au Dark Web ?"
|
||||
date: "2017-01-20T14:37:43"
|
||||
draft: false
|
||||
slug: "acceder-darknet-se-rendre-deep-web"
|
||||
wordpress_id: 113
|
||||
excerpt: "Vous avez probablement déjà entendu parler du Darknet (qui inclut le Deep Web), souvent mentionné sur certains forums…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2017/01/darknet.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Vous avez probablement déjà entendu parler du <strong>Darknet</strong> (qui inclut le <strong>Deep Web</strong>), souvent mentionné sur certains forums de jeux <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">vidéo</a> réservés aux adolescents de 15 à 18 ans (coucou JeuxVideo.com). Le Darknet est essentiellement un internet parallèle, accessible uniquement avec les bons outils. Aujourd’hui, nous allons vous présenter les logiciels qui permettent d’accéder au Darknet et vous donner un aperçu de ce que vous pourriez y trouver, sans pour autant vous encourager à le visiter.</p>
|
||||
</p>
|
||||
<p><strong>Remarque</strong> : Le contenu du Darknet peut souvent être dangereux et illégal. Prenez donc garde et ne téléchargez rien, à moins de savoir exactement ce que vous faites et d’en comprendre les implications légales et de <a href="https://www.mistergeek.net/vpn/nordvpn/">sécurité</a>.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Qu’est-ce que le Darknet ?</h2>
|
||||
</p>
|
||||
<p>Le Darknet est une partie d’Internet qui n’est pas indexée par les <a href="https://www.mistergeek.net/informatique/obtenir-visibilite-google-my-business/">moteurs de recherche</a> traditionnels et qui nécessite des outils spécifiques pour y accéder. Contrairement au web de surface (<em>Clearnet</em>), le Darknet offre un anonymat accru, ce qui le rend attractif pour diverses activités, tant légales qu’illégales.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Utiliser TOR pour accéder au Darknet et au Deep Web</h2>
|
||||
</p>
|
||||
<p>Pour accéder au réseau qu’est le Darknet, il faut avoir les bons logiciels. En l’occurrence il faut The Onion Router. Celui-ci est <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">gratuit</a>, libre et disponible sur Internet (le vrai). Il est utilisé par les journalistes et les activistes, mais pas seulement. Pour accéder aux services du Darknet il faut :</p>
|
||||
</p>
|
||||
<ol class="wp-block-list">
|
||||
<li>Télécharger TOR</li>
|
||||
</p>
|
||||
<li>Trouver les sites internet à consulter ou <em><strong>The Hidden Wiki</strong></em>. Pour cela vous pouvez consulter Reddit où des utilisateurs postent les URL onion.</li>
|
||||
</p>
|
||||
<li>Se rendre sur ces dits sites et enjoy !</li>
|
||||
</ol>
|
||||
</p>
|
||||
<figure class="wp-block-image size-full is-resized wp-caption alignnone" id="attachment_6895"><img loading="lazy" decoding="async" width="640" height="360" src="https://www.mistergeek.net/wp-content/uploads/2017/01/logo-tor.jpg" alt="Logo TOR" class="wp-image-6370" style="aspect-ratio:1;width:700px;height:auto" srcset="https://www.mistergeek.net/wp-content/uploads/2017/01/logo-tor.jpg 640w, https://www.mistergeek.net/wp-content/uploads/2017/01/logo-tor-300x169.jpg 300w, https://www.mistergeek.net/wp-content/uploads/2017/01/logo-tor-380x214.jpg 380w" sizes="auto, (max-width: 640px) 100vw, 640px" /><figcaption class="wp-element-caption">En plus de TOR, il existe aussi I2P et d’autres réseaux avec chacun leurs différences.</figcaption></figure>
|
||||
</p>
|
||||
<p>Nous n’aborderons pas dans cet article les aspects techniques du fonctionnement de <strong>TOR</strong>. Ce sujet mériterait à lui seul un article et une vidéo dédiée.</p>
|
||||
</p>
|
||||
<p>Pour accéder au <strong>Deep Web</strong>, vous devrez utiliser <em><strong>The Onion Router</strong> (<strong>TOR</strong>)</em>. <strong>Pour cela, rien de bien difficile : il suffit d’aller le télécharger sur le site officiel : <a href="https://www.torproject.org">torproject.org</a></strong>. </p>
|
||||
</p>
|
||||
<p>Vous verrez que ce logiciel est fourni avec une version modifiée de Firefox, conçue pour ne pas laisser de trace. <strong>Pas d’historique, pas de sauvegardes de vos données</strong>. Le célèbre navigateur de Mozilla est ici <strong>customisé pour l’anonymat</strong> (c’était <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> objectif principal même dans sa version grand public).</p>
|
||||
</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Pourquoi utiliser TOR ?</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large is-resized wp-caption alignnone" id="attachment_6892"><img loading="lazy" decoding="async" width="1024" height="698" src="https://www.mistergeek.net/wp-content/uploads/2017/01/exemple-site-deep-web-1024x698.png" alt="" class="wp-image-6378" style="aspect-ratio:1;width:700px;height:auto" srcset="https://www.mistergeek.net/wp-content/uploads/2017/01/exemple-site-deep-web-1024x698.png 1024w, https://www.mistergeek.net/wp-content/uploads/2017/01/exemple-site-deep-web-300x205.png 300w, https://www.mistergeek.net/wp-content/uploads/2017/01/exemple-site-deep-web-768x524.png 768w, https://www.mistergeek.net/wp-content/uploads/2017/01/exemple-site-deep-web-380x259.png 380w, https://www.mistergeek.net/wp-content/uploads/2017/01/exemple-site-deep-web-800x546.png 800w, https://www.mistergeek.net/wp-content/uploads/2017/01/exemple-site-deep-web-1160x791.png 1160w, https://www.mistergeek.net/wp-content/uploads/2017/01/exemple-site-deep-web.png 1340w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Même sur le Deep Web, vous retrouverez des publicités, mais pas toujours pour des sites légaux.</figcaption></figure>
|
||||
</p>
|
||||
<p>Vous l’aurez compris, récupérer <strong>TOR</strong> est très simple : quelques clics suffisent et le <strong>Deep Web</strong> est directement accessible. Cependant, <strong>TOR</strong> possède bien plus de fonctions que celles vous permettant de vous rendre sur le <strong>Deep Web</strong>. En effet, <strong>TOR</strong> est un <strong>moyen de communication non censuré</strong>. On a pu voir des journalistes utiliser ce <a href="https://www.mistergeek.net/telechargement/bittorrent/comment-fonctionne-bittorrent/">protocole</a> afin de publier leurs articles lorsqu’ils étaient en Syrie ou en Égypte, par exemple.</p>
|
||||
</p>
|
||||
<p>Le <strong>Darknet</strong> peut être une source de savoir énorme. En effet, il existe des tutoriels pour <strong>apprendre à hacker</strong>, vous pouvez trouver des secrets d’états – y compris ceux de <strong>Wikileaks</strong> – et des documents confidentiels (que personne ne veut que vous voyez, du style secret défense) ainsi que des bases de données énormes de sites qui ont été piratés sur le <strong>Clearnet</strong> (par opposition au <strong>Darknet</strong>).</p>
|
||||
</p>
|
||||
<p><strong>TOR</strong> peut aujourd’hui être utilisé afin de <strong>masquer son IP</strong>. Petit bémol à cela : lorsque vous utilisez <strong>TOR</strong>, votre <strong>débit est réduit</strong>, car chaque requête que vous ferez via ce réseau passera par plusieurs nœuds, qui changent à chaque fois (ou presque).</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Se rendre sur l’Hidden Wiki</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large wp-caption alignnone" id="attachment_6893"><img loading="lazy" decoding="async" width="1024" height="698" src="https://www.mistergeek.net/wp-content/uploads/2017/01/the-hidden-wiki-1024x698.png" alt="" class="wp-image-6379" srcset="https://www.mistergeek.net/wp-content/uploads/2017/01/the-hidden-wiki-1024x698.png 1024w, https://www.mistergeek.net/wp-content/uploads/2017/01/the-hidden-wiki-300x205.png 300w, https://www.mistergeek.net/wp-content/uploads/2017/01/the-hidden-wiki-768x524.png 768w, https://www.mistergeek.net/wp-content/uploads/2017/01/the-hidden-wiki-380x259.png 380w, https://www.mistergeek.net/wp-content/uploads/2017/01/the-hidden-wiki-800x546.png 800w, https://www.mistergeek.net/wp-content/uploads/2017/01/the-hidden-wiki-1160x791.png 1160w, https://www.mistergeek.net/wp-content/uploads/2017/01/the-hidden-wiki.png 1340w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Le Hidden Wiki est le point d’accueil du Darknet pour tout bon débutant.</figcaption></figure>
|
||||
</p>
|
||||
<p>Il n’existe pas de moteur de recherche officiel pour <strong>TOR</strong>. Pour trouver des sites, la principale adresse est <strong>The Hidden Wiki</strong>, traduisez Le Wiki <a href="https://www.mistergeek.net/informatique/tuto-comment-afficher-les-dossiers-caches-sur-mac/">Caché</a> en français. Similaire à <strong>Wikipedia</strong> – à l’exception du contenu – <strong>The Hidden Wiki</strong> vous propose des liens vers différents sites du réseau <strong>TOR</strong>. Sur ces sites, vous pouvez retrouver de la <strong>drogue</strong>, des <strong>armes</strong>, des <strong>forums de piratage</strong> et bien pire. À savoir également, sur les places de marché du Deep Web, les transactions se font cryptomonnaie (Monero en tête), une monnaie très utilisée pour se protéger et ne pas avoir à sortir sa <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">carte</a> bleue officielle.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Autres outils pour accéder au Darknet</h2>
|
||||
</p>
|
||||
<p>En plus de TOR, il existe d’autres outils pour accéder au Darknet, comme I2P (Invisible Internet Project) et Freenet. Chacun de ces outils a ses propres caractéristiques et niveaux de sécurité.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">I2P (Invisible Internet Project)</h3>
|
||||
</p>
|
||||
<p>I2P est un autre réseau anonyme qui permet aux utilisateurs de se connecter et de communiquer de manière sécurisée. Contrairement à TOR, qui se concentre sur l’accès aux sites web, I2P est plus orienté vers les communications peer-to-peer et les services internes.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Freenet</h3>
|
||||
</p>
|
||||
<p>Freenet est un réseau décentralisé conçu pour résister à la censure. Il permet aux utilisateurs de publier et de consulter des informations de manière anonyme. Freenet est particulièrement utile pour la diffusion d’informations dans des environnements où la liberté d’expression est restreinte.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Conclusion</h2>
|
||||
</p>
|
||||
<p>Vous devez savoir que ce qui se trouve sur le Deep Web n’est pas forcément légal. Prenez donc les devants en évitant de télécharger ce qui pourrait nuire à votre liberté. Si vous souhaitez utiliser le réseau TOR comme simple réseau d’anonymat – pour ne pas payer de <a href="https://mistergeek.net/vpn">VPN</a> et télécharger, par exemple – utilisez plutôt un proxy tel que <strong><a href="https://www.mistergeek.net/vpn/advor-proxy-tor/">AdvOR</a></strong>.</p>
|
||||
</p>
|
||||
<p>En résumé, le Darknet est un outil puissant qui peut être utilisé à la fois pour des activités légales ou non. Il est crucial de comprendre les risques et les implications avant de s’y aventurer. Utilisez ces outils avec prudence et responsabilité.</p></p>
|
||||
@@ -1,117 +0,0 @@
|
||||
---
|
||||
title: "Comment créer un blog efficace ?"
|
||||
date: "2017-02-08T19:34:07"
|
||||
draft: false
|
||||
slug: "creer-blog-efficace"
|
||||
wordpress_id: 120
|
||||
excerpt: "Vous avez un blog et vous souhaitez éviter de faire des erreurs ? Vous souhaitez comprendre comment gagner…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2021/11/wordpress-logo.jpeg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Vous avez un blog et vous souhaitez éviter de faire des erreurs ? Vous souhaitez comprendre comment gagner vous organiser pour publier vos article ? Comment être professionnel dans votre communication ? Dans cet article, nous vous proposons de faire le point sur les bonnes actions à mener pour blogger efficacement. </p>
|
||||
</p>
|
||||
<p><div id="ez-toc-container" class="ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction">
|
||||
<p class="ez-toc-title" style="cursor:inherit">Table of Contents</p>
|
||||
<label for="ez-toc-cssicon-toggle-item-68a33a6bc01fc" class="ez-toc-cssicon-toggle-label"><span class=""><span class="eztoc-hide" style="display:none;">Toggle</span><span class="ez-toc-icon-toggle-span"><svg style="fill: #999;color:#999" xmlns="http://www.w3.org/2000/svg" class="list-377408" width="20px" height="20px" viewBox="0 0 24 24" fill="none"><path d="M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z" fill="currentColor"></path></svg><svg style="fill: #999;color:#999" class="arrow-unsorted-368013" xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24" version="1.2" baseProfile="tiny"><path d="M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z"/></svg></span></span></label><input type="checkbox" id="ez-toc-cssicon-toggle-item-68a33a6bc01fc" aria-label="Toggle" /><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-1" href="https://www.mistergeek.net/informatique/creer-blog-efficace/#Quest-ce_quun_blog" >Qu’est-ce qu’un blog ?</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-2" href="https://www.mistergeek.net/informatique/creer-blog-efficace/#Comment_fonctionne_un_blog" >Comment fonctionne un blog ?</a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-3" href="https://www.mistergeek.net/informatique/creer-blog-efficace/#Quest-ce_quun_article_de_blog" >Qu’est-ce qu’un article de blog ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-4" href="https://www.mistergeek.net/informatique/creer-blog-efficace/#Blog_ou_site_web" >Blog ou site web</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-5" href="https://www.mistergeek.net/informatique/creer-blog-efficace/#Quelle_est_la_difference_entre_un_wiki_et_un_blog" >Quelle est la différence entre un wiki et un blog ?</a></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-6" href="https://www.mistergeek.net/informatique/creer-blog-efficace/#A_quoi_sert_un_blog" >À quoi sert un blog ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-7" href="https://www.mistergeek.net/informatique/creer-blog-efficace/#Quest-ce_quun_blog_lifestyle" >Qu’est-ce qu’un blog lifestyle ?</a></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-8" href="https://www.mistergeek.net/informatique/creer-blog-efficace/#Les_astuces_pour_creer_un_blog_efficace" >Les astuces pour créer un blog efficace</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-9" href="https://www.mistergeek.net/informatique/creer-blog-efficace/#1_Avoir_un_nom_de_domaine" >1. Avoir un nom de domaine</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-10" href="https://www.mistergeek.net/informatique/creer-blog-efficace/#2_Quelle_solution_pour_creer_un_blog" >2. Quelle solution pour créer un blog ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-11" href="https://www.mistergeek.net/informatique/creer-blog-efficace/#3_Creer_du_contenu" >3. Créer du contenu</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-12" href="https://www.mistergeek.net/informatique/creer-blog-efficace/#4_Faire_indexer_son_site_par_Google" >4. Faire indexer son site par Google</a></li></ul></li></ul></nav></div>
|
||||
|
||||
</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="Quest-ce_quun_blog"></span>Qu’est-ce qu’un blog ?<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<p>Pour faire un bref historique, en 1994, Justin Hall, étudiant au Swarthmore College, est crédité de la création du premier blog : links.net. À cette époque, ce site n’était pas considéré comme un blog, mais comme une page d’accueil personnelle.</p>
|
||||
</p>
|
||||
<p>C’est en 1997 que Jorn Barger, blogueur pour Robot Wisdom, a inventé le terme « weblog », qui visait à décrire <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> processus de « journalisation du web » lorsqu’il naviguait sur l’internet. Le terme « weblog » a été plus tard raccourci en « blog » en 1999 par le programmeur Peter Merholz.</p>
|
||||
</p>
|
||||
<p>Au début, un blog était un journal Web personnel dans lequel quelqu’un pouvait partager des informations ou son opinion sur une variété de sujets. Les informations étaient affichées par ordre chronologique inverse, de sorte que le message le plus récent apparaissait en premier.</p>
|
||||
</p>
|
||||
<p>De nos jours, un blog est un site ou une page web régulièrement mis à jour, qui peut être utilisé à des fins personnelles ou pour répondre à un besoin professionnel.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Comment_fonctionne_un_blog"></span>Comment fonctionne un blog ?<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Un blog est un site Web (en tout ou partie) où est publié des articles. Un blog est généralement hébergé en ligne par son auteur lui même ou chez un prestataire avec un <a href="https://www.mistergeek.net/informatique/traduction-francaise-xenforo-2/">CMS</a> (<em>Content Management System</em>) comme WordPress ou Ghost. Ce blog est alors accessible aux internautes.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Quest-ce_quun_article_de_blog"></span>Qu’est-ce qu’un article de blog ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Un article est une page Web individuelle sur votre site Web, qui se penche sur un sous-thème particulier.</p>
|
||||
</p>
|
||||
<p>Par exemple, si vous lancez un blog sur les jeux <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">vidéo</a> sur votre site de vente au détail. Un article de blog pourrait s’intituler « Les meilleures tapis de <a href="https://www.mistergeek.net/informatique/comparatif-souris-gamer/">souris</a> 2021 ». L’article est lié à l’ensemble du sujet de votre blog (à savoir les jeux vidéo), mais il aborde également un sous-thème très particulier (les tapis de souris).</p>
|
||||
</p>
|
||||
<p>Les articles de blog vous permettent de vous classer sur les moteurs de recherche (comme Google, Bing ou Yahoo!) sur différents mots clés. Dans l’exemple ci-dessus, votre article pourrait permettre à votre entreprise d’être classée dans <a href="https://www.mistergeek.net/application/activer-voir-image-google/">Google</a> pour « tapis de souris ». Lorsqu’un internaute recherche du matériel de <a href="https://www.mistergeek.net/informatique/comparatif-clavier-gamer/">jeu vidéo</a> et tombe sur votre article de blog, il a accès au reste du site Web de votre entreprise. Il peut cliquer sur vos Produits après avoir lu votre article et jeter un coup d’œil aux articles vendus par votre entreprise. En somme, cela peut mener à un acte d’achat et donc de monétisation.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Blog_ou_site_web"></span>Blog ou site web<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Un blog est généralement une section du site Web de l’entreprise, mais contrairement au reste du site Web, vous devez mettre à jour la section blogging fréquemment en ajoutant de nouveaux articles. En outre, votre blog est un outil qui vous permet de vous engager davantage avec votre public, soit en analysant le nombre de lecteurs qui partagent vos articles sur les réseaux sociaux, soit en permettant aux lecteurs de commenter vos articles individuels. Ainsi, un blog s’apparente davantage à une conversation à double sens que le reste de votre site web. Cependant, un blog peut aussi être un site web entier, et c’est souvent le cas si le blog est destiné à un usage personnel uniquement – par exemple, un blog de voyage.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Quelle_est_la_difference_entre_un_wiki_et_un_blog"></span>Quelle est la différence entre un wiki et un blog ?<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Un wiki est un espace collaboratif où toute personne qui visite le site peut modifier, partager ou publier du contenu – Wikipedia sûrement l’exemple le plus populaire. En revanche, il n’y a généralement qu’une seule personne, ou une équipe de personnes, disposant des droits d’administration pour modifier, partager ou publier sur un blog. Les visiteurs du site qui tombent sur le blog peuvent éventuellement laisser des commentaires en bas de l’article, mais ils ne peuvent pas publier sur le site ou modifier le contenu affiché.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="A_quoi_sert_un_blog"></span>À quoi sert un blog ?<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Les avantages du blogging sont nombreux : il contribue à attirer du trafic sur votre site Web, il vous permet de mieux convertir ce trafic en prospects, il permet à votre entreprise de faire autorité dans un secteur, et il continue à aider votre entreprise à se développer et à attirer de nouveaux clients des mois, voire des années après sa publication.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Quest-ce_quun_blog_lifestyle"></span>Qu’est-ce qu’un blog lifestyle ?<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Un blog lifestyle est une compilation eng ligne des intérêts personnels d’un blogueur, de ses activités quotidiennes ou de ses opinions sur un sujet. Un blog lifestyle couvre généralement plusieurs activités ou talents de l’auteur, plutôt que de se concentrer sur un seul sujet. Par exemple, cela peut inclure une section sur la mode, la <a href="https://www.mistergeek.net/informatique/withings-steel-hr/">santé</a> et le bien-être, les voyages et les relations. Un blog lifestyle est souvent très personnalisé et s’apparente très souvent à un journal intime.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="Les_astuces_pour_creer_un_blog_efficace"></span>Les astuces pour créer un blog efficace<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<p>Dans cette partie, nous vous proposons quelques astuces pour bien démarrer votre blog. Voici quelques notes sur les composants à ajouter à votre site Web personnel ou d’entreprise pour être efficace.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="1_Avoir_un_nom_de_domaine"></span>1. Avoir un nom de domaine<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="350" src="https://www.mistergeek.net/wp-content/uploads/2021/11/nom-domaine.webp" alt="" class="wp-image-4666" srcset="https://www.mistergeek.net/wp-content/uploads/2021/11/nom-domaine.webp 800w, https://www.mistergeek.net/wp-content/uploads/2021/11/nom-domaine-300x131.webp 300w, https://www.mistergeek.net/wp-content/uploads/2021/11/nom-domaine-768x336.webp 768w, https://www.mistergeek.net/wp-content/uploads/2021/11/nom-domaine-137x60.webp 137w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>
|
||||
</p>
|
||||
<p>Quel que soit votre hébergeur posséder un nom de domaine est recommandé pour garantir un bon référencement. Aussi, le nom de domaine permet d’être professionnel vis à vis de votre public. En effet, très souvent les blogs sont étroitements liés à des produits ou services et permettent aux entreprises de diposer d’un emplacement dédié à la publication de leur actualités. Si tel est le cas pour vous, profitez de ce nom de domaine pour créer un espacé à votre blog. Évitez également les domaines tel que « monblog.dyndns.org », cela pourait nuire à votre référencement.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="2_Quelle_solution_pour_creer_un_blog"></span>2. Quelle solution pour créer un blog ?<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
</p>
|
||||
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="512" height="250" src="https://www.mistergeek.net/wp-content/uploads/2021/11/techcrunch.png" alt="" class="wp-image-4663" srcset="https://www.mistergeek.net/wp-content/uploads/2021/11/techcrunch.png 512w, https://www.mistergeek.net/wp-content/uploads/2021/11/techcrunch-300x146.png 300w, https://www.mistergeek.net/wp-content/uploads/2021/11/techcrunch-123x60.png 123w" sizes="auto, (max-width: 512px) 100vw, 512px" /></figure>
|
||||
</p>
|
||||
<p>Pour créer un blog de nombreuses solutions ce sont démocratisées grâce à l’évolution des technologies. L’outil le plus populaire aujourd’hui est <strong>WordPress avec 40% des sites Web mondiaux en 2019</strong>. On retrouve derrière lui Joomla à 2,6%, Drupal à 1,7%, Squarespace à 1,5% et Wix à 1,3%. Pour le reste c’est très souvent des outils développés sur mesure.</p>
|
||||
</p>
|
||||
<p>Pour en revenir à WordPress, celui-ci est aussi bien utilisé sur des petits sites web que sur des gros. En l’occurence, TheNextWeb et TechCrunch font tous deux usage de WordPress avec leurs millions de visiteurs journaliers.</p>
|
||||
</p>
|
||||
<p><strong>Une alternative montante à WordPress est Ghost</strong>. Ce CMS s’appuie sur une technologie différente avec une philosophie minimaliste. Il nécessite cependant des connaissances techniques avancées, là où n’importe quel hébergement Web avec PHP et une base de données suffit.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="3_Creer_du_contenu"></span>3. Créer du contenu<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>On ne lit pas un blog parce qu’il est beau ou parce qu’il publie fréquemment. (Bien que ces deux critères soient utiles).</p>
|
||||
</p>
|
||||
<p>Vous lisez un blog parce que vous vous intéressez à ce qu’il est écrit. Créer un contenu solide est ce qui vous apportera des lecteurs et vous aidera à gagner de l’argent en bloguant.</p>
|
||||
</p>
|
||||
<p>Vous voulez créer un blog ? Tout d’abord, vous devez vous intéresser aux sujets que vous abordez. Avant de vous lancer dans la création d’un plan d’affaires pour votre blog, dans l’élaboration d’une feuille de route pour votre contenu et dans la rédaction de votre premier article de blog, vous devez répondre à une question simple : « Pourquoi ? »</p>
|
||||
</p>
|
||||
<ul class="wp-block-list">
|
||||
<li>Pourquoi le sujet que vous abordez dans votre blog vous intéresse-t-il ?</li>
|
||||
<li>Pourquoi les gens devraient-ils écouter ce que vous dites ?</li>
|
||||
<li>Pourquoi s’agit-il d’un sujet auquel vous pouvez apporter une valeur ajoutée ?</li>
|
||||
</ul>
|
||||
</p>
|
||||
<p>Pour répondre à ces questions, il faut penser à un blog comme à n’importe quelle autre entreprise et souligner à nouveau l’importance de choisir une niche claire. Il s’agit aussi de définir l’approche que vous allez adopter, le public que vous voulez cibler, la manière dont vous allez leur parler et dont vous allez vous positionner. Une niche ne doit pas nécessairement être votre passion (bien qu’il soit plus facile de rester engagé dans votre blog lorsque celui-ci vous passionne), mais elle doit correspondre à un de vos centres d’intérêt.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="4_Faire_indexer_son_site_par_Google"></span>4. Faire indexer son site par Google<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="531" src="https://www.mistergeek.net/wp-content/uploads/2021/09/google-images-1024x531.jpg" alt="" class="wp-image-4569" srcset="https://www.mistergeek.net/wp-content/uploads/2021/09/google-images-1024x531.jpg 1024w, https://www.mistergeek.net/wp-content/uploads/2021/09/google-images-300x156.jpg 300w, https://www.mistergeek.net/wp-content/uploads/2021/09/google-images-768x398.jpg 768w, https://www.mistergeek.net/wp-content/uploads/2021/09/google-images-1536x796.jpg 1536w, https://www.mistergeek.net/wp-content/uploads/2021/09/google-images-2048x1062.jpg 2048w, https://www.mistergeek.net/wp-content/uploads/2021/09/google-images-116x60.jpg 116w, https://www.mistergeek.net/wp-content/uploads/2021/09/google-images.jpg 2500w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
|
||||
</p>
|
||||
<p>Si Google n’indexe pas votre site Web, vous êtes pratiquement invisible. Vous n’apparaissez dans aucune requête de recherche et vous n’obtenez aucun trafic organique. Google découvre de nouvelles pages Web en explorant le Web, puis ajoute ces pages à son index. Pour ce faire, il utilise un robot d’exploration du Web appelé Googlebot.</p>
|
||||
</p>
|
||||
<p>Définissons quelques termes clés.</p>
|
||||
</p>
|
||||
<ul class="wp-block-list">
|
||||
<li>Exploration : Processus consistant à suivre les liens hypertextes sur le Web pour découvrir de nouveaux contenus.</li>
|
||||
<li>Indexation : Le processus de stockage de chaque page Web dans une vaste base de données.</li>
|
||||
<li>Spider Web : Un logiciel conçu pour effectuer le processus d’exploration à grande échelle.</li>
|
||||
<li>Googlebot : Crawler de Google.</li>
|
||||
</ul>
|
||||
</p>
|
||||
<p>Lorsque vous effectuez une recherche sur Google, vous demandez à <a href="https://www.mistergeek.net/informatique">Google</a> de vous renvoyer toutes les pages pertinentes de son index. Comme il y a souvent des millions de pages qui correspondent, l’algorithme de classement de Google fait de son mieux pour trier les pages de façon à ce que les résultats les meilleurs et les plus pertinents apparaissent en premier.</p>
|
||||
</p>
|
||||
<p>L’indexation et le classement sont deux choses différentes. L’indexation consiste à se présenter à la course ; le classement consiste à gagner. Vous ne pouvez pas gagner si vous ne vous présentez pas à la course en premier lieu.</p>
|
||||
</p>
|
||||
<p>Pour faire indexer votre site Web, nous vous conseillons d’utiliser les outils <strong>Google Search Engine</strong>, qui vous permettent de suivre la progression de votre site Web auprès du moteur de <strong>Google</strong>.</p></p>
|
||||
@@ -1,47 +0,0 @@
|
||||
---
|
||||
title: "Comment gagner de l’argent sur internet ?"
|
||||
date: "2017-03-17T13:48:27"
|
||||
draft: false
|
||||
slug: "comment-gagner-de-largent-sur-internet"
|
||||
wordpress_id: 130
|
||||
excerpt: "On a tous rêvé un jour ou l’autre de gagner de l’argent sur internet. Mieux, on a toujours…\n"
|
||||
featured_image: ""
|
||||
author: {"id":2,"name":"Expert"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
<p><strong>On a tous rêvé un jour ou l’autre de gagner de l’argent sur internet. Mieux, on a toujours tous rêver de gagner de l’argent en s’amusant, sachez que notre génération a beaucoup de chance, car c’est tout à fait possible de nos jours. Les moyens sont nombreux voici nos idées pour vous aider.</strong></p>
|
||||
<h2>Faire des vidéos sur YouTube</h2>
|
||||
<h1><img loading="lazy" decoding="async" class="wp-image-7444 aligncenter" src="/content/images/wordpress/2017/03/youtube.jpg" sizes="auto, (max-width: 273px) 100vw, 273px" srcset="/content/images/wordpress/2017/03/youtube.jpg 1024w, /content/images/wordpress/2017/03/youtube-300x211.jpg 300w, /content/images/wordpress/2017/03/youtube-768x541.jpg 768w, /content/images/wordpress/2017/03/youtube-85x60.jpg 85w, /content/images/wordpress/2017/03/youtube-100x70.jpg 100w, /content/images/wordpress/2017/03/youtube-200x140.jpg 200w, /content/images/wordpress/2017/03/youtube-696x490.jpg 696w, /content/images/wordpress/2017/03/youtube-597x420.jpg 597w" alt="" width="273" height="192" /></h1>
|
||||
<p style="line-height: 19.5pt; margin: 0cm 0cm 19.5pt 0cm;"><span style="font-size: 11.5pt; font-family: 'Verdana',sans-serif; color: #222222;">Même s’il n’est pas simple de devenir un<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">Youtuber</span></strong><span class="apple-converted-space"> </span>reconnu et vivre de sa passion certains y arrivent – on peut citer<span class="apple-converted-space"> </span></span><span style="font-size: 11.5pt; font-family: 'Verdana',sans-serif; color: #4db2ec;">Tsukiyo Power qui a réussi obtenir une audience suffisamment grande pour débloquer un salaire mensuel plus que convenable</span><span style="font-size: 11.5pt; font-family: 'Verdana',sans-serif; color: #222222;">. Aujourd’hui encore, beaucoup de personnes se lancent dans cette aventure. Pourquoi pas vous ?</span></p>
|
||||
<p style="line-height: 19.5pt; margin: 0cm 0cm 19.5pt 0cm;"><span style="font-size: 11.5pt; font-family: 'Verdana',sans-serif; color: #222222;">Avec une bonne audience,<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">Google</span></strong><span class="apple-converted-space"> </span>et les annonceurs payent bien – et c’est pour cela que ce travail est tant critiqué aujourd’hui.<span class="apple-converted-space"> </span></span><span style="font-size: 11.5pt; font-family: 'Verdana',sans-serif; color: #4db2ec;">Vous avez peut-être déjà un <a href="https://mistergeek.net/informatique">micro</a></span><span style="font-size: 11.5pt; font-family: 'Verdana',sans-serif; color: #222222;">, une webcam – n’importe quel ordinateur portable en 2017 en est équipé – et de quoi<span class="apple-converted-space"> </span></span><span style="font-size: 11.5pt; font-family: 'Verdana',sans-serif; color: #4db2ec;">enregistrer votre écran</span><span style="font-size: 11.5pt; font-family: 'Verdana',sans-serif; color: #222222;">. Si c’est le cas, vous pouvez vous lancer dans l’aventure, que vous choisissiez<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">Minecraft</span></strong>,<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;"><a href="https://www.mistergeek.net/jeu-video/warzone-50-millions-joueurs/">Call of Duty</a></span></strong><span class="apple-converted-space"> </span>ou le dernier jeu à la mode<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;"><a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">Youtube</a></span></strong><span class="apple-converted-space"> </span>hébergera avec grand plaisir votre contenu. En monétisant vos vidéos et en ayant beaucoup de vues, vous verrez très vite votre solde<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">Adsense</span></strong><span class="apple-converted-space"> </span>grandir.</span></p>
|
||||
<h2>Jouer au Casino</h2>
|
||||
<p>Qu’on le veuille ou non, les jeux d’argent sont omniprésents sur internet. Il existe beaucoup de concurrence sur ce marché et les différents prestataires de jeux en ligne sont nombreux. Que vous souhaitiez jouer à <strong>la roulette</strong>, aux <strong>machines à sous</strong> ou <strong>jouer aux cartes</strong>, l’offre ne manque pas.</p>
|
||||
<p><strong>En général sur ces sites vous trouverez 2 modes de jeu</strong> : un <strong>mode réel</strong> et un <strong>mode démo</strong>. Le <strong>mode démo</strong> vous permettra de jouer <strong>sans dépenser un sous</strong> et vous permettra de jeter un œil gratuitement sur les différentes catégories qui vous sont proposées. On peut y retrouver les nouveaux jeux<strong>, les jeux du mois</strong> et également des <strong>parties en live</strong>.</p>
|
||||
<figure id="attachment_7452" class="wp-caption aligncenter" style="width: 540px;" aria-describedby="caption-attachment-7452"><img loading="lazy" decoding="async" class="wp-image-7452" src="/content/images/wordpress/2017/03/casino-2.jpg" sizes="auto, (max-width: 540px) 100vw, 540px" srcset="/content/images/wordpress/2017/03/casino-2.jpg 1168w, /content/images/wordpress/2017/03/casino-2-300x195.jpg 300w, /content/images/wordpress/2017/03/casino-2-1024x665.jpg 1024w, /content/images/wordpress/2017/03/casino-2-768x499.jpg 768w, /content/images/wordpress/2017/03/casino-2-92x60.jpg 92w, /content/images/wordpress/2017/03/casino-2-696x452.jpg 696w, /content/images/wordpress/2017/03/casino-2-1068x694.jpg 1068w, /content/images/wordpress/2017/03/casino-2-646x420.jpg 646w" alt="" width="540" height="351" /></figure>
|
||||
<p>Malgré l’esprit enfantin des jeux, le défi et les gains sont bien présents.</p>
|
||||
<p>En plus des jeux habituels comme la roulette ou le blackjack que l’on retrouve à peu près partout, nous avons <a href="https://www.casino.com/ca/fr/machine-a-sous-en-ligne/">trouvé des machines à sous en ligne</a> qui revisitent les grands classiques comme des<strong> </strong><strong>machines à sous personnalisées</strong> avec des <strong>personnage de dessins animés</strong> ou des <strong>super héros</strong> sur le site casino.com. On peut par exemple jouer à la machine à sous à coeur joie avec <strong>Superman</strong>.</p>
|
||||
<p>Pour gagner au casino, il n’y a pas de recette miracle, il faut jouer. C’est en forgeant qu’on devient forgeron et c’est en jouant au<span class="apple-converted-space"> </span><strong>Casino</strong><span class="apple-converted-space"> </span>qu’on peut devenir riche. L’avantage des casinos en ligne<span class="apple-converted-space"> </span>est qu’ils disposent d’un<span class="apple-converted-space"> </span><strong>mode démo</strong><span class="apple-converted-space"> </span>qui permet de s’entraîner afin de gagner un maximum d’expérience pour le<span class="apple-converted-space"> </span><strong>mode réel</strong>.</p>
|
||||
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-7445" src="/content/images/wordpress/2017/03/monnaie.jpg" sizes="auto, (max-width: 1811px) 100vw, 1811px" srcset="/content/images/wordpress/2017/03/monnaie.jpg 1811w, /content/images/wordpress/2017/03/monnaie-300x50.jpg 300w, /content/images/wordpress/2017/03/monnaie-1024x169.jpg 1024w, /content/images/wordpress/2017/03/monnaie-768x127.jpg 768w, /content/images/wordpress/2017/03/monnaie-1536x254.jpg 1536w, /content/images/wordpress/2017/03/monnaie-363x60.jpg 363w, /content/images/wordpress/2017/03/monnaie-696x115.jpg 696w, /content/images/wordpress/2017/03/monnaie-1392x230.jpg 1392w, /content/images/wordpress/2017/03/monnaie-1068x176.jpg 1068w" alt="" width="1811" height="299" /></p>
|
||||
<h2>Devenir Streamer</h2>
|
||||
<p style="line-height: 19.5pt; margin: 0cm 0cm 19.5pt 0cm;"><span style="font-size: 11.5pt; font-family: 'Verdana',sans-serif; color: #222222;">Devenir un<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;"><a href="https://www.mistergeek.net/informatique/comparatif-carte-boitier-acquisition-capture-video/">streamer</a></span></strong><span class="apple-converted-space"> </span>est également un bon moyen de gagner de l’argent sur Internet. Effectivement, grâce aux<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">dons</span></strong><span class="apple-converted-space"> </span>des viewers sur une plateforme bancaire comme<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">Paypal</span></strong>, les<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">streamers</span></strong><span class="apple-converted-space"> </span>se rémunèrent. Plusieurs plateformes de<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;"><a href="https://www.mistergeek.net/informatique/configurer-obs-streaming/">streaming</a></span></strong><span class="apple-converted-space"> </span>sont à disposition. </span>La plus connue est <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">Twitch</a><span style="font-size: 11.5pt; font-family: 'Verdana',sans-serif; color: #222222;">, plateforme mondialement connue pour héberger les plus grands<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">streamers</span></strong><span class="apple-converted-space"> </span>de la planète.</span></p>
|
||||
<p style="line-height: 19.5pt; margin: 0cm 0cm 19.5pt 0cm;"><span style="font-size: 11.5pt; font-family: 'Verdana',sans-serif; color: #222222;">C’est un marché en plein essor. Nous pouvons par exemple prendre la nouvelle plateforme de<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">streaming</span></strong><span class="apple-converted-space"> </span>crée par<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">Squeezie</span></strong><span class="apple-converted-space"> </span>et<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">Cyprien</span></strong><span class="apple-converted-space"> </span>qui s’appelle<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">Le Stream</span></strong>. Le concept est simple, c’est une<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">web tv</span></strong><span class="apple-converted-space"> </span>qui regroupe des<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">Youtubers</span></strong><span class="apple-converted-space"> </span>connus comme<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">Laink et Terracid</span></strong>,<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">Jiraya</span></strong>,<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">Skyart, etc</span></strong>. Un peu à la manière d’<strong><span style="font-family: 'Verdana',sans-serif;">Eclypsia</span></strong>.</span></p>
|
||||
<p style="line-height: 19.5pt; margin: 0cm 0cm 19.5pt 0cm;"><span style="font-size: 11.5pt; font-family: 'Verdana',sans-serif; color: #222222;">Ainsi, il est donc possible de gagner beaucoup d’argent selon sa popularité<a name="_7rtesmcdfwum"></a>.</span></p>
|
||||
<figure id="attachment_7446" class="wp-caption alignnone" style="width: 1366px;" aria-describedby="caption-attachment-7446"><img loading="lazy" decoding="async" class="wp-image-7446 size-full" src="/content/images/wordpress/2017/03/Summit1G.jpg" sizes="auto, (max-width: 1366px) 100vw, 1366px" srcset="/content/images/wordpress/2017/03/Summit1G.jpg 1366w, /content/images/wordpress/2017/03/Summit1G-300x169.jpg 300w, /content/images/wordpress/2017/03/Summit1G-1024x576.jpg 1024w, /content/images/wordpress/2017/03/Summit1G-768x432.jpg 768w, /content/images/wordpress/2017/03/Summit1G-107x60.jpg 107w, /content/images/wordpress/2017/03/Summit1G-840x473.jpg 840w, /content/images/wordpress/2017/03/Summit1G-696x391.jpg 696w, /content/images/wordpress/2017/03/Summit1G-1068x600.jpg 1068w, /content/images/wordpress/2017/03/Summit1G-747x420.jpg 747w" alt="" width="1366" height="768" /></figure>
|
||||
<p>Le streamer Summit1G qui <a href="https://www.mistergeek.net/informatique/lens-instagram-apple-watch/">montre</a> accidentellement <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> compte Paypal en live. Plus de 200.000$ de dons</p>
|
||||
<h2>Les skins d’armes de Counter Strike : Global Offensive</h2>
|
||||
<p style="line-height: 19.5pt; margin: 0cm 0cm 19.5pt 0cm;"><span style="font-size: 11.5pt; font-family: 'Verdana',sans-serif; color: #222222;">C’est aussi un bon moyen de se remplir les poches. Il faut savoir que les skins d’armes sur<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">CS:GO</span></strong><span class="apple-converted-space"> </span>sont très appréciés des joueurs. Pour cela, ils se fournissent sur des sites comme<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">Case Random</span></strong>. C’est un site qui permet, par le biais d’ouverture de caisses d’armes, d’obtenir des skins. Leur prix dépendent de leur rareté, il est possible de trouver des skins qui vont de<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">100 à plus de 5000 euros</span></strong>.</span></p>
|
||||
<p style="line-height: 19.5pt; margin: 0cm 0cm 19.5pt 0cm;"><span style="font-size: 11.5pt; font-family: 'Verdana',sans-serif; color: #222222;">Le site fonctionne comme une roulette russe. Vous lancez la roulette jusqu’à ce qu’elle s’arrête sur un skin. Un choix vous est alors proposé, soit vous revendez le skin gagné ( ce qui re-créditera automatiquement votre compte suivant le prix que vaut le skin) soit vous pouvez le récupérer dans votre inventaire<span class="apple-converted-space"> </span><strong><span style="font-family: 'Verdana',sans-serif;">Steam</span></strong>.</span></p>
|
||||
<figure id="attachment_7447" class="wp-caption aligncenter" style="width: 1028px;" aria-describedby="caption-attachment-7447"><img loading="lazy" decoding="async" class="wp-image-7447 size-full" src="/content/images/wordpress/2017/03/awp-1.jpg" sizes="auto, (max-width: 1028px) 100vw, 1028px" srcset="/content/images/wordpress/2017/03/awp-1.jpg 1028w, /content/images/wordpress/2017/03/awp-1-300x100.jpg 300w, /content/images/wordpress/2017/03/awp-1-1024x342.jpg 1024w, /content/images/wordpress/2017/03/awp-1-768x256.jpg 768w, /content/images/wordpress/2017/03/awp-1-180x60.jpg 180w, /content/images/wordpress/2017/03/awp-1-696x232.jpg 696w" alt="" width="1028" height="343" /></figure>
|
||||
<p>La roulette est lancée, sur quoi allons nous tomber ?</p>
|
||||
<p>Case Random propose différentes catégories d’armes à des prix différents. Selon la catégorie que vous choisissez, les skins d’armes seront plus rares que d’autres. Cela dépend uniquement de la chance que vous avez. Les plus grands joueurs de <strong>CS:GO</strong> utilisent ce site pour obtenir des skins comme le légendaire <strong>KennyS</strong>.</p>
|
||||
<figure id="attachment_7448" class="wp-caption aligncenter" style="width: 990px;" aria-describedby="caption-attachment-7448"><img loading="lazy" decoding="async" class="wp-image-7448 size-full" src="/content/images/wordpress/2017/03/awp-2.jpg" sizes="auto, (max-width: 990px) 100vw, 990px" srcset="/content/images/wordpress/2017/03/awp-2.jpg 990w, /content/images/wordpress/2017/03/awp-2-300x118.jpg 300w, /content/images/wordpress/2017/03/awp-2-768x301.jpg 768w, /content/images/wordpress/2017/03/awp-2-153x60.jpg 153w, /content/images/wordpress/2017/03/awp-2-696x273.jpg 696w" alt="" width="990" height="388" /></figure>
|
||||
<p>Moi débloquant une AWP Hyper Beast d’une valeur de 250 euros</p>
|
||||
<p>Pour la petite histoire, un skin de couteau “<strong>Bayonnette – Toile Pourpre</strong>” a été vendue à plus de <strong>24.000$</strong> en avril 2014. <strong>Cette vente à été la plus chère de l’histoire de CG:GO</strong>.</p>
|
||||
<figure id="attachment_7449" class="wp-caption aligncenter" style="width: 441px;" aria-describedby="caption-attachment-7449"><img loading="lazy" decoding="async" class="wp-image-7449" src="/content/images/wordpress/2017/03/bayonnet.jpg" sizes="auto, (max-width: 441px) 100vw, 441px" srcset="/content/images/wordpress/2017/03/bayonnet.jpg 689w, /content/images/wordpress/2017/03/bayonnet-300x211.jpg 300w, /content/images/wordpress/2017/03/bayonnet-85x60.jpg 85w, /content/images/wordpress/2017/03/bayonnet-100x70.jpg 100w, /content/images/wordpress/2017/03/bayonnet-200x140.jpg 200w, /content/images/wordpress/2017/03/bayonnet-597x420.jpg 597w" alt="" width="441" height="311" /></figure>
|
||||
<p>Le couteau vendu le plus cher de l’histoire du <a href="https://www.mistergeek.net/informatique/comparatif-clavier-gamer/">jeu vidéo</a></p>
|
||||
<h2>En résumé</h2>
|
||||
<p>Parmi toutes les façons qui existent pour gagner de l’argent sur internet en jouant à des jeux, la plus simple et celle qui nécessite le moins d’investissement en terme de temps est bien celle du casino. Il faut l’avouer démarrer une <a href="https://www.mistergeek.net/informatique/traduction-francaise-xenforo-2/">communauté</a> <strong>YouTube</strong> ou <strong>Twitch</strong> va vous prendre énormément de temps. Gagner des abonnés est un travail de longue haleine et l’investissement est long. Alors que se lancer dans les jeux d’argent ne nécessite que quelques minutes tout au plus.</p>
|
||||
<p>Avertissement : Les jeux d’argent en ligne comportent des risques financiers importants et peuvent entraîner une dépendance. Veuillez jouer de manière responsable et respecter les lois en vigueur. Nous déclinons toute responsabilité quant aux pertes financières ou aux conséquences de votre participation à ces jeux.</p>
|
||||
<p><!--kg-card-end: html--></p>
|
||||
File diff suppressed because one or more lines are too long
@@ -1,117 +0,0 @@
|
||||
---
|
||||
title: "Réparation auprès du Service Après-Vente de MSI"
|
||||
date: "2017-04-16T10:00:55"
|
||||
draft: false
|
||||
slug: "mon-experience-du-service-apres-vente-de-msi"
|
||||
wordpress_id: 138
|
||||
excerpt: "Article mis à jour le 26/04/2017. Cet article est mis à jour au fur et à mesure du…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2017/04/GE62F-10.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p><strong><em>Article mis à jour le 26/04/2017. Cet article est mis à jour au fur et à mesure du temps. Venez régulièrement pour avoir les mises à jour.</em></strong></p>
|
||||
</p>
|
||||
<p>Mon <strong>HP Pavilion DV6</strong> devenant trop vieux, il devenait urgent pour moi de changer de <strong>PC</strong> afin d’assouvir mes envies de <strong><a href="https://www.mistergeek.net/informatique/comparatif-clavier-gamer/">Gaming</a></strong> en <strong>1080p</strong>. Navigant des heures entières sur des sites marchants comme <strong>LDLC.com</strong> et ou bien encore <strong>Materiel.net</strong>, je tombe sur le <strong>PC</strong> de mes rêves ! Il s’agit du <strong>MSI GE62 – 6QF Apache Pro</strong>, celui que vous pouvez apercevoir en photo de couverture de notre page Facebook. Malheureusement, le <strong>PC</strong> est défectueux. Je décide donc de le retourner chez <strong>MSI</strong> pour le réparer. Je vais donc vous raconter mon expérience à travers cet article et vous donner mon ressenti par rapport à cela.</p>
|
||||
</p>
|
||||
<ul class="wp-block-list">
|
||||
<li> <em style="color: inherit; font-size: 1.95em; font-weight: 600;">03/04/2017</em><span style="color: inherit; font-size: 1.95em; font-weight: 600;"> </span><strong style="color: inherit; font-size: 1.95em;">Achat du PC</strong>
|
||||
<p>Profitant d’un code promo sur <strong>LDLC</strong>, je passe immédiatement la commande. Le <strong>PC</strong> est en stock donc je devrais le recevoir dans très peu de temps. Je décide de gratter quelques précieux euros et choisis comme mode de livraison <strong>Relais Colis</strong>. Je valide donc mon panier, renseigne les codes de ma <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">carte</a> de crédit et c’est fini. Quelques minutes après, je reçois une confirmation par mail de <strong>LDLC</strong> qui m’indique que la commande a bien été enregistrée.</p>
|
||||
</li>
|
||||
<li> <em style="color: inherit; font-size: 1.95em; font-weight: 600;">04/04/2017</em><span style="color: inherit; font-size: 1.95em; font-weight: 600;"> </span><strong style="color: inherit; font-size: 1.95em;">Expédition du colis par LDLC</strong>
|
||||
<p>Je reçois un mail de la part de <strong>LDLC</strong> vers 17h30 qui m’indique que mon <strong>PC</strong> a été expédié par<strong> Relais Colis</strong>. Génial, plus que 2 jours à attendre avant de recevoir mon précieux ! Avec le mail, j’obtiens également un <strong>numéro de « tracking »</strong> pour suivre les mouvements du colis.</p>
|
||||
</li>
|
||||
<li> <em style="color: inherit; font-size: 1.95em; font-weight: 600;">05/04/2017</em><span style="color: inherit; font-size: 1.95em; font-weight: 600;"> </span><strong style="color: inherit; font-size: 1.95em;">Attente</strong>
|
||||
<p>Les heures passent et le temps à attendre est insoutenable. Très soucieux de l’état de mon colis, je décide vers 12h de vérifier toutes les heures où est mon colis grâce au numéro de suivi. Mais le statut ne change pas … Il affiche « Votre colis est en cours d’expédition » et cela depuis 7h du matin. Cela m’inquiète. Je décide donc de vérifier par acquit de conscience les avis laissés par des internautes à propos de <strong>Relais Colis</strong>. Ce fut une très mauvaise idée. Une étoile et demi sur cinq laissée à <strong>Relais Colis</strong> sur un site de référencement. Je décide de croire que les avis postés ne sont qu’une minorité de gens auquel il est arrivé malheur.</p>
|
||||
</li>
|
||||
<li> <em style="color: inherit; font-size: 1.95em; font-weight: 600;">06/04/2017</em><span style="color: inherit; font-size: 1.95em; font-weight: 600;"> </span><strong style="color: inherit; font-size: 1.95em;">Réception du colis par Relais Colis</strong>
|
||||
<p>Ce matin, j’ai reçu le mail de la délivrance. Le colis était livré dans mon <strong>Relais Colis</strong> ! Aucune raison de paniquer, j’irai le récupérer à la sortie du boulot. Je m’organise donc pour sortir un peu plus tôt du bureau pour arriver avant la fermeture du <strong>Relais</strong> et file directement chez <strong>Kévin</strong> pour procéder à une installation express de <strong><a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">Windows</a> 10</strong>– qu’il a pu trouver légalement sur le site de <a href="https://mistergeek.net/informatique">Microsoft </a>bien sûr 😉</p>
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
<div class="wp-block-image">
|
||||
<figure class="aligncenter"><img decoding="async" src="/content/images/wordpress/2017/04/1.jpg" alt="" class="wp-image-7713"/></figure>
|
||||
</div>
|
||||
</p>
|
||||
<ul class="wp-block-list">
|
||||
<li> <em style="color: inherit; font-size: 1.95em; font-weight: 600;">07/04/2017</em><span style="color: inherit; font-size: 1.95em; font-weight: 600;"> </span><strong style="color: inherit; font-size: 1.95em;">Ajout d’un SSD.</strong>
|
||||
<p>Une idée de folie me frappe l’esprit. Et si j’ajoutais un <strong>SSD</strong> à ma nouvelle bête ? Je décide donc sur un coup de tête de commander un <strong>SSD</strong> sur <strong><a href="https://www.mistergeek.net/streaming/amazon-prime-video/">Amazon</a></strong> afin de me faire livrer le soir même. Dès que j’eus reçu le paquet, je décidais de retrouver <strong>Kévin</strong> afin de transférer ma partition <strong>Windows</strong> sur mon <strong>SSD</strong> tout neuf. Dans un élan de naïveté, je fracture donc l’étiquette de garantie qui protège la dernière vis du <strong>PC</strong> afin d’accéder à l’intérieur.</p>
|
||||
</li>
|
||||
<li> <em style="color: inherit; font-size: 1.95em; font-weight: 600;">08/04/2017</em><span style="color: inherit; font-size: 1.95em; font-weight: 600;"> </span><strong style="color: inherit; font-size: 1.95em;">Les problèmes arrivent…</strong>
|
||||
<p>Tout fier de mon nouveau <strong>PC</strong>, je décide donc de voir ce qu’il a dans le ventre et lance <strong>H1Z1</strong> en <strong>1080p</strong>. Une merveille ! J’atterris dans un endroit isolé, je récupère des armes et commence à chercher un véhicule. Un ennemi me barre la route, je décide donc de lui tirer dessus et pouf ! Ecran noir. Je pense à une coupure de courant. Impossible, j’ai un ordinateur portable ! La batterie aurait dû prendre le relais ! Je rallume donc mon <strong>PC</strong> mais en posant mon doigt sur le bouton, je constate que l’ordinateur est brûlant. Après inspection, <strong>il s’avère que le ventilateur de mon GPU ne fonctionnait plus</strong>. Je décide de contacter <strong>MSI</strong> en leur envoyant un <strong>Tweet</strong>, puis un <strong>mail</strong>.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
<div class="wp-block-image">
|
||||
<figure class="aligncenter"><img decoding="async" src="/content/images/wordpress/2017/04/2.jpg" alt="" class="wp-image-7715"/></figure>
|
||||
</div>
|
||||
</p>
|
||||
<ul class="wp-block-list">
|
||||
<li> <em style="color: inherit; font-size: 1.95em; font-weight: 600;">09/04/2017</em><span style="color: inherit; font-size: 1.95em; font-weight: 600;"> </span><strong style="color: inherit; font-size: 1.95em;">Tests de solution du support. </strong>
|
||||
<p>J’envoie donc un mail à cette adresse donnée par le <strong>CM</strong> de <strong>MSI</strong> en décrivant mon problème. En attendant la réponse, je décide de consulter internet pour voir si mon problème n’était pas connu. Et il s’avère que si, à la différence que quand le <strong>PC</strong> atteint les <strong>70°C</strong> au niveau de la <strong>carte graphique</strong>, le <strong>ventilateur</strong> se déclenche automatiquement. Étrange. :$</p>
|
||||
</li>
|
||||
<li> <em style="color: inherit; font-size: 1.95em; font-weight: 600;">11/04/2017</em><span style="color: inherit; font-size: 1.95em; font-weight: 600;"> </span><strong style="color: inherit; font-size: 1.95em;">Réponse du support MSI.</strong>
|
||||
<p>Je reçois ma réponse deux jours après. <strong>MSI</strong> me conseille de mettre à jour le <strong>BIOS</strong>, <strong>l’EC</strong> et également le <strong>pilote VGA de NVidia</strong> selon la procédure envoyée en pièce jointe au mail. Je m’exécute, mais après toutes ces manipulations, le ventilateur ne tourne toujours pas. Crotte ! Je leur renvoie un mail pour leur annoncer la nouvelle, ils décident donc de retourner le <strong>PC</strong> chez <strong>MSI</strong> ……. en <strong>Pologne</strong> ! Incroyable ! Je n’arrive pas à réaliser. Je file sur <strong>Google Map</strong> pour chercher où se situe <a href="https://www.google.fr/maps/place/MSI+Polska/@51.044618,16.9608513,17z/data=!3m1!4b1!4m5!3m4!1s0x470fc3fb7eb1994f:0xef8ce33c96ab8327!8m2!3d51.044618!4d16.96304">leur Centre</a>. C’est très loin. N’ayant pas d’autres choix, je me résigne à accepter leur proposition. Quelques minutes après, je reçois un bon de retour<strong> UPS</strong> à coller sur le colis à retourner.</p>
|
||||
</li>
|
||||
<li> <em style="color: inherit; font-size: 1.95em; font-weight: 600;">13/04/2017</em><span style="color: inherit; font-size: 1.95em; font-weight: 600;"> </span><strong style="color: inherit; font-size: 1.95em;">Enlèvement par UPS</strong>
|
||||
<p>Comme prévu <strong>UPS</strong> se présente chez moi pour enlever le colis. Je glisse un petit « SVP Monsieur, faites attention c’est très fragile » au transporteur qui fait signe de bien comprendre. Il ouvre la porte arrière de <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> camion et place le colis à l’intérieur de sa fourgonnette. Vers 17h, je vérifie l’état du colis. Il est dans le hub de <strong>UPS</strong> à destination de l’Est. L’envoi est prévu « dans les temps », c’est à dire le <strong>Jeudi 20 Avril</strong> chez <strong>MSI Pologne</strong>. On croise les doigts…</p>
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
<div class="wp-block-image">
|
||||
<figure class="aligncenter"><img decoding="async" src="/content/images/wordpress/2017/04/UPS.jpg" alt="" class="wp-image-7734"/></figure>
|
||||
</div>
|
||||
</p>
|
||||
<ul class="wp-block-list">
|
||||
<li> <em style="color: inherit; font-size: 1.95em; font-weight: 600;">19/04/2017</em><span style="color: inherit; font-size: 1.95em; font-weight: 600;"> </span><strong style="color: inherit; font-size: 1.95em;">Transport en cours.</strong> </li>
|
||||
</ul>
|
||||
</p>
|
||||
<p>N’ayant pas eu d’updates pendant ce week-end de trois jours pour ma part, je décide de consulter le tracking par hasard ce matin. Et là, je découvre que mon ordinateur a passé la frontière française et qu’il se trouve en Allemagne. Plus précisément dans l’entrepôt d’UPS à Langenhagen. A peine arrivé qu’il est déjà reparti, sa me rassure. La prévision de livraison n’a pas changé, il indique toujours <strong>Jeudi 20 Avril. </strong>Je commence à trouver le temps long sans mon PC…</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/04/ups-2.jpg" alt="" class="wp-image-7791"/></figure>
|
||||
</p>
|
||||
<ul class="wp-block-list">
|
||||
<li> <em style="color: inherit; font-size: 1.95em; font-weight: 600;">20/04/2017</em><span style="color: inherit; font-size: 1.95em; font-weight: 600;"> </span><strong style="color: inherit; font-size: 1.95em;">Colis réceptionné par MSI</strong> </li>
|
||||
</ul>
|
||||
</p>
|
||||
<p>Ce matin, je reçois un petit mail d’<strong>UPS</strong> qui me prévient que le colis a bien été livré aujourd’hui à 9h37 chez <strong>MSI</strong>. Résultat : plus de <strong>7 jours de trajet</strong> afin que le colis arrive à bon port. C’est quand même assez long. Mais bon, c’est déjà un bon début. Il ne reste plus qu’à investiguer ma machine maintenant en espérant que je n’aurais pas de mauvaises surprise du genre : « Désolé Monsieur mais la <a href="https://www.mistergeek.net/informatique/comment-reparer-apple-watch/">réparation</a> vous coûtera <strong>1000€</strong>… »</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/04/UPS3.jpg" alt="" class="wp-image-7800"/></figure>
|
||||
</p>
|
||||
<ul class="wp-block-list">
|
||||
<li> <em style="color: inherit; font-size: 1.95em; font-weight: 600;">21/04/2017</em><span style="color: inherit; font-size: 1.95em; font-weight: 600;"> </span><strong style="color: inherit; font-size: 1.95em;">Suivi de réparation.</strong> </li>
|
||||
</ul>
|
||||
</p>
|
||||
<p>En fouillant en peu sur le site de <strong>MSI</strong>, je trouve une catégorie qui m’intéresse. Elle s’appelle <strong>« Historique de réparation »</strong>. En gros un utilisateur qui envoie son matériel en <strong>SAV</strong> peut suivre l’état en cours de la réparation. Cela s’avère très utile pour moi qui suis un très gros friand de tracking.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/04/MSI-1.jpg" alt="" class="wp-image-7821"/></figure>
|
||||
</p>
|
||||
<p>Je clique donc sur <strong>« Suivi des réparations »</strong>. Une pop-up s’affiche en me demandant le pays et un <strong>numéro de RMA</strong>. Je farfouille dans mes mails et j’arrive à retrouver le numéro de <strong>RMA</strong> en question. En cliquant sur <strong>« Search »</strong>, le statut qu’il m’affiche est <strong>« test »</strong>.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/04/MSI-2.jpg" alt="" class="wp-image-7822"/></figure>
|
||||
</p>
|
||||
<p>Je suis quand même un peu rassuré, ils ont déjà commencé à tester mon ordinateur. J’ai vu sur quelques forums que la réparation pouvait en moyenne durer <strong>3 jours</strong>. Mais à mon avis, vu le problème, je pense que la panne devrait être facile à repérer. Reste à savoir si ils comptent me <strong>le changer intégralement</strong> pour ne pas perdre de temps ou bien <strong>changer la pièce défectueuse</strong>.</p>
|
||||
</p>
|
||||
<ul class="wp-block-list">
|
||||
<li> <em style="color: inherit; font-size: 1.95em; font-weight: 600;">22/04/2017</em><span style="color: inherit; font-size: 1.95em; font-weight: 600;"> </span><strong style="color: inherit; font-size: 1.95em;">Retour du PC chez moi.</strong> </li>
|
||||
</ul>
|
||||
</p>
|
||||
<p>Et bien, que dire… Pas grand chose apparemment. Le réparation est déjà terminée et le <strong>PC</strong> est déjà sur le chemin du retour. Le moins que l’on puisse dire, c’est que ça a été <strong>rapide</strong> (c’est ce que me dit ma copine tous les soirs 😉 ). J’ai reçu un petit mail cet après-midi de la part de <strong>MSI</strong> (dans un français un peu douteux) pour m’avertir que mon portable à bien été pris en charge par <strong>UPS</strong> et pour me donner le numéro de suivi. Date prévue d’arrivée : <strong>Mercredi 26/04/2017</strong> avant la fin de la journée.</p>
|
||||
</p>
|
||||
<ul class="wp-block-list">
|
||||
<li> <em style="color: inherit; font-size: 1.95em; font-weight: 600;">26/04/2017</em><span style="color: inherit; font-size: 1.95em; font-weight: 600;"> Arrivée du PC chez moi</span><strong style="color: inherit; font-size: 1.95em;">.</strong> </li>
|
||||
</ul>
|
||||
</p>
|
||||
<p>Et voilà ! J’ai reçu un joli colis estampillé MSI cet après-midi de la part d’UPS. Super content, je l’ouvre immédiatement.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/04/MSI-carton.jpg" alt="" class="wp-image-7893"/></figure>
|
||||
</p>
|
||||
<p>Je me demande si j’ai le temps de le remonter aujourd’hui. Je jette un coup d’œil dehors, il pleut. J’annule donc tous mes projets de sortie et me consacre intégralement à la remise en place de mon SSD. Avoir avoir booté sur ce dernier, j’effectue immédiatement un benchmark afin de vérifier si mon ventilateur tourne bien. Et là, surprise ! Il fonctionne à plein régime.</p>
|
||||
</p>
|
||||
<div class="wp-block-image">
|
||||
<figure class="aligncenter"><img decoding="async" src="/content/images/wordpress/2017/04/MSI-dragon-gaming-center.jpg" alt="" class="wp-image-7894"/></figure>
|
||||
</div>
|
||||
</p>
|
||||
<p>Au final, la procédure aura duré moins de deux semaines (13 jours). Je peux donc en conclure que l’expérience du SAV de MSI est bonne à mon sens. Le point négatif est sans doute son centre SAV qui se situe en Pologne trop loin à mon goût. Sans doute pour gratter quelques sous en main d’œuvre… Très efficace, la réparation a été effectuée en une journée. Pouce bleu à MSI !</p></p>
|
||||
@@ -1,39 +0,0 @@
|
||||
---
|
||||
title: "Bouygues Telecom : Comment avoir la 4G illimité en partage"
|
||||
date: "2017-05-11T07:00:19"
|
||||
draft: false
|
||||
slug: "4g-illimite-bouygues"
|
||||
wordpress_id: 152
|
||||
excerpt: "Le saviez-vous ? Il est possible de profiter de l’offre illimité de Bouygues Telecom le weekend en partage de…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2017/05/Bouygues-Telecom.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Le saviez-vous ? Il est possible de profiter de l’offre illimité de <strong>Bouygues Telecom</strong> le weekend en partage de connexion. En effet, <strong>Bouygues décompte</strong> les connexions de votre enveloppe data lorsque vous passez en partage de connexion, cependant il y a une astuce assez simple afin de profiter pleinement de sa 4G.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Comment avoir la 4G en illimité chez Bouygues en partage de connexion ?</h2>
|
||||
</p>
|
||||
<p>Afin de détecter si vous utilisez un partage de <a href="https://www.mistergeek.net/informatique">connexion</a>, l’opérateur peut au choix vérifier le « User-Agent » de votre navigateur. Ce qui n’a plus beaucoup de sens aujourd’hui, car les connexions sont souvent chiffrées.</p>
|
||||
</p>
|
||||
<p>La théorique raconte que l’opérateur utilise la variable TTL des paquets IP afin de définir si vous utilisez votre téléphone ou un <a href="https://www.mistergeek.net/informatique/comparatif-clavier-gamer/">périphérique</a> extérieur. En modifiant manuellement le TTL de vos paquets vous pouvez donc profiter de la 4G en illimitée.</p>
|
||||
</p>
|
||||
<p>De base, lorsque vous appliquez un partage de connexion, le TTL de votre PC passe de 64 à 63. Vous comprenez l’astuce qui consiste donc à modifier le TTL de <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> PC afin de faire croire qu’on utilise son mobile.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Modifier son TTL sur Windows, Mac et Linux</h2>
|
||||
</p>
|
||||
<p>Pour modifier le TTL de vos paquets IP, vous pouvez entrer selon votre système d’exploitation la commande qui va bien. Si vous utilisez d’autres système d’exploitation, referez-vous à la documentation ou cherchez simplement sur internet.</p>
|
||||
</p>
|
||||
<p><strong>Windows : Dans un terminal en administrateur</strong><br />netsh int <a href="https://www.mistergeek.net/informatique/ipv6-serveur-scaleway-dedibox/">ipv4</a> set glob defaultcurhoplimit=65</p>
|
||||
</p>
|
||||
<p><strong><a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">Linux</a></strong><br />sudo sysctl net.ipv4.ip_default_ttl=65</p>
|
||||
</p>
|
||||
<p><strong><a href="https://www.mistergeek.net/informatique/tuto-comment-afficher-les-dossiers-caches-sur-mac/">Mac</a> OS X</strong><br />sudo sysctl -w net.inet.ip.ttl=65</p>
|
||||
</p>
|
||||
<p>S’il arrive que vos données soient décomptés, augmentez tout simplement la valeur du TTL (à 66 par exemple).</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">En résumé</h2>
|
||||
</p>
|
||||
<p>Il est assez simple de « gruger » les forfaits avec DATA illimitée. Si vous êtes en déplacement et que vous possédez un forfait illimité le wekeend et cela quel que soit l’opérateur (<a href="https://www.mistergeek.net/informatique">SFR</a> ou Free par exemple), vous pouvez appliquer cette méthode. Que cela soit pour jouer ou pour travailler, faites-nous savoir si pour vous également ce tutoriel a fonctionné.</p></p>
|
||||
@@ -1,47 +0,0 @@
|
||||
---
|
||||
title: "[Téléchargement] mRatio : logiciel de ratio"
|
||||
date: "2017-05-10T22:29:41"
|
||||
draft: false
|
||||
slug: "mratio"
|
||||
wordpress_id: 151
|
||||
excerpt: "Vous avez besoin d’augmenter votre ratio ? Votre compte est vérouillé ? Vous cherchez comment activer votre compte…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2020/12/mratio-importation-torrent.png"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Vous avez besoin d’augmenter votre ratio ? Votre compte est vérouillé ? Vous cherchez comment activer votre compte pour continuer à télécharger ? Voici mRatio, un logiciel qui permet de garder votre compte actif en simulant de l’envoi sur la plateforme de <a href="https://www.mistergeek.net/vpn/nordvpn/">téléchargement</a>.</p>
|
||||
</p>
|
||||
<p>Augmenter <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> ratio sur les sites de <a href="https://www.mistergeek.net/telechargement">téléchargement</a> <a href="https://www.mistergeek.net/telechargement/bittorrent/torrent9-adresse/">P2P</a> comme <a href="https://www.mistergeek.net/telechargement/bittorrent/yggtorrent-adresse/">Yggtorrent</a> demande de laisser son ordinateur tourner pour partager du contenu. Aussi cela oblige à avoir une bonne connexion à internet, car pour uploader il faut un très bon débit. Sans fibre optique il est donc difficile d’augmenter son ratio. Il existe des logiciels comme RatioMaster ou mRatio. Cet article vous permet de télécharger gratuitement mRatio qui est un logiciel qui permet de simuler du partager sur un site de téléchargement <a href="https://www.mistergeek.net/telechargement/bittorrent/gktorrent-adresse/">Bittorrent</a> P2P privé ou semi-privé. </p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Qu’est-ce que le ratio ?</h2>
|
||||
</p>
|
||||
<p>Sur les sites de téléchargement en Bittorrent qui ne sont pas ouvert au public, les administrateurs mettent en place un système de ratio. Le ratio est un calcul mathématique simple, qui permet d’estimer la quantité de données qu’un utilisateur a téléchargé ou partagé. </p>
|
||||
</p>
|
||||
<pre class="wp-block-code"><code>Ratio = Partage / Téléchargement</code></pre>
|
||||
</p>
|
||||
<p>Cette variable est égale à la division de ce que vous avez uploadé par rapport à ce que vous avez téléchargé. Le ratio est généralement à la création de votre compte à 1. En dessous d’un certaine valeur votre compte est alors verrouillé. Au-dessus il se peut que la plateforme de <strong>téléchargement P2P</strong> vous offre des bonus.</p>
|
||||
</p>
|
||||
<p>Pour garantir l’état de votre compte sur les sites de téléchargement il faut donc <a href="https://www.mistergeek.net/informatique">uploader </a>autant que <a href="https://www.mistergeek.net/telechargement">télécharger</a>.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Pourquoi un système de ratio ?</h3>
|
||||
</p>
|
||||
<p>Le ratio est souvent un système utilisé par les sites privés ou semi-privés qui demandent la création d’un compte et le téléchargement sous certaines conditions. Le ratio est un système qui a été développé pour faire en sorte que les torrents sur les sites de téléchargement ne soient jamais abandonnés. </p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Comment utiliser mRatio avec Yggtorrent ?</h3>
|
||||
</p>
|
||||
<p>mRatio fonctionne avec n’importe quel tracker Bittorrent. Il simule l’envoi de données depuis votre <a href="https://mistergeek.net/informatique">PC</a> vers le site de téléchargement. Grâce à ce logiciel qui imite un client P2P comme uTorrent avec plus de bande passante il est possible de télécharger plus depuis les sites sans craindre d’être bloqué avec un <a href="https://mistergeek.net/internet/telechargement/reactiver-compte-yggtorrent/">compte inactif</a>.</p>
|
||||
</p>
|
||||
<p><strong>Yggtorrent</strong> est le site de téléchargement <strong>P2P</strong> populaire sur lequel est utilisé mRatio en France. En effet un fichier <a href="https://www.mistergeek.net/telechargement/bittorrent/cpasbien-adresse/">torrent</a> téléchargé avec n’importe quel compte peut être utilisé pour augmenter son ratio. Cela n’exclut pas la surveillance <em>seeders</em> et des <em>leechers</em>, mais c’est tout de même un début pour réactiver son compte ou ne pas avoir à en créer un autre. </p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Où télécharger mRatio ?</h3>
|
||||
</p>
|
||||
<p>Vous trouverez dans cet article un lien pour télécharger mRatio gratuitement depuis un hébergeur de fichiers. Cette version de mRatio est totalement gratuite et fonctionne avec tous les <em>trackers</em> Bittorrent. </p>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="600" height="439" src="https://mistergeek.net/wp-content/uploads/2020/12/mratio-nouveau-torrent.png" alt="" class="wp-image-1680" srcset="https://www.mistergeek.net/wp-content/uploads/2020/12/mratio-nouveau-torrent.png 600w, https://www.mistergeek.net/wp-content/uploads/2020/12/mratio-nouveau-torrent-82x60.png 82w, https://www.mistergeek.net/wp-content/uploads/2020/12/mratio-nouveau-torrent-300x220.png 300w, https://www.mistergeek.net/wp-content/uploads/2020/12/mratio-nouveau-torrent-480x351.png 480w" sizes="auto, (max-width: 600px) 100vw, 600px" /></figure>
|
||||
</p>
|
||||
<p>mRatio est développé en Java, au premier coup d’œil on constate l’interface typique des applications <a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">Windows</a> pour augmenter son ratio. Il prend en entrée un fichier torrent récupéré depuis un site. Contrairement à son concurrent direct : Ratiomaster, mRatio lui n’est pas libre et open source. On doit se contenter d’utiliser la version distribuée en ligne gratuitement.</p>
|
||||
</p>
|
||||
<p><a href="https://mega.nz/#!04A1VaYB!1bh0rSrIMLtPLSEypiOwmudu4DYFsC5R9YEvzqOL1JE" rel="nofollow" class="broken_link"><strong>Télécharger mRatio sur Mega.nz</strong></a></p></p>
|
||||
@@ -1,30 +0,0 @@
|
||||
---
|
||||
title: "F.lux : le logiciel pour le mode nuit"
|
||||
date: "2017-05-20T21:45:23"
|
||||
draft: false
|
||||
slug: "soulagez-vos-yeux-flux"
|
||||
wordpress_id: 154
|
||||
excerpt: "Vous passez peut-être pas mal d’heures devant votre écran – tout comme moi -, et vous devez savoir…\n"
|
||||
featured_image: ""
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
<p><!--kg-card-begin: html--></p>
|
||||
<p>Vous passez peut-être pas mal d’heures devant votre écran – tout comme moi -, et vous devez savoir que ceux-ci peuvent être très fatiguants. S’il vous arrive d’avoir les yeux qui piquent la nuit, ou de vous réveiller en ayant mal, j’ai la solution pour vous. Il s’agit d’un petit logiciel pour <a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">Windows</a> nommé F.lux.</p>
|
||||
<h2>F.lux, un logiciel pour ne plus se fatiguer les yeux</h2>
|
||||
<p>Nos écrans de PCs émettent sur une large gamme de couleurs et parmi celle-ci, la couleur bleue est la plus fatiguante. Certains écrans <a href="https://www.mistergeek.net/informatique/comparatif-clavier-gamer/">Gaming</a> proposent un mode de réduction de lumière bleue, afin de réduire la fatigue causée. Certaines personnes préfèrent utiliser des lunettes Gunnars, mais j’ai personnellement choisi une solution logicielle.</p>
|
||||
<p><img loading="lazy" decoding="async" class="size-full wp-image-8153 alignleft" src="/content/images/wordpress/2017/05/flux-icon-big.png" sizes="auto, (max-width: 256px) 100vw, 256px" srcset="/content/images/wordpress/2017/05/flux-icon-big.png 256w, /content/images/wordpress/2017/05/flux-icon-big-150x150.png 150w" alt="" width="256" height="256" /></p>
|
||||
<p>Parmi les logiciels que j’installe obligatoirement sur un PC, F.lux est dans le <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">top</a> de cette liste.</p>
|
||||
<p>Vous n’imaginez pas à quel point une si petite <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">application</a> à pu révolutionner ma vie. Depuis que je l’utilise – cela fait quelques années déjà -, je n’ai plus mal aux yeux lorsque je code la nuit. L’impression de fatigue est aussi moins élevée, ce qui est à double tranchant, car cela vous motive encore moins à aller dormir.</p>
|
||||
<h3>Démarrer avec F.lux</h3>
|
||||
<p>Pour télécharger F.lux vous pouvez vous rendre sur le site officiel, l’application ne pèse que quelques méga-octets. Une fois le logiciel téléchargé, devez l’installer et le configurer.</p>
|
||||
<figure id="attachment_8154" class="wp-caption alignnone" style="width: 568px;" aria-describedby="caption-attachment-8154"><img loading="lazy" decoding="async" class="wp-image-8154 size-full" src="/content/images/wordpress/2017/05/flux1.png" sizes="auto, (max-width: 568px) 100vw, 568px" srcset="/content/images/wordpress/2017/05/flux1.png 568w, /content/images/wordpress/2017/05/flux1-300x135.png 300w" alt="" width="568" height="256" /><figcaption id="caption-attachment-8154" class="wp-caption-text">Vous pouvez visualiser le temps restant avant le passage en mode nuit.</figcaption></figure>
|
||||
<p>Le logiciel ne s’active qu’à une période donnée de la nuit, mais vous pouvez le désactiver à tout moment. Si vous êtes graphiste, ou avez besoin des couleurs réelles, vous pouvez désactiver temporairement le logiciel.</p>
|
||||
<p><img loading="lazy" decoding="async" class="alignnone wp-image-8155 size-full" src="/content/images/wordpress/2017/05/flux2.png" sizes="auto, (max-width: 605px) 100vw, 605px" srcset="/content/images/wordpress/2017/05/flux2.png 605w, /content/images/wordpress/2017/05/flux2-300x256.png 300w, /content/images/wordpress/2017/05/flux2-491x420.png 491w" alt="" width="605" height="517" /></p>
|
||||
<p>Pour la configuration, rien de compliqué, cliquez simplement sur « Settings », puis sur « Change ». Vous devez maintenant définir votre position géographique.</p>
|
||||
<h3>En résumé</h3>
|
||||
<p>Vous verrez une fois la nuit tombée votre écran devenir « jaune » et moins vous fatiguer. C’est le signe que Flux tourne et qu’il fait très bien <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> boulot. Si vous ne le connaissiez pas, je vous laisse apprécier cette petite pépite qu’est Flux.</p>
|
||||
<p><strong>Télécharger Flux : https://justgetflux.com</strong></p>
|
||||
<p><!--kg-card-end: html--></p>
|
||||
@@ -1,43 +0,0 @@
|
||||
---
|
||||
title: "Comment faire réparer une Apple Watch ?"
|
||||
date: "2017-06-02T11:44:58"
|
||||
draft: false
|
||||
slug: "comment-reparer-apple-watch"
|
||||
wordpress_id: 159
|
||||
excerpt: "Vous avez un problème avec votre Apple Watch ? Vous avez cassé votre écran ? Besoin de remplacer…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2017/06/comment-reparer-apple-watch.jpeg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Vous avez un problème avec votre <a href="https://www.mistergeek.net/informatique/apple-event-2020/">Apple</a> <a href="https://www.mistergeek.net/informatique/lens-instagram-apple-watch/">Watch</a> ? Vous avez cassé votre écran ? Besoin de remplacer la batterie ? Plus de synchronisation avec votre <a href="https://www.mistergeek.net/informatique/installer-ios-beta-developpeur/">iPhone</a> ? Depuis l’achat de mon <strong>Apple Watch</strong> en janvier 2016, elle me satisfait pleinement. Malheureusement depuis une semaine, sans comprendre pourquoi, l’écran s’est décollé du boîtier.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Problème d’écran cassé sur Apple Watch : que faire ?</h2>
|
||||
</p>
|
||||
<figure class="wp-block-image aligncenter size-large"><img decoding="async" src="https://www.mistergeek.net/content/images/wordpress/2017/05/Apple-watch.jpg" alt=""/></figure>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Comment faire réparer une montre Apple ?</h2>
|
||||
</p>
|
||||
<p>Je me suis donc rendu à l’<strong>Apple Store</strong> le plus proche de chez moi. Je <a href="https://www.mistergeek.net/informatique/withings-steel-hr/">montre</a> l’<a href="https://www.mistergeek.net/informatique"><strong>Apple Watch</strong></a> à un vendeur et celui-ci me réponds aussitôt que <strong>le problème est connu</strong>. Il s’agit d’un <strong>gonflement de batterie. En grossissant, elle a poussé l’écran</strong>. Il me propose donc de prendre un rendez-vous au <strong>Genius Bar</strong>. Le seul problème, c’est la disponibilité. Une semaine et demi avant d’avoir un rendez-vous ! Je décide donc de trouver une autre solution et rentre chez moi bredouille.</p>
|
||||
</p>
|
||||
<p>Le soir même, en traînant sur des forums pour voir si mon problème est connu, je vois le post d’une personne qui indique que le mieux est encore de prendre rendez-vous avec un centre agrée. Je vais donc sur le site d’<strong>Apple</strong> et consulte donc les centres les plus proches de chez moi. Je prends un rendez-vous directement sur le site pour le lendemain.</p>
|
||||
</p>
|
||||
<p>Le lendemain, je dépose la montre connectée. Le vendeur m’indique que malgré la garantie expirée (la montre avait un an et demi), la batterie serait prise en charge par <strong>Apple</strong>. Pas de frais à prévoir, <strong>Apple</strong> remplacera directement le boîtier. Le vendeur me demande de dé-jumeler mon <strong>iPhone</strong> de ma montre et me rend mon bracelet. Il me confie également un numéro de suivi de réparation pour suivre l’avancement du dossier sur leur site internet.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Constat de la réparation de mon Apple Watch</h2>
|
||||
</p>
|
||||
<p>Trois jours plus tard, je reçois un <strong>SMS</strong> qui m’indique que le nouveau boîtier était disponible. Je m’empresse donc de la récupérer.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image aligncenter size-large"><img decoding="async" src="https://www.mistergeek.net/content/images/wordpress/2017/06/SMS.jpg" alt=""/></figure>
|
||||
</p>
|
||||
<p>Le boîtier est neuf. Je suis content car l’ancien était rayé et un peu abîmé.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image aligncenter size-large"><img decoding="async" src="https://www.mistergeek.net/content/images/wordpress/2017/06/Apple-Watch.jpg" alt=""/></figure>
|
||||
</p>
|
||||
<p>Pour finir, j’aurais aimé qu’<strong>Apple</strong> prévienne les clients quand ils s’agit de problèmes connus. C’est dommage pour une entreprise de cette taille, il faudrait au moins que le client soit averti du problème. Au cas où, si le problème apparaît, il connaîtrait la démarche à suivre.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">En résumé</h3>
|
||||
</p>
|
||||
<p>S’il vous arrive ce genre de mésaventure, vous pouvez contacter Apple. Avec un peu de chance, vous n’aurez rien à payer et pourrez profiter pleinement de votre <a href="https://www.mistergeek.net/informatique">montre connectée</a> très vite.</p></p>
|
||||
@@ -1,37 +0,0 @@
|
||||
---
|
||||
title: "Enpass : avis sur le gestionnaire de mots de passe"
|
||||
date: "2017-06-03T04:00:43"
|
||||
draft: false
|
||||
slug: "enpass-gestionnaire-mot-passe"
|
||||
wordpress_id: 160
|
||||
excerpt: "Depuis quelques mois, j’ai découvert un gestionnaire de mot de passe plutôt intéressant. Si comme moi, vous refusez…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2017/06/EnPass-3.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Depuis quelques mois, j’ai découvert un gestionnaire de mot de passe plutôt intéressant. Si comme moi, vous refusez de mettre en ligne vos mots de passe sur des services tels que <strong>Dashlane</strong> ou <strong>LastPass</strong>, la solution faite pour vous est peut-être <strong>Enpass</strong>.</p>
|
||||
</p>
|
||||
<h1 class="wp-block-heading">Enpass le gestionnaire gratuit et simple</h1>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/06/enpass.png" alt="" class="wp-image-8328"/></figure>
|
||||
</p>
|
||||
<p>Disponible depuis quelques temps en version finale, <strong>Enpass</strong> se veut compatible <a href="https://www.mistergeek.net/informatique"><strong>Windows</strong></a>, <a href="https://www.mistergeek.net/informatique"><strong>Mac</strong></a>, <strong><a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">Linux</a></strong> et <strong><a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">Android</a></strong>. Vous pouvez le télécharger gratuitement sur le <strong>Play Store</strong> de <strong>Google</strong>. Vous comprenez donc les raisons qui m’ont poussé à l’utiliser. Tout cela en plus du fait qu’il est <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">gratuit</a> – même si on aurait aimé qu’il soit open source.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Une alternative aux gestionnaires par abonnements dans le cloud</h2>
|
||||
</p>
|
||||
<p>Vos mots de passes sont donc conservés dans un fichier – tout comme le ferait <strong>Keepass</strong> – que vous pouvez sauvegarder où vous souhaitez. Ce fichier est équivalent à un « <strong>coffre fort</strong> » car il est protégé par un « <strong>master password</strong>« . Il peut entreposer toutes sortes de données sensibles : codes, cartes bancaires, etc. Et si vous êtes tournés vers le <strong>cloud</strong>, vous pouvez tout synchroniser en utilisant <strong>Dropbox</strong>, <strong>Onedrive</strong> ou comme nous chez <a href="https://mistergeek.net/"><strong>Mistergeek</strong></a>, <strong>Resilio Sync</strong>. Ainsi vous aurez accès à vos mots de passes sur tous vos terminaux.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/06/EnpassItems-57ddb5a95f9b58651633b10d.jpg" alt="" class="wp-image-8330"/></figure>
|
||||
</p>
|
||||
<p>Un gestionnaire m’apporte une <a href="https://www.mistergeek.net/vpn/nordvpn/">sécurité</a> supplémentaire car je n’entre plus le même mot de passe sur plusieurs sites. Il est clair, que si vous avez l’habitude d’utiliser le même mot de passe à plusieurs endroits, vous augmentez de beaucoup les risques qu’on puisse récupérer vos données personnelles ou non.</p>
|
||||
</p>
|
||||
<p>Le logiciel génère des chaînes de caractères selon les préférences qu’on lui fixe. Pour éviter les « fails » dûs à des copier/coller, il nettoie même votre presse-papier.</p>
|
||||
</p>
|
||||
<p>Pour terminer, je dirais qu’avec les extensions pour <strong>Chrome</strong>, <strong>Opera</strong> ou encore <strong>Firefox</strong>, <strong>Enpass</strong> me fait gagner pas mal de temps lorsque je cherche à me connecter sur des sites web. En effet, le plugin de mon navigateur remplit automatiquement les champs du site sur lequel je me trouve.</p>
|
||||
</p>
|
||||
<p>Télécharger Enpass : www.enpass.io</p>
|
||||
</p>
|
||||
<p><iframe loading="lazy" class="wp-embedded-content" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" title="« Monter un PC Gamer à 500€ en 2017 » — Mistergeek 🤓" src="https://mistergeek.net/2017/04/04/monter-pc-gamer-intel-a-500e-2017/embed/#?secret=DHEZ6RYO30" marginwidth="0" marginheight="0" scrolling="no" sandbox="allow-scripts" data-secret="DHEZ6RYO30" width="600" height="338" frameborder="0"></iframe></p></p>
|
||||
@@ -1,31 +0,0 @@
|
||||
---
|
||||
title: "Etcher : comment créer une clé USB bootable ?"
|
||||
date: "2017-06-26T17:12:24"
|
||||
draft: false
|
||||
slug: "etcher-creer-une-cle-usb-bootable-windows-ou-linux"
|
||||
wordpress_id: 173
|
||||
excerpt: "Lors de mon petit essai de Proxmox la semaine dernière, je suis tombé sur un petit logiciel très…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2017/06/cle-usb-bootable-etcher.png"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Lors de mon petit essai de <strong>Proxmox</strong> la semaine dernière, je suis tombé sur un petit <strong>logiciel</strong> très intéressant. Je me suis alors dit qu’il serait intéressant d’écrire un article sur le sujet. Certains parmi vous ne sont peut-être ici, que pour cette raison : découvrir un logiciel qui permet de réaliser ses propres clés de démarrage : <strong>Etcher</strong>.</p>
|
||||
</p>
|
||||
<h1 class="wp-block-heading">Faire des clés Linux bootable</h1>
|
||||
</p>
|
||||
<p>Si vous avez un PC Windows et que vous souhaitez rendre une <strong>image ISO bootable</strong> sur l’une de vos clés, je ne peux, que vous conseiller ce logiciel. <strong>Etcher</strong> est un soft libre codé sur une base <strong>Electron</strong> -, qui est lui-même basé sur<strong> Chromium</strong> et permet d’utiliser des technologies web pour des applications de bureau.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/06/etcher.png" alt="" class="wp-image-8541"/></figure>
|
||||
</p>
|
||||
<p>L’une des forces d’Etcher est le fait qu’il soit <strong>open-source</strong>. En effet, si vous souhaitez modifier le programme, tout le code source est disponible dans les dépôts <strong>Github</strong> officiel : https://github.com/resin-io/etcher</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">À mettre dans la boite à outils de tout bon Geek</h2>
|
||||
</p>
|
||||
<p>Bien sûr Etcher est à mettre entre toutes les mains. Que vous soyez novice ou professionnel de l’informatique, un logiciel comme celui-ci est toujours utile. À classer dans la gamme des logiciels comme Rufus, Unetbootin, etc.</p>
|
||||
</p>
|
||||
<p>Etcher est disponible sur <strong>Windows, <a href="https://www.mistergeek.net/informatique/tuto-comment-afficher-les-dossiers-caches-sur-mac/">Mac</a> et Linux</strong>. Pour le <strong>télécharger</strong>, il vous suffit de vous rendre sur le <strong>site officiel : Etcher.io</strong></p>
|
||||
</p>
|
||||
<p><iframe loading="lazy" class="wp-embedded-content" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" title="« Télécharger mRatio gratuitement » — Mistergeek 🤓" src="https://mistergeek.net/2017/05/10/telecharger-mratio-gratuitement/embed/#?secret=cO5yb3YJVo" width="600" height="338" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" sandbox="allow-scripts" data-secret="cO5yb3YJVo"></iframe></p></p>
|
||||
@@ -1,47 +0,0 @@
|
||||
---
|
||||
title: "Market Android : comment avoir des applications gratuites"
|
||||
date: "2017-07-21T10:59:58"
|
||||
draft: false
|
||||
slug: "top-meilleurs-marches-alternatifs-android-applications-gratuites"
|
||||
wordpress_id: 182
|
||||
excerpt: "Vous voulez télécharger la dernière application à la mode ? Vous ne pouvez pas car payer une application…\n"
|
||||
featured_image: ""
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
<p><!--kg-card-begin: html--></p>
|
||||
<p>Vous voulez télécharger la dernière <a href="https://www.mistergeek.net/informatique/snapchat-screenshot-capture/">application</a> à la mode ? Vous ne pouvez pas car payer une application n’est pas votre credo ? Nous avons ce qu’il vous faut ! Grâce à cet article, vous allez pouvoir <strong>bénéficier d’application gratuitement sur <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">Android</a>.</strong></p>
|
||||
<h1 style="text-align: left;">Le Play Store en illimité</h1>
|
||||
<p><iframe loading="lazy" src="//www.dailymotion.com/embed/video/x5u6w49?autoPlay=1" width="480" height="270" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
|
||||
<p>Les méthodes que nous mettons à disposition ne fonctionnent que pour Android.</p>
|
||||
<h2>Pourquoi installer un market alternatif sur Android</h2>
|
||||
<p>Selon le pays dans lequel vous vivez, il se peut que votre Play Store soit limité ou censuré. À la Réunion par exemple, il est impossible de télécharger certaines applications sans passer par un <a href="https://www.mistergeek.net/vpn/purevpn/">VPN</a>. Une solution censée consiste donc à mettre en place des <strong>markets Android</strong> différent de celui installé par défaut.</p>
|
||||
<h2>1 – APK Market</h2>
|
||||
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-8938" src="/content/images/wordpress/2017/05/apk-market--1024x600.png" sizes="auto, (max-width: 640px) 100vw, 640px" srcset="/content/images/wordpress/2017/05/apk-market-.png 1024w, /content/images/wordpress/2017/05/apk-market--300x176.png 300w, /content/images/wordpress/2017/05/apk-market--768x450.png 768w, /content/images/wordpress/2017/05/apk-market--696x408.png 696w, /content/images/wordpress/2017/05/apk-market--717x420.png 717w" alt="" width="640" height="375" /></p>
|
||||
<p>Vous allez vous retrouver sur une page d’accueil de <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">APK</a> Market. À cette étape, vous pouvez commencer à télécharger vos applications préférées. L’installation se fait nativement, comme si vous téléchargiez n’importe quelle application depuis le store officiel.</p>
|
||||
<p><strong>Télécharger APK Market : http://www.apkmarket.org/app/getapk-market/</strong></p>
|
||||
<h2>2- Blackmart</h2>
|
||||
<p><img loading="lazy" decoding="async" class="alignleft wp-image-8939 size-medium" src="/content/images/wordpress/2017/05/screenshot-blackmart-169x300.png" sizes="auto, (max-width: 169px) 100vw, 169px" srcset="/content/images/wordpress/2017/05/screenshot-blackmart-169x300.png 169w, /content/images/wordpress/2017/05/screenshot-blackmart-576x1024.png 576w, /content/images/wordpress/2017/05/screenshot-blackmart-696x1237.png 696w, /content/images/wordpress/2017/05/screenshot-blackmart-236x420.png 236w, /content/images/wordpress/2017/05/screenshot-blackmart.png 720w" alt="" width="169" height="300" /></p>
|
||||
<p>Sûrement, l’un des marchés les plus connus est bien Blackmart. Vous pouvez télécharger l’APK sur le site officiel.</p>
|
||||
<p>Suite à <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> installation, vous aurez sûrement besoin de réaliser une mise à jour, mais elles ne sont généralement pas très longues. Une fois installé, vous avez accès -, comme pour le market précédent – à toutes les applications Android. Et cela sans aucune limite, ni verrouillage.</p>
|
||||
<p>Petit bémol, les applications ne sont pas forcement tous à jour. Et parfois c’est même un avantage, surtout lorsqu’on cherche à récupérer d’anciens APK de nos applications.</p>
|
||||
<p><strong>Télécharger Blackmart : http://www.blackmart.us</strong></p>
|
||||
<h2>3- Aptoide</h2>
|
||||
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-8946" src="/content/images/wordpress/2017/07/Aptoide-black-market-android.png" sizes="auto, (max-width: 852px) 100vw, 852px" srcset="/content/images/wordpress/2017/07/Aptoide-black-market-android.png 852w, /content/images/wordpress/2017/07/Aptoide-black-market-android-300x111.png 300w, /content/images/wordpress/2017/07/Aptoide-black-market-android-768x284.png 768w, /content/images/wordpress/2017/07/Aptoide-black-market-android-696x257.png 696w" alt="" width="852" height="315" /></p>
|
||||
<p>Même si on le connaît mieux sur <a href="https://www.mistergeek.net/informatique/installer-ios-beta-developpeur/">iOS</a> – surtout ceux qui sont jailbreaké leurs terminaux <a href="https://www.mistergeek.net/informatique/apple-event-2020/">Apple</a> – Aptoide est l’un des marchés noirs disponibles sur Android. Dans l’équipe Mister Geek, nous n’avons pas pu le tester de nous-mêmes. Mais à en croire les retours sur internet celui-ci fait partie des markets à posséder sur son terminal Android.</p>
|
||||
<h2>4- Mobogenie</h2>
|
||||
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-8953" src="/content/images/wordpress/2017/07/mobogenie-2.6-android-mister-geek-1024x582.png" sizes="auto, (max-width: 640px) 100vw, 640px" srcset="/content/images/wordpress/2017/07/mobogenie-2.6-android-mister-geek-1024x582.png 1024w, /content/images/wordpress/2017/07/mobogenie-2.6-android-mister-geek-300x170.png 300w, /content/images/wordpress/2017/07/mobogenie-2.6-android-mister-geek-768x436.png 768w, /content/images/wordpress/2017/07/mobogenie-2.6-android-mister-geek-696x395.png 696w, /content/images/wordpress/2017/07/mobogenie-2.6-android-mister-geek-1068x607.png 1068w, /content/images/wordpress/2017/07/mobogenie-2.6-android-mister-geek-739x420.png 739w, /content/images/wordpress/2017/07/mobogenie-2.6-android-mister-geek.png 1412w" alt="" width="640" height="364" /></p>
|
||||
<p>On se l’accorde, le nom de cette application peut faire peur. En lisant on pense tomber sur quelque chose de sordide voulant à tout prix nous installer des malwares sur nos téléphones. En réalité il n’est rien.</p>
|
||||
<p>Mobogénie, est disponible librement sur UpToDown – et sur beaucoup d’autres sites également. Mobogenie propose des milliers d’applications gratuitement. Pour les avoir il suffit juste de les installer depuis ce marché alternatif.</p>
|
||||
<h1>Où télécharger fichiers APK</h1>
|
||||
<p>Outre les marchés alternatifs, il existe des milliers d’autres façon de télécharger des applications. Nous allons faire une petite liste non exhaustive de ces méthodes de <a href="https://www.mistergeek.net/vpn/nordvpn/">téléchargement</a> d’applications Android.</p>
|
||||
<h2>Récupérer un APK sur un site de téléchargement</h2>
|
||||
<p>Les premiers sites qui vous viennent à l’esprit lorsque nous parlons de téléchargement doivent bien sûr être les sites <a href="https://www.mistergeek.net/informatique">Bittorrent</a> ou ceux de DDL. Mais sachez qu’il existe des sites qui n’ont que pour fonction de lister et sauvegarder les versions des applications du Play Store.</p>
|
||||
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-8941" src="/content/images/wordpress/2017/07/uptodown-home-screenshot-1024x491.png" sizes="auto, (max-width: 640px) 100vw, 640px" srcset="/content/images/wordpress/2017/07/uptodown-home-screenshot-1024x491.png 1024w, /content/images/wordpress/2017/07/uptodown-home-screenshot-300x144.png 300w, /content/images/wordpress/2017/07/uptodown-home-screenshot-768x368.png 768w, /content/images/wordpress/2017/07/uptodown-home-screenshot-696x334.png 696w, /content/images/wordpress/2017/07/uptodown-home-screenshot-1068x512.png 1068w, /content/images/wordpress/2017/07/uptodown-home-screenshot-876x420.png 876w, /content/images/wordpress/2017/07/uptodown-home-screenshot.png 1307w" alt="" width="640" height="307" /></p>
|
||||
<p>Le premier exemple qu’on puisse citer est bien UpToDown. Il regroupe à la fois des applications Android, mais aussi des logiciels et jeux gratuits de <a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">Windows</a>.</p>
|
||||
<p>Si vous êtes par exemple à la recherche de d’une version de Facebook Messenger qui ne comporte pas options d’échange d’argent, vous trouverez très vite votre bonheur.</p>
|
||||
<h1>Conclusion</h1>
|
||||
<p>Le premier avantage des marchés alternatifs, c’est qu’ils vous offrent la possibilité de télécharger des applications qui seraient verrouillées dans n’importe quel pays. Vous avez également le pouvoir maintenant d’installer des applications qui seraient payant sur le Play Store de Google.</p>
|
||||
<p><!--kg-card-end: html--></p>
|
||||
@@ -1,41 +0,0 @@
|
||||
---
|
||||
title: "Veracrypt : chiffrer ses données pour plus de sécurité"
|
||||
date: "2017-08-21T15:20:33"
|
||||
draft: false
|
||||
slug: "veracrypt-comment-crypter-ses-donnees-facilement"
|
||||
wordpress_id: 191
|
||||
excerpt: "Pour crypter ses données avec mot de passe, le logiciel est plus accessible est bien Veracrypt. J’ai longtemps…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2017/08/veracrypt.png"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
<p><!--kg-card-begin: html--></p>
|
||||
<p>Pour crypter ses données avec mot de passe, le logiciel est plus accessible est bien <strong>Veracrypt</strong>. J’ai longtemps cherché une façon de <strong>cacher mes données par mot de passe.</strong> Au début <strong>j’utilisais Winrar</strong> afin de pouvoir créer des archives simple de dossiers et fichiers, mais le soft a vite montré ses limites. À la place, j’utilise depuis un petit moment <strong>Veracrypt</strong>.</p>
|
||||
<h2>Veracrypt le descendant de TrueCrypt : logiciel de cryptage</h2>
|
||||
<p><strong>Veracrypt est un fork</strong> de <strong>TrueCrypt.</strong> On peut difficilement faire mieux comme titre résumant le logiciel.</p>
|
||||
<p>Pour je ne sais quelle raison, <strong>Truecrypt a disparu dans les méandres <a href="https://www.mistergeek.net/informatique">d’internet</a></strong> après l’abandon de la part de l’équipe de <a href="https://www.mistergeek.net/informatique/installer-ios-beta-developpeur/">développeur</a> et une faille de sécurité. Suite à cela, on a vu apparaître <strong>sur GitHub un fork</strong> très intéressant, nommé <strong>Veracrypt.</strong></p>
|
||||
<h2>Quel chiffrement sur Windows, Mac et Linux ?</h2>
|
||||
<p>L’une des forces de <strong>Veracrypt</strong> – et comme souvent avec les <strong>logiciels libres</strong> – c’est qu’il est disponible sur les trois plateformes grand public. Quel que soit <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> nom vous aurez l’occasion de retrouver le fork de TrueCrypt, sur <a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">Linux</a>, <a href="https://www.mistergeek.net/informatique/tuto-comment-afficher-les-dossiers-caches-sur-mac/">Mac</a> et bien sûr Windows.</p>
|
||||
<h3>Remplacer Winrar par Veracrypt</h3>
|
||||
<p>Pour reprendre ma petite histoire, la solution initiale, que j’avais choisi me faisait perdre beaucoup de temps. Cela même pour ouvrir des fichiers de seulement quelques kilo-octets. À chaque utilisation de mon archive cryptée, je devais l’extraire – et par la même occasion la décompresser -, utiliser et de nouveau l’archiver. Vous imaginez très bien le temps que cela peut prendre lorsque vous avez plusieurs Go de données.</p>
|
||||
<h3>Sécuriser, chiffrer et cacher ses données</h3>
|
||||
<p>Vous pouvez télécharger gratuitement Veracrypt sur le site officiel. Si vous souhaitez vous pouvez même retrouver les sources.</p>
|
||||
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-9114" src="/content/images/wordpress/2017/08/veracrypt-ecran-principal.png" sizes="auto, (max-width: 567px) 100vw, 567px" srcset="/content/images/wordpress/2017/08/veracrypt-ecran-principal.png 567w, /content/images/wordpress/2017/08/veracrypt-ecran-principal-300x258.png 300w, /content/images/wordpress/2017/08/veracrypt-ecran-principal-488x420.png 488w" alt="" width="567" height="488"></p>
|
||||
<p>Dès que vous avez le logiciel, vous vous retrouvez avec une <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">interface</a> plutôt simpliste. Si jusqu’ici vous ne disposez pas de container, il vous faudra en créer un ou utiliser une partition. Par le biais des menus vous pouvez chiffrer complètement l’une des partitions de votre disque dur. Prenez garde à ne pas corrompre le votre disque système, sous peine de ne plus voir votre machine démarrer.</p>
|
||||
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-9115" src="/content/images/wordpress/2017/08/veracrypt-assistant-creation-partition.png" sizes="auto, (max-width: 602px) 100vw, 602px" srcset="/content/images/wordpress/2017/08/veracrypt-assistant-creation-partition.png 602w, /content/images/wordpress/2017/08/veracrypt-assistant-creation-partition-300x200.png 300w" alt="" width="602" height="402"></p>
|
||||
<p>En créant un conteneur sécurisé, vous passerez par plusieurs étapes, dont la définition d’un mot de passe pour celui-ci. N’oubliez pas, la NSA est capable de craquer un mot de passe conventionnel en 7 secondes avec leur puissance de calcul.</p>
|
||||
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-9118" src="/content/images/wordpress/2017/08/truecrypt-monter-partition-crypte.png" sizes="auto, (max-width: 569px) 100vw, 569px" srcset="/content/images/wordpress/2017/08/truecrypt-monter-partition-crypte.png 569w, /content/images/wordpress/2017/08/truecrypt-monter-partition-crypte-300x261.png 300w, /content/images/wordpress/2017/08/truecrypt-monter-partition-crypte-483x420.png 483w" alt="" width="569" height="495"></p>
|
||||
<p>Une fois votre partition ou votre conteneur créé, il ne vous reste plus qu’à la monter. Choisissez la lettre de lecteur que vous désirez et cliquez tout simplement sur « Mount ». On vous demandera votre mot de passe et vous aurez alors un nouveau lecteur virtuel, que seul vous pouvez monter.</p>
|
||||
<p>Ici je n’ai pas fait le tour complet de ce que Veracrypt peut offrir. En plus de la <a href="https://www.mistergeek.net/vpn/nordvpn/">protection</a> par mot de passe, vous pouvez en plus y ajouter une protection par certificat. Veracrypt reste une solution de chiffrage locale, en effet le container que vous créez n’a pas vocation à être stocké sur le cloud. Et lorsqu’il s’agit de fichiers sensibles, ce n’est généralement pas le meilleur comportement à adopter.</p>
|
||||
<h3>Les autres logiciels de chiffrement de fichiers</h3>
|
||||
<h4>BitLocker</h4>
|
||||
<p>En premier lieu comme autre logiciel de cryptage de partition on peut citer BitLocker, le logiciel maison de Microsoft. Disponible de Windows Vista à Windows 10 en passant par les éditions pour <a href="https://www.mistergeek.net/informatique/ipv6-serveur-scaleway-dedibox/">serveur</a>. On ne garantit pas, que celui-ci est livré sans backdoor de la NSA.</p>
|
||||
<h4>Cryptomator</h4>
|
||||
<p>Tourné vers le stockage en cloud, Cryptomator se rapproche plus de BoxCryptor, que du TrueCrypt.</p>
|
||||
<h2>En conclusion</h2>
|
||||
<p>Offrant à peu de choses près les mêmes fonctions que TrueCrypt, Veracrypt est dans l’heure disponible, toujours open-source et <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">gratuit</a>. Il permet à moindre coût de chiffrer ses données simplement et relativement vite. Je vous le conseille, si vous êtes un particulier et que vous gardez sur votre PC par exemple votre porte-monnaie <a href="https://www.mistergeek.net/informatique">Bitcoin</a>.</p>
|
||||
<p>PS: Vous aurez remarqué que j’utilise assez souvent dans cet article le mot « cryptage », qui soit dit en passant n’existe pas en Français. Si j’ai fait ce choix c’est purement pour une raison de SEO et puis on est sur un blog Geek quand même.</p>
|
||||
<p><iframe loading="lazy" class="wp-embedded-content" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" title="« Soulagez vos yeux avec Flux » — Mistergeek 🤓" src="https://mistergeek.net/2017/05/20/soulagez-vos-yeux-flux/embed/#?secret=LWFnXnMGPu" width="600" height="338" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" sandbox="allow-scripts" data-secret="LWFnXnMGPu"></iframe></p>
|
||||
<p><!--kg-card-end: html--></p>
|
||||
@@ -1,88 +0,0 @@
|
||||
---
|
||||
title: "Comment booster son PC Windows 10 ?"
|
||||
date: "2017-09-09T12:49:20"
|
||||
draft: false
|
||||
slug: "booster-ordinateur-windows-10-1"
|
||||
wordpress_id: 197
|
||||
excerpt: "Vous en avez marre de la lenteur de votre ordinateur sous Windows 10 ? Vous aimeriez améliorer les…\n"
|
||||
featured_image: ""
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Vous en avez marre de la lenteur de votre ordinateur sous <a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">Windows</a> 10 ? Vous aimeriez améliorer les performances de votre PC sans avoir à investir dans un nouvel équipement ? Bonne nouvelle, nous avons rassemblé pour vous une série d’astuces simples et efficaces pour <strong>booster votre ordinateur</strong> ! Dans cette première partie, nous allons nous concentrer sur l’optimisation de votre <a href="https://www.mistergeek.net/informatique/tuto-comment-afficher-les-dossiers-caches-sur-mac/">système d’exploitation</a>, le nettoyage de votre disque dur et la désactivation des programmes inutiles au démarrage. Suivez le guide pour retrouver une expérience informatique fluide et agréable !</p>
|
||||
</p>
|
||||
<p><div id="ez-toc-container" class="ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction">
|
||||
<p class="ez-toc-title" style="cursor:inherit">Table of Contents</p>
|
||||
<label for="ez-toc-cssicon-toggle-item-68a33a6b5903d" class="ez-toc-cssicon-toggle-label"><span class=""><span class="eztoc-hide" style="display:none;">Toggle</span><span class="ez-toc-icon-toggle-span"><svg style="fill: #999;color:#999" xmlns="http://www.w3.org/2000/svg" class="list-377408" width="20px" height="20px" viewBox="0 0 24 24" fill="none"><path d="M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z" fill="currentColor"></path></svg><svg style="fill: #999;color:#999" class="arrow-unsorted-368013" xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24" version="1.2" baseProfile="tiny"><path d="M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z"/></svg></span></span></label><input type="checkbox" id="ez-toc-cssicon-toggle-item-68a33a6b5903d" aria-label="Toggle" /><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-1" href="https://www.mistergeek.net/informatique/booster-ordinateur-windows-10-1/#Course_a_la_performance" >Course à la performance</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-2" href="https://www.mistergeek.net/informatique/booster-ordinateur-windows-10-1/#Modifier_les_options_dalimentation_pour_booster_son_PC" >Modifier les options d’alimentation pour booster son PC</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-3" href="https://www.mistergeek.net/informatique/booster-ordinateur-windows-10-1/#Lancement_de_programmes_au_demarrage" >Lancement de programmes au démarrage</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-4" href="https://www.mistergeek.net/informatique/booster-ordinateur-windows-10-1/#Defragmenter_pour_booster_son_disque_dur" >Défragmenter pour booster son disque dur</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-5" href="https://www.mistergeek.net/informatique/booster-ordinateur-windows-10-1/#Supprimer_les_fichiers_temporaires" >Supprimer les fichiers temporaires</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-6" href="https://www.mistergeek.net/informatique/booster-ordinateur-windows-10-1/#En_conclusion" >En conclusion</a></li></ul></li></ul></nav></div>
|
||||
|
||||
</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="Course_a_la_performance"></span>Course à la performance<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<p>Le monde de <a href="/informatique">l’informatique</a> est en constante évolution et la performance est devenue un enjeu crucial pour les utilisateurs d’ordinateurs. Que ce soit pour des tâches simples telles que la navigation sur internet, la lecture de vidéos ou des activités plus complexes comme le montage <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">vidéo</a>, nous cherchons tous à obtenir une expérience rapide et fluide.</p>
|
||||
</p>
|
||||
<p>C’est pour cette raison que les fabricants de processeurs, de cartes graphiques et d’autres composants informatiques rivalisent pour offrir des produits toujours plus performants (parfois plus couteux, n’est-ce pas Nvidia ?). Mais cette course à la performance ne concerne pas seulement les grandes marques. Les utilisateurs ordinaires peuvent également contribuer à booster les performances de leur ordinateur en effectuant quelques réglages et en adoptant de bonnes pratiques.</p>
|
||||
</p>
|
||||
<p>Dans cet article, nous allons nous intéresser à la manière dont vous pouvez améliorer la performance de votre ordinateur en comprenant les facteurs qui peuvent affecter votre système Windows. Nous allons explorer les différentes composantes de votre système, les logiciels et les réglages qui peuvent être optimisés pour obtenir une expérience informatique plus rapide et plus agréable. En suivant nos conseils, vous serez en mesure de donner un coup de fouet à votre ordinateur et de profiter pleinement de ses capacités.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image aligncenter"><img decoding="async" src="/content/images/wordpress/2017/09/windows-10-performance.jpg" alt="" class="wp-image-9225"/></figure>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Modifier_les_options_dalimentation_pour_booster_son_PC"></span>Modifier les options d’alimentation pour booster son PC<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Lorsqu’il s’agit d’améliorer la performance de votre ordinateur, vous ne devriez pas négliger l’impact de l’alimentation électrique. En effet, les options d’alimentation de votre ordinateur ont une influence directe sur ses performances. Un profil économique augmentera la durée de vie de la batterie, mais ne sera pas efficace pour des tâches gourmandes.</p>
|
||||
</p>
|
||||
<p>En règle générale, votre ordinateur est livré avec un certain nombre d’options d’alimentation préconfigurées. Ces options peuvent varier selon les versions de Windows, mais elles sont généralement classées en trois catégories : Équilibré, Économie d’énergie et <strong>Performances élevées</strong>. Voici comment passer en « Performances élevées ».</p>
|
||||
</p>
|
||||
<p>Dans la barre <strong>Démarrer</strong>, taper « <strong>alimentation</strong> » et cliquer sur « <strong>Options d’alimentation</strong> » . Dans cette fenêtre, la case cochée par défaut sera « <strong>Usage normal</strong>« . Si c’est le cas, changer par « <strong>Performances élevées</strong> » et fermer la fenêtre.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/09/Alimentation.jpg" alt="" class="wp-image-9233"/></figure>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Lancement_de_programmes_au_demarrage"></span>Lancement de programmes au démarrage<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Lorsque vous allumez votre machine, des programmes se lancent automatiquement sans attendre que <strong>Windows</strong> ait fini de charger. Cela ralentit votre <strong>PC</strong>, il faut donc limiter au maximum ces programmes.</p>
|
||||
</p>
|
||||
<p>Un petit <strong>Alt + Ctrl + Suppr</strong> et cliquer sur <strong>Gestionnaire des tâches</strong>. Dans la fenêtre, il y a un onglet <strong>Démarrage</strong>, cliquer dessus. Dans ce menu, vous avez accès à toutes les applications qui se lancent au démarrage de <strong>Windows</strong> avec une indication sur l’impact que le lancement de ce programme a sur le démarrage. Désactivez les plus gourmandes en cliquant sur <strong>Désactiver</strong>.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Defragmenter_pour_booster_son_disque_dur"></span>Défragmenter pour booster son disque dur<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>La défragmentation de votre disque dur est une étape importante pour améliorer les performances de votre ordinateur. En effet, au fil du temps, les fichiers stockés sur votre disque dur peuvent se fragmenter, ce qui signifie qu’ils sont divisés en plusieurs parties éparpillées sur le disque. Lorsque vous essayez d’accéder à ces fichiers, cela peut ralentir les performances de votre ordinateur car il doit rassembler toutes les parties du fichier avant de l’ouvrir.</p>
|
||||
</p>
|
||||
<p>La défragmentation consiste à regrouper ces parties de fichiers pour optimiser la manière dont votre disque dur stocke et accède aux données. En effectuant une défragmentation régulière de votre disque dur, vous pouvez améliorer les performances de votre ordinateur et prolonger la durée de vie de votre disque dur. Voici comment faire sur Windows 10.</p>
|
||||
</p>
|
||||
<p><strong>Remarque: CETTE MANIPULATION N’EST PAS A FAIRE SUR UN SSD SOUS PEINE DE L’ENDOMMAGER !</strong></p>
|
||||
</p>
|
||||
<p>Il est parfois nécessaire de <strong>défragmenter le disque dur de <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> PC</strong> afin d’<strong>optimiser ses performances.</strong></p>
|
||||
</p>
|
||||
<p>Pour cela dans la barre <strong>Démarrer</strong>, taper « <strong>défragmenter</strong> » et cliquer sur « <strong>Défragmenter et optimiser les lecteurs</strong>« . Dans la fenêtre qui vient d’apparaître, cliquer sur le disque contenant votre partition <strong>Windows</strong> et cliquer sur <strong>Optimiser</strong>. Une fois la procédure finie vous pouvez fermer la fenêtre.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image aligncenter"><img decoding="async" src="/content/images/wordpress/2017/09/Optimiser.jpg" alt="" class="wp-image-9236"/></figure>
|
||||
</p>
|
||||
<p>Ici, je ne le ferais pas car j’ai un <strong>SSD</strong>.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Supprimer_les_fichiers_temporaires"></span>Supprimer les fichiers temporaires<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Les fichiers temporaires sont des fichiers qui sont créés par votre ordinateur pour stocker des données temporaires pendant l’exécution de programmes ou d’applications. Bien que ces fichiers soient temporaires, ils peuvent s’accumuler sur votre disque dur et prendre de l’espace inutilement, ce qui peut ralentir les performances de votre ordinateur.</p>
|
||||
</p>
|
||||
<p>Supprimer les fichiers temporaires de votre ordinateur est une étape importante pour libérer de l’espace sur votre disque dur et améliorer les performances de votre système. Heureusement, il existe plusieurs façons de supprimer ces fichiers. L’une d’elles est d’utiliser un logiciel comme <strong>CCleaner ou Bleachbit</strong> (ce dernier étant <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">gratuit</a>), voire même d’y aller manuellement en vidant le dossier qui contient les fichiers temporaires de Windows.</p>
|
||||
</p>
|
||||
<p>Votre <strong>PC</strong> stocke des fichiers qui ne sont pas nécessaires et qui diminue l’efficacité de votre <strong>RAM</strong>. Les supprimer devient primordial afin d’augmenter les performances de son <strong>PC</strong>.</p>
|
||||
</p>
|
||||
<p>Faire un clic droit sur le menu <strong>Démarrer</strong> et cliquer sur <strong>Exécuter</strong>. Dans la fenêtre qui apparaît, taper <strong>%temp%</strong> et cliquer sur OK. Un fenêtre va apparaître vous dévoilant tous les fichiers temporaires, il suffit de tout sélectionner et de tout supprimer. Si des fichiers restent ou ne peuvent pas être supprimés, ce n’est pas grave. Fermer la fenêtre.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image aligncenter"><img decoding="async" src="/content/images/wordpress/2017/09/temp1.jpg" alt="" class="wp-image-9238"/></figure>
|
||||
</p>
|
||||
<p>Ensuite, faire un clic droit sur le menu <strong>Démarrer</strong> et cliquer sur <strong>Exécuter</strong>. Dans la fenêtre qui apparaît, taper <strong>temp</strong> et cliquer sur OK. Une notification va apparaître vous informant que vous devez cliquer sur Continuer pour accéder au contenu du dossier. Cliquer sur Continuer, sélectionner tous les fichiers et les supprimer. Si des fichiers restent ou ne peuvent pas être supprimés, ce n’est pas grave. Fermer la fenêtre.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image aligncenter"><img decoding="async" src="/content/images/wordpress/2017/09/temp2.jpg" alt="" class="wp-image-9239"/></figure>
|
||||
</p>
|
||||
<p>Après, faire un clic droit sur le menu<strong> Démarrer</strong> et cliquer sur <strong>Exécuter</strong>. Dans la fenêtre qui apparaît, taper <strong>prefetch</strong> et cliquer sur OK. Une notification va apparaître vous informant que vous devez cliquer sur Continuer pour accéder au contenu du dossier. Cliquer sur Continuer, sélectionner tous les fichiers et les supprimer. Si des fichiers restent ou ne peuvent pas être supprimés, ce n’est pas grave. Fermer la fenêtre.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image aligncenter"><img decoding="async" src="/content/images/wordpress/2017/09/prefetch.jpg" alt="" class="wp-image-9241"/></figure>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="En_conclusion"></span>En conclusion<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Cet article donne quelques pistes pour améliorer les performances de son ordinateur sur Windows. Ces astuces fonctionnent sur Windows 10 et 11 et peuvent donner un coup de booster à votre PC.</p>
|
||||
</p></p>
|
||||
@@ -1,129 +0,0 @@
|
||||
---
|
||||
title: "PC Portable Gamer qui chauffe. Que faire ? Comment augmenter ses FPS ?"
|
||||
date: "2017-09-05T06:00:33"
|
||||
draft: false
|
||||
slug: "booster-son-pc"
|
||||
wordpress_id: 196
|
||||
excerpt: "Vous souhaitez augmenter la performance de votre PC Portable Gamer ? Celui-ci chauffe beaucoup trop et fait baisser…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2017/09/reparation-ordinateur-portable.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Vous souhaitez augmenter la performance de votre PC Portable <a href="https://www.mistergeek.net/informatique/comparatif-souris-gamer/">Gamer</a> ? Celui-ci chauffe beaucoup trop et fait baisser vos <a href="https://www.mistergeek.net/jeu-video/warzone-50-millions-joueurs/">FPS</a> ? Vous avez des chutes indésirables de FPS et parfois des saccades dans vos jeux préférés ? Dans cet article, nous vous proposons de découvrir comment il est possible d’augmenter les performances de votre PC Gamer en faisant un nettoyage pour réduire les effets dûes à la température.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Comment gagner en FPS avec un nettoyage sur son PC Portable Gamer ?</h2>
|
||||
</p>
|
||||
<p>Un <a href="/informatique">ordinateur portable</a> a (comme matériel ou <a href="https://www.mistergeek.net/informatique/comparatif-clavier-gamer/">périphérique</a>) une durée de vie limitée. Sans même parlé d’obsoléscence programmée, votre ordinateur va subir tout au long de sa vie des installations, l’exécution de programmes lourds ou encore des jeux <a href="https://www.mistergeek.net/informatique/comparatif-carte-boitier-acquisition-capture-video/">vidéo</a>. Ajoutez à cela la poussière ou encore la dégration des système de refroidissement et très vite, vous vous retrouvez avec un PC Portable Gamer, qui perd en performance.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Les causes de ralentissement sur un PC Portable Gamer</h3>
|
||||
</p>
|
||||
<p>La dégration de la vitesse ou la charge que peut supporter votre ordinateur peut provenir de plusieurs causes. En premier lieu, nous pouvons citer notamment les problèmes logiciels, comme un trop grand nombre de programmes en arrière-plan, un <a href="https://www.mistergeek.net/informatique/tuto-comment-afficher-les-dossiers-caches-sur-mac/">système d’exploitation</a> non mis à jour, mais aussi des fichiers non nettoyé. Ensuite, vient les problèmes matériels, comme une dégration des composants, un manque de RAM/CPU et parfois même une ventilation insuffisante, voire défaillante. Dans certains cas, il arrive même que la dégradation soit si poussée que la température devienne un frein aux activités faites sur l’ordinateur.</p>
|
||||
</p>
|
||||
<p>Nous vous proposons ici une liste des problèmes qui peuvent amener votre ordinateur portable Gamer à perdre en performance. L’objectif de cet article étant d’être un guide pour vous aider à refroidir votre ordinateur, nous aborderons plus en détails les autres problématiques dans un autre article.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading">Problèmes logiciels</h4>
|
||||
</p>
|
||||
<p>Les ralentissements à cause des problèmes logiciels sont courants. Vous pouvez avoir le dernier ordinateur commercialisé, qu’un mauvais système d’exploitation et une mauvaise gestion peut litérralement en affecter votre usage. De plus, les problèmes logiciels sont ceux que l’on remarque le moins souvent. Vous êtes peut-être infecté par un virus ou il se peut qu’un logiciel que vous avez installé fonctionne mal et occupe toutes les ressources de votre ordinateur.</p>
|
||||
</p>
|
||||
<h5 class="wp-block-heading">Comment répérer un problème logiciel ?</h5>
|
||||
</p>
|
||||
<p>Le premier indicateur est votre gestionnaire de tâches. Si vous voyez une trop grande utilisation de vos ressources CPU, mémoire ou encore disque dur, alors vous avez peut être un problème.</p>
|
||||
</p>
|
||||
<h5 class="wp-block-heading">Comment faire pour corriger des problèmes logiciels ?</h5>
|
||||
</p>
|
||||
<p>Si vous pensez que vous perdez des FPS à cause d’un problème logiciel, nous vous conseillons d’utiliser des logiciels dédiés comme BleachBit, CCleaner, Revo Uninstaller Pro ou encore IOBit Uninstaller. Ces logiciels vont vous permettre d’identifier ce qui consomme trop sur votre machine et vous aider à les éliminer.</p>
|
||||
</p>
|
||||
<p>Une bonne pratique est également de faire un scan antivirus, voire même de réinstaller votre système (en prenant soin de sauvegarder vos données).</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading">Problèmes matériels</h4>
|
||||
</p>
|
||||
<p>Un PC Portable Gamer étant un assemblage de composants divers, les problèmes matériels, se présentent sous une forme beaucoup plus impactante.</p>
|
||||
</p>
|
||||
<h5 class="wp-block-heading">Comment repérer un problème matériel ?</h5>
|
||||
</p>
|
||||
<p>Un problème matériel ne passe généralement pas inaperçu par l’utilisateur de la machine. En l’occurence cela se manifeste par un ordinateur avec des redémarrages intempestifs, un « bip » au démarrage ou encore des messages d’erreurs.</p>
|
||||
</p>
|
||||
<h5 class="wp-block-heading">Comment corriger un problème matériel ?</h5>
|
||||
</p>
|
||||
<p>Pour corriger un problème matériel, il n’y a pas de secret. Il faut ouvrir votre ordinateur et y changer des composants. Par exemple, si votre RAM est deffectueuse, alors vous devrez la changer vous même ou passer par un professionnel. Il faut noter qu’il existe beaucoup de tutoriels et de vidéos sur <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">YouTube</a> dans lesquels vous trouverez des méthodes pour réparer votre ordinateur.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Mon PC Portable Gamer chauffe trop que faire ?</h3>
|
||||
</p>
|
||||
<p>On construit des PC portables de plus en plus puissant, dans des châssis de plus en plus fin. Mais il y a un processus qui n’a presque toujours pas évolué sur les ordinateurs : la dissipation thermique. Là ou les PC Fixes ont le watercooling et nettement plus de place pour la ventilation, les PC portables doivent se contenter la plupart du temps de petits ventilateurs dissipant la chaleur des caloducs. Des petits canaux de cuivre conducteur de chaleurs partagés entre la puce graphique et le processeur.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/09/water-cooling-16070.jpg" alt="" class="wp-image-9206"/></figure>
|
||||
</p>
|
||||
<p>Le CPU et les GPU étant dans leur version mobile, leur surface de dissipation est moindre. On a donc plus de mal à évacuer la chaleur via les caloducs. Votre PC est tout de même un tantinet intelligent.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_9201"><img decoding="async" src="/content/images/wordpress/2017/09/MSI-GE62-2QE-Apache-16-1.jpg" alt="Ordinateur portable ouvert avec système de refroidissement par caloduc." class="wp-image-9201"/><figcaption>Le cuivre transfert la chaleur du processeur jusqu’au ventilateur qui l’evacue.</figcaption></figure>
|
||||
</p>
|
||||
<p><strong>Là ou les PC Fixes ont le watercooling</strong>, et nettement plus de place pour la ventilation, les PC portables doivent se contenter la plupart du temps de <strong>petits ventilateurs</strong> dissipant la chaleur des caloducs. Des petits canaux de cuivre conducteur de chaleurs partagés entre la puce graphique et le processeur.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading">Quel est l’effet de la température sur mon PC Portable Gamer ?</h4>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_9203"><img decoding="async" src="/content/images/wordpress/2017/09/cpuid-surchauffe-1.png" alt="Relevé de température sur un PC Portable Gamer, qui induit un bridage des performances" class="wp-image-9203"/><figcaption>Une fois la puissance maximale atteinte, votre PC Portable Gamer se bride.</figcaption></figure>
|
||||
</p>
|
||||
<p>Une température élevée peut avoir beaucoup d’effets sur un ordinateur. Dans le cas d’un usage <a href="https://www.mistergeek.net/informatique/configurer-obs-streaming/">Gaming</a>, on peut voir apparaitre des artefacts à l’écran. Au-delà de 90° (une température très vite atteinte sur de PC portable un peu puissant), le processeur va réduire sa fréquence et <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> voltage, ce qui se traduit par une perte de performance artificielle pour préserver vos composants. Malgré cela, si cette température reste trop élevée. Cela abîme les composants et fait sécher la pâte thermique souvent mise de manière grossière pour des unités à la chaîne. La pâte thermique est un élément que nous allons aborder un peu plus loin.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading">Les solutions</h4>
|
||||
</p>
|
||||
<p>Dans cette partie, nous avons mis en avant les solutions pour réduire la température de votre PC Portable Gamer. Cela passe par les méthodes les plus simples comme l’utilisation d’un extracteur d’air au nettoyage avec <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">application</a> de pâte thermique.</p>
|
||||
</p>
|
||||
<h5 class="wp-block-heading">Acheter une plaque de refroidissement</h5>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_9204"><a href="http://amzn.to/2iW6iU5"><img decoding="async" src="/content/images/wordpress/2017/09/Thermaltake-Massive-V20-Laptop-Cooling-Pad-large-200mm-fan-with-big-airflow-offers-high-cooling-performance.jpg" alt="Plaque de refroidissement pour PC Portable Gamer" class="wp-image-9204"/></a><figcaption>C’est la solution la plus largement adoptée, et suffisante, mais pas la plus efficace en réalité.</figcaption></figure>
|
||||
</p>
|
||||
<p>Une solution simple et adoptée par beaucoup d’utilisateurs est la plaque de refroidissement que l’on place sous l’ordinateur. on laisse l’ordinateur respirer, et on crée un flux d’air qui refroidit l’environnement du PC. C’est un premier pas efficace, mais selon moi pas suffisant.</p>
|
||||
</p>
|
||||
<p>La plupart des ordinateurs portables ont un châssis en plastique qui conduit très mal la chaleur et de plus, ont rarement des aérations dessous le châssis (ce qui se comprend, auquel cas on aurait un problème à le poser sur une surface plane).</p>
|
||||
</p>
|
||||
<p><a href="http://amzn.to/2iW6iU5" rel="nofollow">Acheter une plaque de refroidissement</a></p>
|
||||
</p>
|
||||
<h5 class="wp-block-heading">Extracteur d’air</h5>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_9205"><a href="http://amzn.to/2gzcehk"><img decoding="async" src="/content/images/wordpress/2017/09/opolar-lc06-laptop-cooler.jpg" alt="Extracteur d'air pour PC Portable Gamer" class="wp-image-9205"/></a><figcaption>100% du flux d’air chaud est directement évacué.</figcaption></figure>
|
||||
</p>
|
||||
<p>Une solution beaucoup plus pratique et efficace : l’ extracteur d’air.</p>
|
||||
</p>
|
||||
<p>C’est un petit boitier contenant un ventilateur assez puissant et taillé pour aspirer de l’air qui vient se coller aux aérations. Premier inconvénient tout de même, tous les PC n’ont pas les aérations correctement placées pour pouvoir accueillir ce genre d’appareil.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/09/512MCh6l3VL.jpg" alt="Montage d'un extracteur d'air pour PC Portable Gamer" class="wp-image-9209"/><figcaption>Le montage est parfois moins simple qu’une plaque de ventilation</figcaption></figure>
|
||||
</p>
|
||||
<p>Si le votre estt compatible, ce n’est que du bonheur : vous aspirez directement l’air venant de l’habitacle de votre PC avec votre extracteur, ce qui crée un vide et force le renouvellement d’air.</p>
|
||||
</p>
|
||||
<p><a href="http://amzn.to/2eE6179">Acheter un extracteur d’air sur Amazon </a>/ <a href="http://amzn.to/2eE6179">Autre modèle d’extracteur d’air sur Amazon</a></p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/09/Capture-surchauufe-moins.png" alt="Relevé de température de PC Portable Gamer avant installation d'extracteur d'air" class="wp-image-9211"/><figcaption>Température avant extracteur d’air</figcaption></figure>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/09/idle.png" alt="Relevé de température de PC Portable Gamer après installation d'extracteur d'air" class="wp-image-9212"/><figcaption>Température après installation de l’extracteur d’air</figcaption></figure>
|
||||
</p>
|
||||
<h5 class="wp-block-heading">Comment nettoyer son PC Portable Gamer ?</h5>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_9213"><img decoding="async" src="/content/images/wordpress/2017/09/DSCF0721.jpg" alt="Poussière dans un ordinateur portable Gamer" class="wp-image-9213"/><figcaption>Avec ça, votre ordinateur chantera Highway To Hell….</figcaption></figure>
|
||||
</p>
|
||||
<p>Avec le temps, les grilles de ventilation de votre PC accumulent de la poussière, s’obstrue, empêchant la bonne circulation de l’air pour dissiper la chaleur, c’est une des causes principales des surchauffes des PC !</p>
|
||||
</p>
|
||||
<p>Il est vrai que cela fait peur d’ouvrir son PC portable, mais la plupart du temps il suffit d’enlever la première plaque du châssis et de nettoyer les ventilateurs et les grilles. Cherchez votre modèle sur internet, il y a énormément de vidéo explicative pour le démontage et le remontage de votre PC Gamer.</p>
|
||||
</p>
|
||||
<p>Préférez une bombe soufflante qu’a l’aspirateur, c’est beaucoup plus efficace et moins dangereux, une pièce ou une vis aspirée arrive très vite…</p>
|
||||
</p>
|
||||
<h5 class="wp-block-heading">Comment changer la pâte thermique ?</h5>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/09/closeup-of-cpu-chip-w-thermal-grease.jpg" alt="Changement de pâte thermique sur un PC Gamer" class="wp-image-9214"/></figure>
|
||||
</p>
|
||||
<p>La pâte thermique vient se mettre entre le processeur et les caloducs, elle permet un transfert de chaleur entre les deux éléments de manière optimale, tant qu’elle n’est pas sèche.</p>
|
||||
</p>
|
||||
<p>Nous vous recommandons de la changer souvent (tous les 2 ans), mais pour un PC portable, qui chauffe beaucoup plus, nous vous recommandons de la changer tous les 2 ans. De plus, vous pouvez vous en sortir pour moins de 10 euros sur <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">Amazon</a>.</p>
|
||||
</p>
|
||||
<p>Par contre pour la changer, il faut faire partie des plus audacieux. Mais ne perdez pas votre courage. Là aussi une multitude de vidéos sur YouTube vous permettront de réaliser cette opération sereinement !</p>
|
||||
</p>
|
||||
<p>Vous allez avoir une pâte thermique de bien meilleure qualité. Et elle sera mise de bien meilleure façon que d’usine ! Que du bénef pour votre PC portable !</p>
|
||||
</p>
|
||||
<p>En changeant la pâte thermique de votre ordinateur, cela va faciliter l’extraction de la chaleur inutile. Cela réduira ainsi la température votre chassis et augmentera sûrement vos FPS si vous subissiez auparavant des bridages.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Conclusion</h2>
|
||||
</p>
|
||||
<p>Ces plusieurs étapes graduellement complexes vous permettront non seulement de rallonger la durée de vie de votre PC, mais aussi permettre qu’il puisse utiliser au mieux sa puissance sans surchauffer !</p></p>
|
||||
@@ -1,67 +0,0 @@
|
||||
---
|
||||
title: "Acronis True Image : comment cloner un disque dur ?"
|
||||
date: "2017-10-24T21:13:42"
|
||||
draft: false
|
||||
slug: "acronis-true-image"
|
||||
wordpress_id: 216
|
||||
excerpt: "Il m’arrive souvent de réinstaller le Windows de mon PC avec Acronis True Image. Au bout de plusieurs…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2017/10/acronis-true-image.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Il m’arrive souvent de réinstaller le Windows de mon PC avec <strong>Acronis True Image</strong>. Au bout de plusieurs mois de manipulations intensives ou encore de <strong>hack</strong>, il devient de plus en plus lent. Au début, je réalisais des réinstallations complètes. J’utilisais un DVD de Windows 10 puis je réinstallais mes pilotes à la main. Il faut dire que c’est un processus très long, d’autant plus que ce temps aurait pu être mis à profit d’une bien meilleure manière. Depuis que je connais <strong>Acronis True Image</strong>, mes réinstallations et sauvegardes sont beaucoup plus simples et rapides, nous allons voir aujourd’hui comment utiliser ce logiciel qui a tout pour plaire.</p>
|
||||
</p>
|
||||
<p><em>Je tiens par avance à m’excuser de la qualité des différentes images dans cet article. Elles ne sont pas toutes très propres, mais devraient faciliter la compréhension du tutoriel.</em><span style="font-size: 12pt;"><br /></span></p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Comment sauvegarder avec Acronis True Image ?</h2>
|
||||
</p>
|
||||
<p>Vous connaissez sûrement cette entreprise nommée <strong>Acronis</strong>, elle est <strong>spécialisée dans la sauvegarde</strong>. Que cela soit la sauvegarde de fichiers (tout type confondu) ou de machines virtuelles, <strong>Acronis</strong> sait y faire.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Créer une image ISO bootable avec Rufus ou Etcher</h3>
|
||||
</p>
|
||||
<p>Lorsque l’on télécharge <strong>Acronis True Image</strong>, on se retrouve avec une image ISO. Il va donc falloir réaliser une clé <a href="https://www.mistergeek.net/informatique/comparatif-clavier-gamer/">USB</a> <a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">bootable</a> ou graver le tout sur un DVD – voire un CD si cela existe encore… </p>
|
||||
</p>
|
||||
<p><img decoding="async" src="/content/images/wordpress/2017/10/rufus-image-iso-bootable.png" alt=""></p>
|
||||
</p>
|
||||
<p>Pour la réalisation de l’image ISO, nous vous conseillons Rufus ou encore Etcher. Ces logiciels ont l’avantage d’être simples et rapides. Il vous suffit de sélectionner la bonne clé USB, de choisir le type de « BIOS » que vous possédez et pour finir de cliquer sur « Start ». À la fin de la barre de chargement, vous pouvez redémarrer votre PC.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Sauvegarder son disque dur</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/10/IMG_1331.jpg" alt=""/></figure>
|
||||
</p>
|
||||
<p>Au démarrage sélectionnez le media sur lequel vous souhaitez démarrer, plus tard tapez « 1 » pour choisir <strong>Acronis True Image</strong> en version normale et patientez quelques instants que le LiveCD se lance.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/10/IMG_1332.jpg" alt=""/></figure>
|
||||
</p>
|
||||
<p>Une fois démarré, vous retrouvez un menu à la <a href="https://www.mistergeek.net/informatique/comparatif-souris-gamer/">souris</a> plutôt intuitif. Ici j’utilise la version <strong>2017 de Acronis True Image</strong>, cependant vous pouvez très bien acheter la version <a href="http://amzn.to/2gE36fl">2018 sur Amazon</a>.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/10/IMG_1333.jpg" alt=""/></figure>
|
||||
</p>
|
||||
<p>C’est ici que tout commence et nous allons dès à présent faire une image disque, un peu comme avec <strong>Norton Ghost</strong>. Pour cela, cliquez sur « Backup », puis « Disk and Partition Backup ». Bien sûr, si vous le souhaitez, vous ne pouvez que sauvegarder vos fichiers et les restaurer ensuite.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/10/Tutoriel-Backup-Acronis-True-Image.jpg" alt=""/></figure>
|
||||
</p>
|
||||
<p>À partir de là, il suffit de sélectionner le disque que vous souhaitez sauvegarder et préciser les partitions à prendre en compte. Ensuite, je sélectionne l’emplacement de stockage de cette image, au besoin nous pouvons même connecter un FTP afin d’y uploader les médias. Ici je réalise une image complète du disque, ainsi que de toutes ses partitions.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/10/Creation-image-disque-acronis.jpg" alt=""/></figure>
|
||||
</p>
|
||||
<p>Une fois l’opération terminée, je peux de nouveau utiliser mon PC comme auparavant. L’image finale ne pèse que 23Go, en sachant que j’ai pu installer quelques jeux comme Counter-Strike Global Offensive.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Restaurer une image avec Acronis True Image</h2>
|
||||
</p>
|
||||
<p>L’avantage d’Acronis c’est que la restauration d’image est aussi simple que la création. Les étapes sont pratiquement les mêmes.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/10/Acronis-True-Image-Recovery-Disk.jpg" alt=""/></figure>
|
||||
</p>
|
||||
<p>Il suffit de sélectionner l’image précédemment créée puis de sélectionner le disque sur lequel on souhaite que l’image soit appliquée.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/10/select-disk-acronis-true-image-recovery.jpg" alt=""/></figure>
|
||||
</p>
|
||||
<p>Si l’image importée est inférieure à la taille du disque, vous aurez la surprise de pouvoir installer sans problème celle-ci. En effet, vous pouvez utiliser cette astuce afin de migrer vos données d’un disque dur à plateau vers un SSD sans contrainte.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">En résumé</h2>
|
||||
</p>
|
||||
<p>Aujourd’hui, il est très simple de réaliser des sauvegardes de <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> disque dur et de la restauration. Si vous êtes comme moi du genre à formater votre PC au moindre virus – c’est encore plus le cas si vous n’avez pas d’anti-virus. Si vous adorez retrouver la sensation de fluidité d’un Windows tout neuf, je vous conseille grandement l’utilisation d’un logiciel de sauvegarde tel qu’<strong>Acronis True Image</strong>. Pour précision, il existe une alternative libre qui s’appelle Clonezilla et qui fait sensiblement la même chose. Je n’ai pas encore eu la possibilité de tester ce petit logiciel, mais dans l’avenir cela ne serait tarder. <em> </em></p></p>
|
||||
@@ -1,90 +0,0 @@
|
||||
---
|
||||
title: "[Test] Revolut : Le compte bancaire mobile gratuit"
|
||||
date: "2017-10-03T16:49:27"
|
||||
draft: false
|
||||
slug: "revolut"
|
||||
wordpress_id: 209
|
||||
excerpt: "Qu’est-ce qu’un comte bancaire mobile ? Revolut c’est quoi ? Faut-il changer de banque ? Comment utiliser Revolut…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2017/10/revolut.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Qu’est-ce qu’un comte bancaire mobile ? Revolut c’est quoi ? Faut-il changer de banque ? Comment utiliser Revolut sur <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">Android</a> ou <a href="https://www.mistergeek.net/informatique/apple-event-2020/">iPhone</a> ? Voici notre dossier sur cette banque mobile de nouvelle generation.</p>
|
||||
</p>
|
||||
<p>Les applications bancaires sur <a href="https://www.mistergeek.net/informatique/installer-ios-beta-developpeur/">smartphone</a>, vous connaissez ? <strong>Revolut est une banque</strong>, qui propose un <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">service</a> bancaire totalement <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">gratuit</a> sur smartphone. 100% de la gestion de votre compte s’opère sur votre téléphone. J’ai pu essayer <strong>Revolut</strong> et c’est l’heure de vous donner mon avis sur cette neo-banque.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Revolut : Avoir une Mastercard gratuitement</h2>
|
||||
</p>
|
||||
<p>Revolut est une <a href="https://www.mistergeek.net/informatique/snapchat-screenshot-capture/">application</a> pour smartphone, tout en étant une <strong>banque</strong>. Cette application vous permet d’ouvrir un compte dans la zone européenne et d’avoir une <strong>Mastercard</strong> gratuitement. Tout cela sans même avoir à vérifier vos revenus. Voyons voir ensemble ce que vaut le service.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Une banque 100% mobile</h3>
|
||||
</p>
|
||||
<p>Si vous êtes un peu Geek, vous avez sûrement installé l’<strong>application de votre banque</strong>. Pour suivre votre consommation ou réaliser des opérations, c’est ce qu’il y a de plus simple. La plupart du temps ces applications sont limités à une vue de votre compte sans réelles possibilités d’opérations. Avec Revolut, vous verrez que nous pouvons tout faire depuis un smartphone. De l’ouverture à l’utilisation, tout passe par votre <a href="http://amzn.to/2yncbAL">téléphone</a>. Si vous tentez l’expérience, faites en sorte d’en avoir un bon. Vous pouvez toujours jeter un œil au Honor 8 de @Ashvin, je vous le conseille.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Revolut : Pas la seule banque mobile à se placer</h3>
|
||||
</p>
|
||||
<p>On connait les banques traditionnelles (La Banque Postale, BNP Paribas, etc.) et les banques en lignes (Monabanq, Hello Bank, etc.). Revolut, elle se classe dans la catégorie des « <strong>banques mobiles</strong>« . Ces banques ont vu le jour dans les pays émergents et arrivent aujourd’hui chez nous.</p>
|
||||
</p>
|
||||
<p>Hormis <strong>Revolut</strong> on peut citer <strong>N26</strong>, <strong>Monzo</strong> ou encore <strong>Orange Bank</strong>, – qui n’est pas encore sortie. Sur internet, on entend beaucoup parler de ces trois premières pour leur simplicités, mais d’autres commencent à avoir une certaine notoriété.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Ouvrir un compte bancaire Revolut</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="576" height="1024" src="https://mistergeek.net/wp-content/uploads/2021/03/Creer-compte-Revolut-576x1024.png" alt="" class="wp-image-3052" srcset="https://www.mistergeek.net/wp-content/uploads/2021/03/Creer-compte-Revolut-576x1024.png 576w, https://www.mistergeek.net/wp-content/uploads/2021/03/Creer-compte-Revolut-34x60.png 34w, https://www.mistergeek.net/wp-content/uploads/2021/03/Creer-compte-Revolut-169x300.png 169w, https://www.mistergeek.net/wp-content/uploads/2021/03/Creer-compte-Revolut-768x1365.png 768w, https://www.mistergeek.net/wp-content/uploads/2021/03/Creer-compte-Revolut-864x1536.png 864w, https://www.mistergeek.net/wp-content/uploads/2021/03/Creer-compte-Revolut-980x1742.png 980w, https://www.mistergeek.net/wp-content/uploads/2021/03/Creer-compte-Revolut-480x853.png 480w, https://www.mistergeek.net/wp-content/uploads/2021/03/Creer-compte-Revolut.png 1080w" sizes="auto, (max-width: 576px) 100vw, 576px" /></figure>
|
||||
</p>
|
||||
<p>Pour ouvrir un compte, il vous suffit de vous rendre sur votre place de marché favorite – entendez par là Google Play Store ou l’App Store. Une fois téléchargé, nous devons suivre quelques étapes, comme entrer une <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">carte</a> d’identité ou encore un numéro de téléphone et même prendre une photo.</p>
|
||||
</p>
|
||||
<p>Je n’ai pour l’instant jamais vu aussi simple pour ouvrir un compte. Pas de papiers à signer, pas de longe démarche, ni de visite dans établissement bancaire. C’est tellement simple qu’on se demande pourquoi ça n’existait pas avant.</p>
|
||||
</p>
|
||||
<p>Une fois lancée, l’application nous demande notre numéro – pour vérifier notre identité -, nos informations et un code PIN – pour éviter les accès non désirés. Passé tout cela, nous avons droit à une jolie présentation de l’application, ainsi que de ses possibilités.</p>
|
||||
</p>
|
||||
</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">L’application bancaire la plus poussée du marché</h3>
|
||||
</p>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="576" height="1024" src="https://mistergeek.net/wp-content/uploads/2021/03/Solde-Revolut-576x1024.png" alt="" class="wp-image-3049" srcset="https://www.mistergeek.net/wp-content/uploads/2021/03/Solde-Revolut-576x1024.png 576w, https://www.mistergeek.net/wp-content/uploads/2021/03/Solde-Revolut-34x60.png 34w, https://www.mistergeek.net/wp-content/uploads/2021/03/Solde-Revolut-169x300.png 169w, https://www.mistergeek.net/wp-content/uploads/2021/03/Solde-Revolut-768x1365.png 768w, https://www.mistergeek.net/wp-content/uploads/2021/03/Solde-Revolut-864x1536.png 864w, https://www.mistergeek.net/wp-content/uploads/2021/03/Solde-Revolut-980x1742.png 980w, https://www.mistergeek.net/wp-content/uploads/2021/03/Solde-Revolut-480x853.png 480w, https://www.mistergeek.net/wp-content/uploads/2021/03/Solde-Revolut.png 1080w" sizes="auto, (max-width: 576px) 100vw, 576px" /></figure>
|
||||
</p>
|
||||
<p>Sur Revolut, depuis l’écran principal vous pouvez voir votre solde, vérifier vos transactions et créditer votre compte.</p>
|
||||
</p>
|
||||
<p>Vous pouvez même récupérer des factures – on ne sait jamais s’il arrivait qu’on ait besoin d’en faire, cela est toujours utile.</p>
|
||||
</p>
|
||||
<p>Pour faire simple, le premier onglet est un onglet de synthèse. On y retrouve l’essentiel des activités passées sur <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> compte – ou « ses » comptes – dans le cas où vous en auriez plusieurs. Outre cela, on retrouve les statistiques, une vue d’ensemble de ses cartes et ses comptes de diverses devises.</p>
|
||||
</p>
|
||||
<p>La Mastercard Revolut</p>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_9508"><img decoding="async" src="/content/images/wordpress/2017/10/IMG_1313_DxO.jpg" alt="" class="wp-image-9508"/><figcaption>J’aurais préféré prend une photo de ma carte avec un <a href="https://www.mistergeek.net/informatique/tuto-comment-afficher-les-dossiers-caches-sur-mac/">Mac</a>, mais on ne peut pas tout avoir…</figcaption></figure>
|
||||
</p>
|
||||
<p>Qui dit compte bancaire, dit également carte bancaire. Et Revolut, nous livre ici une Mastercard – pas black malheureusement. Elle peut-être utilisé pour des retraits, pour des achats (avec ou sans contact) et également des paiements sur internet. En clair, on dispose de tout les avantages du <a href="https://www.mistergeek.net/vpn/nordvpn/">réseau</a> Mastercard.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="576" height="1024" src="https://mistergeek.net/wp-content/uploads/2021/03/revolut-securite-carte-bancaire-576x1024.png" alt="" class="wp-image-3051" srcset="https://www.mistergeek.net/wp-content/uploads/2021/03/revolut-securite-carte-bancaire-576x1024.png 576w, https://www.mistergeek.net/wp-content/uploads/2021/03/revolut-securite-carte-bancaire-34x60.png 34w, https://www.mistergeek.net/wp-content/uploads/2021/03/revolut-securite-carte-bancaire-169x300.png 169w, https://www.mistergeek.net/wp-content/uploads/2021/03/revolut-securite-carte-bancaire-768x1365.png 768w, https://www.mistergeek.net/wp-content/uploads/2021/03/revolut-securite-carte-bancaire-864x1536.png 864w, https://www.mistergeek.net/wp-content/uploads/2021/03/revolut-securite-carte-bancaire-980x1742.png 980w, https://www.mistergeek.net/wp-content/uploads/2021/03/revolut-securite-carte-bancaire-480x853.png 480w, https://www.mistergeek.net/wp-content/uploads/2021/03/revolut-securite-carte-bancaire.png 1080w" sizes="auto, (max-width: 576px) 100vw, 576px" /></figure>
|
||||
</p>
|
||||
<p>Après plusieurs essais, je n’ai rien à redire de cette carte. Petit bonus, lorsqu’on réalise une transaction, elle s’affiche en temps réel sur l’application. Et nous avons même droit à une notification lorsqu’on l’utilise. À tout moment il est possible de changer le code PIN de la carte, donc si on l’oublie, ce n’est pas très grave. Nous pouvons même la bloquer et la réactiver plus tard.</p>
|
||||
</p>
|
||||
<p>Il y a là beaucoup d’avantages à posséder un compte bancaire 100% mobile.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading">Des cartes virtuelles</h4>
|
||||
</p>
|
||||
<p>En plus d’une carte physique Mastercard, nous pouvons également profiter de cartes virtuelles. Ces cartes peuvent servir pour des achats sur internet par exemple ou la création de compte Paypal.</p>
|
||||
</p>
|
||||
<p>Nous pouvons grâce aux cartes virtuelles, avoir une carte pour <a href="https://mistergeek.net/internet/streaming/test-amazon-prime-video-concurrent-alternatif-a-netflix-nos-avis/">Amazon</a>, une autre pour Netflix et une dernière pour <a href="/cryptomonnaie">acheter des Bitcoins</a>.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading">Le compte bancaire derrière Revolut</h4>
|
||||
</p>
|
||||
<figure class="wp-block-image wp-caption alignnone" id="attachment_9509"><img decoding="async" src="/content/images/wordpress/2017/10/IMG_1307_DxO.jpg" alt="" class="wp-image-9509"/><figcaption>On peut l’avouer, la Mastercard de Revolut en jette pas mal !</figcaption></figure>
|
||||
</p>
|
||||
<p>Si on fait abstraction de la partie application de Revolut, on a finalement affaire à un compte tout ce qu’il y a de plus lambda. On dispose d’un en effet d’un <strong>RIB</strong> – et même de plusieurs et cela en <strong>différentes devises</strong>. Si vous <a href="https://mistergeek.net/internet/partenariat/comment-gagner-de-largent-sur-internet/">gagnez de l’argent sur internet</a> vous pouvez espérer l’encaisser sur votre compte Revolut.. En effet, pour alimenter son compte il faut passer par la case <strong>virement</strong> – ce que je vous conseille de faire – ou « payer » en utilisant une autre <strong>carte bancaire</strong>.</p>
|
||||
</p>
|
||||
<p>En soit, le compte <strong>Revolut</strong> n’a rien de particulier. On peut noter la présence de peu de frais et les échanges de monnaies instantanées. Le compte se comporte comme n’importe quel autre compte et peut être utilisé dans la vie quotidienne. L’avantage du suivi temps réel de nos dépenses est un plus, car on pourrait éventuellement mieux maitriser sa consommation.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading">Revolut c’est pour qui ?</h4>
|
||||
</p>
|
||||
<p>Avant tout du fait des taux de changes très faibles (voir inexistants), Revolut s’adresse aux voyageurs. Si vous faites souvent des allers-retour Paris-Londres, ce compte bancaire vous aidera à faire des économies.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">En résumé</h3>
|
||||
</p>
|
||||
<p>Revolut est une bonne alternative aux comptes bancaires lambda. Si vous avez un interdit et une rentrée d’argent il peut éventuellement être utile. Cette banque et cette carte peut s’avérer alors très utile si vous voyagez beaucoup.</p>
|
||||
</p>
|
||||
<p>Vous aussi vous avez craqué pour Revolut ? Faites le nous savoir en commentaire.</p></p>
|
||||
@@ -1,30 +0,0 @@
|
||||
---
|
||||
title: "Sleep Cycle Alarm Clock : Mieux dormir grâce à son smartphone"
|
||||
date: "2017-10-27T10:05:17"
|
||||
draft: false
|
||||
slug: "sleep-cycle-alarm-clock-mieux-domir-grace-a-son-smartphone"
|
||||
wordpress_id: 218
|
||||
excerpt: "Vous faites peut-être partie de ceux, qui utilisent leur smartphone pour se réveiller, vous apprécierez sûrement Sleep Cycle…\n"
|
||||
featured_image: ""
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
<p><!--kg-card-begin: html--></p>
|
||||
<p>Vous faites peut-être partie de ceux, qui utilisent leur smartphone pour se réveiller, vous apprécierez sûrement Sleep Cycle Alarm Clock. Cette <a href="https://www.mistergeek.net/informatique/snapchat-screenshot-capture/">application</a> permet de contrôler <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> sommeil et d’avoir un récapitulatif sa nuit.</p>
|
||||
<h1>Sleep Cycle Alarm Clock : passer une bonne nuit ne sera plus un défi</h1>
|
||||
<p>Sleep Cycle Alarm Clock est une application pour <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">Android</a> et <a href="https://www.mistergeek.net/informatique/installer-ios-beta-developpeur/">iOS</a> qui permet de garder un œil sur ses nuits de sommeil. Au premier abord il va falloir mettre en place un étalonnage. Pour cela il va falloir dormir au moins 5 nuits avec son téléphone avant d’avoir de réelles données. Passé ces cinq premières nuits, vous serez en mesure de savoir à quel moment il est plus approprié pour vous de dormir et de vous réveiller.</p>
|
||||
<h2>Sleep Cycle Alarm Clock c’est quoi ?</h2>
|
||||
<p>L’application s’installant sur votre smartphone, il est à placer sous votre oreiller lorsque vous dormez. Effectivement cela peut paraître dangereux d’avoir son téléphone à côté de soit quand on dort, mais le mode avion est présent pour palier à ce problème.</p>
|
||||
<figure id="attachment_9683" class="wp-caption alignnone" style="width: 169px;" aria-describedby="caption-attachment-9683"><img loading="lazy" decoding="async" class=" td-modal-image wp-image-9683 size-medium" src="/content/images/wordpress/2017/10/Screenshot_2017-10-27-08-23-27-169x300.png" sizes="auto, (max-width: 169px) 100vw, 169px" srcset="/content/images/wordpress/2017/10/Screenshot_2017-10-27-08-23-27-169x300.png 169w, /content/images/wordpress/2017/10/Screenshot_2017-10-27-08-23-27-768x1365.png 768w, /content/images/wordpress/2017/10/Screenshot_2017-10-27-08-23-27-576x1024.png 576w, /content/images/wordpress/2017/10/Screenshot_2017-10-27-08-23-27-696x1237.png 696w, /content/images/wordpress/2017/10/Screenshot_2017-10-27-08-23-27-1068x1899.png 1068w, /content/images/wordpress/2017/10/Screenshot_2017-10-27-08-23-27-236x420.png 236w, /content/images/wordpress/2017/10/Screenshot_2017-10-27-08-23-27.png 1080w" alt="Graphique de nuit de sommeil de Sleep Cycle Alarm Clock" width="169" height="300" /><figcaption id="caption-attachment-9683" class="wp-caption-text">Je devrais penser à dormir un peu plus…</figcaption></figure>
|
||||
<p>Lors de vos nuits, votre smartphone va récupérer des données sur vous, grâce aux différents capteurs présents. Lorsque vous bougez, l’application est capable d’analyser votre sommeil et d’en déterminer sa profondeur. Et sachez, que même sur mon vieux Wiko Fever 4G, l’application fonctionne parfaitement.</p>
|
||||
<p><img loading="lazy" decoding="async" class="alignnone wp-image-9681 size-medium" src="/content/images/wordpress/2017/10/sleep-cycle-alarm-clock-169x300.png" sizes="auto, (max-width: 169px) 100vw, 169px" srcset="/content/images/wordpress/2017/10/sleep-cycle-alarm-clock-169x300.png 169w, /content/images/wordpress/2017/10/sleep-cycle-alarm-clock-236x420.png 236w, /content/images/wordpress/2017/10/sleep-cycle-alarm-clock.png 506w" alt="" width="169" height="300" /></p>
|
||||
<p>Sleep Cycle Alarm Clock propose des graphiques complet de vos nuits, en vous livrant des informations essentielles. On retrouve par exemple sa meilleure nuit, la pire et le temps moyen que vous passez le soir à dormir.</p>
|
||||
<p><img loading="lazy" decoding="async" class=" td-modal-image alignnone wp-image-9682 size-medium" src="/content/images/wordpress/2017/10/Screenshot_2017-10-27-08-23-07-169x300.png" sizes="auto, (max-width: 169px) 100vw, 169px" srcset="/content/images/wordpress/2017/10/Screenshot_2017-10-27-08-23-07-169x300.png 169w, /content/images/wordpress/2017/10/Screenshot_2017-10-27-08-23-07-768x1365.png 768w, /content/images/wordpress/2017/10/Screenshot_2017-10-27-08-23-07-576x1024.png 576w, /content/images/wordpress/2017/10/Screenshot_2017-10-27-08-23-07-696x1237.png 696w, /content/images/wordpress/2017/10/Screenshot_2017-10-27-08-23-07-1068x1899.png 1068w, /content/images/wordpress/2017/10/Screenshot_2017-10-27-08-23-07-236x420.png 236w, /content/images/wordpress/2017/10/Screenshot_2017-10-27-08-23-07.png 1080w" alt="Reveil de Sleep Cycle Alarm Clock" width="169" height="300" /></p>
|
||||
<p>Même si le tracking de données est une fonctionnalité intéressante dans Sleep Cycle, l’essentiel est surtout le réveil. Vous définissez l’heure à laquelle vous souhaitez sortir du lit et l’application se chargera de vous réveiller lorsque que vous êtes le plus actif. Ainsi, après une soirée à regarder Netflix ou à jouer à ESO, vous vous réveillerez en pleine forme.</p>
|
||||
<h3>Où télécharger Sleep Cycle ?</h3>
|
||||
<p>Comme j’ai pu le mentionner au-dessus, l’application est disponible sur Android et sur iOS. Naturellement, vous pouvez récupérer le tout sur le Google Play Store pour la version Android et sur l’App Store pour la version iOS. Vous pouvez évidement la retrouver sur Blackmart – un marché alternatif dont j’ai fait la présentation dans un ancien article. Aujourd’hui l’application a changé de modèle économique et est gratuite, mais propose des achats intégrés. Petite remarque les anciennes versions sont à paiement ponctuels, donc pas d’achat à l’intérieur.</p>
|
||||
<h2>En résumé</h2>
|
||||
<p>J’utilise Sleep Cycle Alarm Clock depuis quelques jours déjà et je vous le conseille grandement. Il m’a permis d’améliorer mes nuits, de contrôler mon sommeil et surtout de me sentir moins fatigué. Surtout après plusieurs heures de live sur la chaîne <a href="https://www.mistergeek.net/informatique/configurer-obs-streaming/">Twitch</a> le soir.</p>
|
||||
<p><!--kg-card-end: html--></p>
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
title: "Objets connectés : sont-ils réellement sûrs ?"
|
||||
date: "2017-11-05T21:16:00"
|
||||
draft: false
|
||||
slug: "objets-connecte-vulnerable"
|
||||
wordpress_id: 225
|
||||
excerpt: "Cela fait déjà quelques années qu’on les trouve dans notre quotidien et, comme le prédisaient les experts, leur…\n"
|
||||
featured_image: ""
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p><strong>Cela fait déjà quelques années qu’on les trouve dans notre quotidien et, comme le prédisaient les experts, leur nombre ne fait que croître de manière exponentielle. Qu’il s’agisse d’une <a href="https://www.mistergeek.net/informatique/lens-instagram-apple-watch/">montre</a> comme celles que nous vous présentions ici, d’un bracelet, d’une enceinte ou même d’une ampoule, les objets connectés sont partout et la tendance ne devrait pas disparaître. Mais si ceux-ci semblent de plus en plus acceptés au quotidien, sont-ils pour autant sûrs à 100 % et doit-on leur faire totalement confiance ?</strong></p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Comment fonctionne un objet connecté ?</h2>
|
||||
</p>
|
||||
<p>Concrètement, et même si beaucoup d’entre vous le savent déjà, un <strong>objet connecté</strong> ne diffère que très peu de <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> homologue ordinaire, si ce n’est qu’il intègre des capteurs dont le but est de <strong>connecter des données précises de manière régulière</strong> puis de le faire communiquer afin de pouvoir utiliser ces informations. Pour cela, on se base généralement sur une infrastructure <a href="https://www.mistergeek.net/informatique/ipv6-serveur-scaleway-dedibox/">serveur</a> et sur le <strong><a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">smartphone</a></strong> de l’utilisateur. Pour cela, votre <strong>objet connecté</strong> va utiliser plusieurs réseaux parmi ceux existants que vous pouvez retrouver listés <a href="https://www.1and1.fr/digitalguide/serveur/know-how/les-types-de-reseaux-informatiques-a-connaitre/">dans cet article du Digital Guide de 1and1</a>, à commencer par un réseaux local pour communiquer avec le <strong>smartphone</strong>, qui lui servira généralement de relais pour communiquer avec le serveur ensuite.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Une sécurité qui laisse à désirer ?</h2>
|
||||
</p>
|
||||
<p>Cependant, et comme l’explique très bien <a href="http://www.journaldunet.com/solutions/expert/64225/insecurite-des-objets-connectes----comment-conjuguer-l-iot-et-la-securite.shtml">cet article du Journal Du Net</a>, la forte croissance de <strong>l’IoT</strong> et des <strong>objets connectés</strong> est tellement rapide que les constructeurs semble faire l’impasse sur leur <a href="https://www.mistergeek.net/vpn/nordvpn/">sécurité</a>, si bien que l’on entend de plus en plus parler de failles et d’attaques les concernant.</p>
|
||||
</p>
|
||||
<p>Si une des plus connues, <strong>Mirai</strong>, a largement fait parler d’elle en infectant et en utilisant un réseau important d’objets connectés pour lancer une attaque <strong>DDoS</strong> de grande ampleur qui a touché de grands noms comme<strong> Netflix, Twitter</strong> ou encore <strong>Dyn</strong> ; c’est vers un tout autre risque que les utilisateurs devraient être prudents. En effet, à l’aide d’une simple faille, les <strong>objets connectés</strong> peuvent rapidement devenir une porte d’entrée à la totalité de votre réseau. Si le vol de données sur votre exercice physique peut sembler cocasse et inutile à première vue, il en est tout autrement lorsque votre <strong>objet connecté</strong> se retourne contre vous et permet à une personne mal attentionnée d’accéder à votre ordinateur et tous vos appareils. Si ce scénario est encore de l’ordre de la spéculation, les différents progrès de spécialistes de la sécurité informatique tendent à nous prouver qu’il s’agit d’une possibilité de plus en plus proche.</p></p>
|
||||
@@ -1,55 +0,0 @@
|
||||
---
|
||||
title: "Scaleway : test et avis du cloud Français"
|
||||
date: "2017-11-21T20:40:51"
|
||||
draft: false
|
||||
slug: "scaleway-test-cloud"
|
||||
wordpress_id: 230
|
||||
excerpt: "Scaleway est le nouveau nom d’Online.net, qui fait partie du groupe Illiad (Free). Il s’agit d’un prestataire de…\n"
|
||||
featured_image: ""
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Scaleway est le nouveau nom d’Online.net, qui fait partie du groupe Illiad (Free). Il s’agit d’un prestataire de datacenter, d’hébergement de serveurs et de données. </p>
|
||||
</p>
|
||||
<p>En tant que <a href="https://www.mistergeek.net/informatique/installer-ios-beta-developpeur/">développeur</a> il m’arrive d’avoir besoin de monter une <strong>VM</strong> de temps en temps. Aujourd’hui j’ai pu découvrir <strong>Scaleway</strong>, le <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">service</a> cloud d’<strong>Online.net</strong> sur lequel je peux déployer des machines virtuelles. Grâce à une <strong>VM</strong> je peux vérifier le fonctionnement de mon code en environnement de production. En utilisant Docker par exemple, je peux m’assurer que tout tourne bien et que mon nouveau code ne régresse pas. <span style="font-size: 12pt;"><br /></span></p>
|
||||
</p>
|
||||
<p><div id="ez-toc-container" class="ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction">
|
||||
<p class="ez-toc-title" style="cursor:inherit">Table of Contents</p>
|
||||
<label for="ez-toc-cssicon-toggle-item-68a33a6b2d2d6" class="ez-toc-cssicon-toggle-label"><span class=""><span class="eztoc-hide" style="display:none;">Toggle</span><span class="ez-toc-icon-toggle-span"><svg style="fill: #999;color:#999" xmlns="http://www.w3.org/2000/svg" class="list-377408" width="20px" height="20px" viewBox="0 0 24 24" fill="none"><path d="M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z" fill="currentColor"></path></svg><svg style="fill: #999;color:#999" class="arrow-unsorted-368013" xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24" version="1.2" baseProfile="tiny"><path d="M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z"/></svg></span></span></label><input type="checkbox" id="ez-toc-cssicon-toggle-item-68a33a6b2d2d6" aria-label="Toggle" /><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-1" href="https://www.mistergeek.net/informatique/scaleway-test-cloud/#Scaleway_le_cloud_pour_developpeur" >Scaleway le cloud pour développeur</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-2" href="https://www.mistergeek.net/informatique/scaleway-test-cloud/#Prise_en_main" >Prise en main</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-3" href="https://www.mistergeek.net/informatique/scaleway-test-cloud/#Le_deploiement_de_serveurs_avec_Scaleway" >Le déploiement de serveurs avec Scaleway</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-4" href="https://www.mistergeek.net/informatique/scaleway-test-cloud/#Creer_une_nouvelle_machine_virtuelle" >Créer une nouvelle machine virtuelle</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-5" href="https://www.mistergeek.net/informatique/scaleway-test-cloud/#Le_prix_et_les_services_de_Scaleway" >Le prix et les services de Scaleway</a></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-6" href="https://www.mistergeek.net/informatique/scaleway-test-cloud/#En_resume" >En résumé</a></li></ul></nav></div>
|
||||
|
||||
</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="Scaleway_le_cloud_pour_developpeur"></span>Scaleway le cloud pour développeur<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<p>Scaleway, qui joue dans la même cour qu’<strong>Heroku</strong> et <strong>DigitalOcean</strong> compte les concurrencer en proposant des services peu couteux. Et en y ajoutant des serveurs et des SoC à processeur ARM, on ne se retrouve avec non plus qu’avec des VM. Il est également possible de louer un système à configuration ARM montés spécialement pour l’occasion.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Prise_en_main"></span>Prise en main<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p><img decoding="async" src="/content/images/wordpress/2017/11/inscription-scaleway-150x150.png" alt=""></p>
|
||||
</p>
|
||||
<p>Au départ, j’imaginais devoir comme avec <strong>AWS</strong> passer par des procédures de validation d’adresse et de <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">carte</a> bancaire. Il s’avère en fait, que sur Scaleway ce n’est pas du tout le cas. L’inscription se passe sans frustration et surtout la procédure d’inscription est très simple. Une adresse <a href="https://www.mistergeek.net/informatique/protonmail-et-tutanota-sur-windows-linux-ou-mac/">email</a>, une validation et le tour est joué. Une fois connecté, on vous demande alors vos informations d’identité et carte de crédit pour passer par la case payement. L’administratif terminé au bout de 2min50s, je peux enfin travailler.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Le_deploiement_de_serveurs_avec_Scaleway"></span>Le déploiement de serveurs avec Scaleway<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/11/scaleway-nouveau-serveur-provisioning-1024x515.png" alt=""/></figure>
|
||||
</p>
|
||||
<p>Sur le tableau principal du de Scaleway, vous retrouvez l’intégralité de vos services actifs et inactifs, ainsi que vos volumes. On a très vite un point de vue d’ensemble sur ce qu’on a mis en place et les plus pointilleux seront ravis de voir qu’ils ont un contrôle total sur leurs machines. Autre avantage, doté de deux datacenters, vous pouvez héberger vos machines dans celui que vous souhaitez. J’ai naturellement choisi l’endroit le mieux adapté à mes besoins, à savoir en France, afin de profiter d’un meilleur peering vers celui-ci.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Creer_une_nouvelle_machine_virtuelle"></span>Créer une nouvelle machine virtuelle<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p><img decoding="async" src="/content/images/wordpress/2017/11/creation-vm-scaleway-960x1024.png" alt="">En cliquant sur un simple bouton, on accède à la page de création de VM. Et en quelques secondes on peut s’y connecter et commencer à mettre en place ses applications. Vous avez bien sûr le choix entre plusieurs distributions et selon vos goûts et préférences. Au besoin, il est même possible de créer sa propre image et installer d’office ses propres applications. Pour que votre VM puisse démarrer, il vous faudra ajouter une <a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">clé</a> publique SSH. Sans cela, il est impossible d’avoir accès à distance à votre VM. Prenez le temps d’en générer une en utilisant Puttygen (ou autre) et surtout de ne pas la perdre. <img decoding="async" src="/content/images/wordpress/2017/11/administration-vm-demarrage-scaleway-1-1024x680.png" alt="">Une fois la VM démarrée, on peut accéder directement à la console depuis l’interface web. Ici pas de mauvaise surprise, on ne retrouve que l’essentiel – encore une fois. <img decoding="async" src="/content/images/wordpress/2017/11/scaleway-install-vpn.png" alt="">En ouvrant Putty – mon client de connexion de console SSH -, en entrant l’adresse IP de la VM et ma clé privée, me connecte sans accroc. Je constate que les commandes sont rapides et que 2 vCPU suffisent amplement à mes besoins de développeurs. Lancer une petite <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">application</a> <span style="color: blue; text-decoration: underline;">Ruby</span> ou <strong>PHP</strong> – ou même de n’importe quel autre langage d’ailleurs – cela ne nécessite pas beaucoup de ressources. Pour du développement donc, la première des machines et la moins cher remplie très bien sa fonction. Autre précision, s’il y a des Gamers parmi vous, sachez qu’il est possible de lancer un <a href="https://www.mistergeek.net/informatique/ipv6-serveur-scaleway-dedibox/">serveur</a> <strong>Counter-Strike</strong> ou même <strong>Minecraft</strong> à très petit prix sur <strong>Scaleway</strong>. En effet le payement à l’heure est possible facilite beaucoup de choses.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Le_prix_et_les_services_de_Scaleway"></span>Le prix et les services de Scaleway<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/11/prix-scaleway-serveur-vm-cloud-1024x463.png" alt=""/></figure>
|
||||
</p>
|
||||
<p><strong>Scaleway</strong> est très abordable en matière de fournisseur de services. Nous n’avons pas ici de serveur dédié, ou en tout cas, pas d’énormes. Si vous souhaitez « scale », évidemment il est possible de prendre les offres supérieures, qui sont forcément plus chères. À partir de 3€ par mois, vous avez droit à une VM connecté à un réseau de 200Mbps – qui plus est illimité. Le stockage y est de 50Go, mais généralement le code base réalisé par un développeur indépendant est rarement aussi lourd. L’évolutivité est bien sûr possible. Côté réseau, on peut même créer un réseau privé, dans lequel on peut loger ses VMs et n’exposer qu’une seule IP à internet. Côté <a href="https://www.mistergeek.net/vpn/nordvpn/">sécurité</a> cette fonction est très appréciable. On imagine facilement n’exposer que l’adresse de <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> serveur web et planquer son serveur de base de données derrière un pare-feu.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="En_resume"></span>En résumé<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<p>J’approuve intégralement Scaleway. Je viens tout juste d’éteindre la VM que j’avais provisionnée ce matin afin de réaliser un <a href="https://www.mistergeek.net/vpn/purevpn/">VPN</a> et cela ne m’a coûté que 4 centimes d’euro. Côté gestion l’interface – vous l’aurez compris – est simple et possède toutes les fonctions qu’on peut attendre. En clair, j’approuve totalement Scaleway si vous souhaitez déployer de petites applications en tant que développeur lambda ou même en tant que startup.</p>
|
||||
</p>
|
||||
<p>Scaleway dispose tout comme AWS, Heroku et j’en passe, d’une API. Lorsque vous l’utilisez, vous pouvez provisionner des nœuds à la demande, par exemple. On peut imaginer monter son propre <a href="https://www.mistergeek.net/jeu-video/tuto-serveur-minecraft-raspberry-pi/">serveur Minecraft pour héberger ses propres parties de jeux vidéo en ligne</a>.</p></p>
|
||||
@@ -1,59 +0,0 @@
|
||||
---
|
||||
title: "[Tuto] Comment désactiver la mise à jour automatique de Windows 10"
|
||||
date: "2018-01-28T15:39:08"
|
||||
draft: false
|
||||
slug: "desactiver-mises-a-jour-windows-update-windows-10"
|
||||
wordpress_id: 249
|
||||
excerpt: "Cet article sera court. Il s’agit ici de vous montrer une astuce afin de ne plus recevoir les…\n"
|
||||
featured_image: ""
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Cet article sera court. Il s’agit ici de vous montrer une astuce afin de ne plus recevoir les mises à jour sur <a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">Windows</a> 10. Alors que je suis pleinement satisfait de mon <em>workflow</em> Windows 10, il m’arrive de recevoir des mises à jour qui ne sont pas désirées. <strong>Je vais donc vous montrer comment désactiver Windows Update.</strong></p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Windows 10 : des mises à jour non voulues</h2>
|
||||
</p>
|
||||
<p>Mon PC est par définition peu performant. Âgé déjà de trois ans, mon humble PC portable HP n’a qu’un Intel i3 montant à 1,9GHz au maximum, 6Go de RAM et un <a href="http://amzn.to/2nlG3oX" target="_blank" rel="noreferrer noopener nofollow">SSD que j’ai pu acheter sur le net</a> ainsi qu’une NVIDIA GT 820m. En clair, mon PC n’a rien d’une foudre de guerre.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Windows 10 ou Windows 8, il faut choisir</h2>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/01/windows-update-mise-a-jour-1024x768.png" alt=""/><figcaption>Windows insiste parfois beaucoup sur les mises à jour</figcaption></figure>
|
||||
</p>
|
||||
<p>Windows 8 est bien, mais peu agréable à utiliser. Il m’assure un nombre de <a href="https://www.mistergeek.net/informatique/comparatif-souris-gamer/">FPS</a> stable sur <em>Counter-Strike: Global Offensive</em>, mais n’est pas très pratique – d’un avis personnel. Windows 10 est beaucoup plus récent et couple une <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">interface</a> proche de celle de Windows 7 tout en y intégrant les applications Metro.</p>
|
||||
</p>
|
||||
<p>Selon la mise à jour que j’utilise Windows 10 peut-être plus ou moins performant sur mon PC. Sur les dernières mises à jour par exemple, l’OS a du mal à gérer mes deux cartes graphiques. Lorsque je lance un jeu, seul la carte Intel – l’<em>iGPU</em> – est activée. Dans les jeux, mes FPS en prennent donc un coup.</p>
|
||||
</p>
|
||||
<p>J<strong>‘alterne souvent entre Windows 10 et Windows 8.</strong> Disposant d’une licence pour les deux, je me suis permis de créer des images disques. Heureusement <a href="https://www.mistergeek.net/informatique/acronis-true-image/">Acronis True Image</a> est là pour ça.</p>
|
||||
</p>
|
||||
<p>Au moment où je rédige cet article, je suis sur Win10 et pour le moment tout va bien. Mes pilotes sont à jour et les performances présentes. Ce qui me fait très peur ce sont les prochaines <em>updates</em>.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Bloquer Windows Update par DWS</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/01/desactiver-windows-update-windows-10-dws-lite.png" alt=""/></figure>
|
||||
</p>
|
||||
<p>Pour bloquer les mises à jour il faut arrêter le <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">service</a> qui s’en charge. Pour ne pas me casser la tête, l’utilitaire que j’ai choisi est tout simplement DWS lite. Il s’agit du même logiciel, qui permet de bloquer les différentes <em>trackers</em> de l’OS de Microsoft.</p>
|
||||
</p>
|
||||
<p>Je ne m’attarde pas sur les fonctionnalités offertes par DWS. Internet regorge de documentation et d’aide pour supprimer les mouchards.</p>
|
||||
</p>
|
||||
<p>Télécharger DWS Lite : https://github.com/Nummer/Destroy-Windows-10-Spying/releases</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Wu10MAN</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/08/wu10man-bloquer-update-windows.png" alt="" class="wp-image-11228"/><figcaption>Wu10MAN est simple et efficace.</figcaption></figure>
|
||||
</p>
|
||||
<p>Il existe de nombreux logiciels spécialisés pour stopper les mises à jour de Windows. Il y en a un que j’ai découvert et qui est disponible également gratuitement sur GitHub. <strong>Wu10MAN</strong> c’est <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> nom, il permet de désactiver les services, bloquer les domaines de <strong>Windows Update</strong> et gérer les « stratégies de groupe ». Le logiciel se présente avec une interface simple et permet en quelques clics de se débarrasser des mises à jour.7</p>
|
||||
</p>
|
||||
<p>Vous pouvez télécharger Wu10MAN à l’adresse suivante : <a href="https://github.com/WereDev/Wu10Man/releases" target="_blank" rel="noreferrer noopener nofollow">https://github.com/WereDev/Wu10Man/releases</a></p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">En résumé</h2>
|
||||
</p>
|
||||
<p>Windows 10 et ses mises à jour, qui ne sont pas désactivables ça m’embête. Pour pallier à cela, des logiciels existent et ils font très bien leur travail. DWS Lite, qui est un logiciel anti-mouchard bloque aussi les mises à jour de Windows 10.</p>
|
||||
</p>
|
||||
<p>Un vrai <a href="https://www.mistergeek.net/informatique/comparatif-clavier-gamer/">Gamer</a> se doit d’utiliser ce soft, s’il ne veut pas être déconnecté en plein Stream par exemple.</p>
|
||||
</p>
|
||||
<p>Remarque : Ne pas mettre à jour son Windows peut être dangereux. Vous laissez par exemple des failles ouvertes. Prenez donc vos responsabilités en ce sens.</p>
|
||||
</p>
|
||||
<p>EDIT du 18/08/2018 : Ajout Wu10MAN</p></p>
|
||||
@@ -1,38 +0,0 @@
|
||||
---
|
||||
title: "Comment produire du LaTeX depuis Markdown ?"
|
||||
date: "2018-01-10T17:26:07"
|
||||
draft: false
|
||||
slug: "markdown-latex-pandoc"
|
||||
wordpress_id: 242
|
||||
excerpt: "Je viens vous présenter aujourd’hui Pandoc, un logiciel permettant de créer des documents sans se soucier du style…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2018/01/markdown-vers-latex.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
<p><!--kg-card-begin: html--></p>
|
||||
<p>Je viens vous présenter aujourd’hui <strong>Pandoc</strong>, un logiciel permettant de créer des documents sans se soucier du style visuel en utilisant <strong>Markdown</strong>. Il m’arrive souvent de rédiger des documents, mais qui dit rédaction dit aussi logiciel de traitement de texte. Naturellement, nous pensons à la suite office de Microsoft avec <strong>Word</strong> ou encore <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> alternative libre, <strong>LibreOffice</strong> – voire <strong>OpenOffice</strong>. Également réputé, mais dans le domaine scientifique, <strong>Latex</strong> est principalement utilisé pour la rédaction de thèses ou de livres blancs. <strong>Pandoc</strong> lui est un convertisseur supportant de nombreux formats dont le rendu au travers de moteurs Latex. <span style="font-size: 12pt;"><br />
|
||||
</span></p>
|
||||
<h2>Écrire des documents Latex en Markdown</h2>
|
||||
<p>Développé par John Gruber en 2004, c’est un langage de balisage léger dont la particularité est d’être facile à lire et à écrire. Le Markdown a connu sa popularité grâce à GitHub qui en a fait le langage de référence pour les documentations et son wiki.</p>
|
||||
<h2>Latex, le langage pour la rédaction de documents</h2>
|
||||
<p><img decoding="async" src="/content/images/wordpress/2018/01/latex-document-markdown.png" alt="" /></p>
|
||||
<p>Pour un néophyte, Latex peut être difficile à appréhender. Si bien qu’il nécessite plusieurs heures de préparation afin d’avoir des documents dignes de ce nom. Il permet surtout de s’affranchir de pas mal de problèmes tel que la mise en forme de ses titres, numérotation, etc. Des problèmes sur lesquels on pourrait passer plusieurs minutes – et même heures – sur Word. Avantage également à <strong>Latex</strong>, celui-ci est <strong>pérenne</strong>. Ce que l’on écrit en Latex est stocké sous forme de fichiers texte. Un document que vous auriez écrit au début de la décennie serait encore lisible aujourd’hui. Pour information, Word utilise un format à base de métafichier – comparable à un zip – et sauvegarde le tout avec du XML.</p>
|
||||
<h3>Une courbe d’apprentissage difficile</h3>
|
||||
<p>Apprendre Latex nécessite du temps et de l’attention. À mes débuts avec Latex, j’étais complètement perdu. Développé pour des langues anglo-saxonnes, il me paraissait ridicule au début de devoir ajouter des instructions afin d’utiliser des accents – jusqu’à ce que je découvre les paquets. Il me fallait chercher sur le web afin de connaitre les tags existants et leurs fonctions. Un processus long et fastidieux, qui une fois maîtrisé et aidé par un éditeur (<strong>TexMaker</strong>, <strong>TexStudio</strong>, <strong>Visual Studio Code</strong>…) devient bien plus simple.</p>
|
||||
<h2>Utiliser Markdown pour remplacer Latex</h2>
|
||||
<p>Outre le fait d’être très populaire chez les programmeurs, Markdown commence à se faire une réputation auprès des scientifiques. L’aspect simpliste de ce langage permet en effet de l’utiliser pour créer des documents PDF de qualité sans avoir à connaitre Latex. À vous les joies du moteur d’équation de Latex avec les avantages du Markdown. Markdown est souple, simple et rapide. Un petit coup d’œil sur la documentation permet de comprendre très simplement le fonctionnement du langage et de nombreux éditeurs existent sur <a href="https://www.mistergeek.net/informatique">Internet</a>. Même WordPress s’est mis au <strong>Markdown avec Jetpack</strong> et je m’y suis même pris au jeu en rédigeant quelques articles, de-ci de-là. Travaillant le plus clair de mon temps sur Windows, je vous <a href="https://www.mistergeek.net/informatique/lens-instagram-apple-watch/">montre</a> ici comment mettre en place une pile avec Latex et Pandoc. Il est à noter que les mêmes manipulations sont à effectuer si vous êtes <a href="https://www.mistergeek.net/informatique/tuto-comment-afficher-les-dossiers-caches-sur-mac/">Mac</a> ou <a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">Linux</a>.</p>
|
||||
<h3>Utiliser Pandoc et Miktex pour rédiger en Markdown</h3>
|
||||
<h4>Installer Miktex</h4>
|
||||
<p>Avant de vous lancer dans la rédaction de vos documents en Markdown vous aurez besoin de quelques logiciels. Tout d’abord comme compilateur Latex sur <strong>Windows, j’utilise Miktex</strong>, intègrant le nécessaire pour compiler des documents. Il est capable de récupérer automatiquement des paquets et de les utiliser sans aucun problème sur un environnement Windows. Installez Miktex de la manière la plus simple que vous puissiez le faire. Un exécutable est disponible sur le site et l’installation se dérouler sans accrocs.</p>
|
||||
<h4>Installer Pandoc pour Markdown</h4>
|
||||
<p>Pandoc est un logiciel de conversion de documents. Il est capable de convertir de nombreux fichiers dans différents formats et est très utile pour ce que nous souhaitons faire. Pandoc peut par exemple convertir un document Latex en Word et inversement ou du <strong>Markdown en Latex</strong>. Vous pouvez bien sur retrouver l’ensemble des formats compatibles sur le site officiel. Pandoc dispose également d’un exécutable à installer, qu’il faut récupérer sur GitHub.</p>
|
||||
<h3>Utiliser un éditeur de texte</h3>
|
||||
<p><img decoding="async" src="/content/images/wordpress/2018/01/markdown-latex-pandoc-visual-studio-code-1024x546.png" alt="" />J’utilise au choix Atom ou Visual Studio Code – même quelque fois Sublime Text – pour mes rédactions en Markdown. Sur Atom, je vous conseille le paquet « Pandoc » et « Markdown Preview Plus ». Ils permettent même l’affichage des équations dans la fenêtre de prévisualisation. Visual Studio Code dispose également d’un plugin <strong>Pandoc</strong>, mais celui-ci est surtout destiné à la conversation.</p>
|
||||
<h3>Compilation</h3>
|
||||
<p>Lorsque votre document Markdown est prêt, il vous suffit d’ouvrir une console dans le dossier où il se situe. <img decoding="async" src="/content/images/wordpress/2018/01/pandoc-conversion-markdown-pdf.png" alt="" /></p>
|
||||
<pre><code>pandoc NomDeMonDocument.md -o NomDeMonDocumentDeSortie.pdf
|
||||
</code></pre>
|
||||
<p>Patientez quelques secondes vous vous retrouverez avec un très beau document et formaté façon Latex.</p>
|
||||
<p><!--kg-card-end: html--></p>
|
||||
@@ -1,79 +0,0 @@
|
||||
---
|
||||
title: "Comment chiffrer un email avec PGP ?"
|
||||
date: "2018-01-27T16:53:44"
|
||||
draft: false
|
||||
slug: "pgp-chiffrer-email"
|
||||
wordpress_id: 247
|
||||
excerpt: "GnuPGP (et le protocole PGP associé) est un outil libre de chiffrement et il s’avère excellent lorsqu’on souhaite…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2018/01/gnupgp-logo-chiffrement-email.png"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p><strong>GnuPGP</strong> (et le <a href="https://www.mistergeek.net/telechargement/bittorrent/comment-fonctionne-bittorrent/">protocole</a> PGP associé) est un outil libre de chiffrement et il s’avère excellent lorsqu’on souhaite s’échanger des emails cryptés. J’insiste beaucoup sur la vie privée en ce moment. Et il faut savoir que l’un des moyens de communication de notre époque, l’<strong><a href="https://www.mistergeek.net/informatique/protonmail-et-tutanota-sur-windows-linux-ou-mac/">email</a></strong> n’est pas si sécurisé que cela. Cet article est ici présent afin de montrer <strong>comment chiffrer un email et communiquer par ce canal de façon simple et sécurisée.</strong><br /><span style="font-size: 12pt;"><br /></span></p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Comment gagner en anonymat en chiffrant un email ?</h2>
|
||||
</p>
|
||||
<p>Pour faire un peu d’histoire, dans des temps lointains où la correspondance se réalisait principalement par écrit et que les guerres faisaient rage. <strong>De nombreux dirigeants et empereurs avaient différentes méthodes afin de chiffrer leurs communications.</strong> On peut imaginer qu’à l’époque déjà, pouvoir faire parvenir ses ordres sans qu’elles ne soient interceptées était une nécessitée. À ces moments-là, la confidentialité était déjà un enjeu de taille. Il fallait en effet qu’un message ne puisse être ouvert, ni lu durant <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> transit, que le destinataire puisse vérifier l’identité véritable de son émetteur et que seul ce premier ne puisse le lire.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Les méthodes de chiffrage et de codage dans l’histoire avant PGP</h2>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Les sceaux</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/01/sceau-cryptage-email-game-of-thrones.jpg" alt=""/></figure>
|
||||
</p>
|
||||
<p>Plusieurs solutions ont été mises en place pour certifier les échanges. <strong>On peut citer les sceaux, qui avaient pour but de sceller les lettres et identifier les émetteurs.</strong> On cachetait une enveloppe avec un sceau dans lequel on imprimait un motif représentant une personne, une famille ou plus généralement ses propriétaires. En disposant d’un registre des sceaux existants, il était possible de retrouver et garantir l’identité de son expéditeur.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Le code César</h3>
|
||||
</p>
|
||||
<p>Jules César utilisait par exemple un algorithme de chiffrement par décalage pour ses correspondances secrètes. À savoir, ce type de chiffrement est couramment appelé « <em>Code de César</em> » ou « <em>Chiffre de César</em>« .</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/01/chiffre-cesar-code-cesar-decalage.png" alt=""/></figure>
|
||||
</p>
|
||||
<p>L’algorithme mis en place pour le chiffrement César est définie par une loi simple. Une nombre « <em>n</em> » (également appelé « <em>distance</em>« ) est utilisé lors du chiffrement afin d’obtenir la lettre à écrire. Ainsi, avec <em>n = 3</em>, la lettre « A » devient un « D », la lettre « B » devient un « E » et ainsi de suite. Pour le déchiffrement, le même algorithme est utilisé, à l’envers cette fois. Les généraux de <em>César</em>, étaient ainsi en mesure de lire les messages de leur Empereur uniquement en sachant la distance décalage.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Le chiffrement aujourd’hui avec Internet et le web</h2>
|
||||
</p>
|
||||
<p>Alors que je ne cesse de vous parler de <a href="/cryptomonnaie">cryptomonnaies</a>, dont la base même est la cryptographie. Il est peut-être pertinent pour moi de vous livrer quelques conseils pour chiffrer vos échanges.</p>
|
||||
</p>
|
||||
<p>Nous mettons <strong>PGP </strong>en œuvre dans ce tutoriel. Il s’agit d’un protocole de chiffrement qui dispose d’une implémentation libre nommée <strong>GnuPG</strong>. Disponible sur WIndows, <a href="https://www.mistergeek.net/informatique/tuto-comment-afficher-les-dossiers-caches-sur-mac/">Mac</a> et <a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">Linux</a>, vous pouvez utiliser cette solution également sur <a href="https://www.mistergeek.net/informatique">smartphone </a>avec <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">Android</a> ou <a href="https://www.mistergeek.net/informatique/snapchat-screenshot-capture/">iOS</a> et les applications adaptées.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Pourquoi chiffrer ses emails ?</h3>
|
||||
</p>
|
||||
<p>Lorsqu’on envoie un email, il va être émis et copié au moins 4 fois. Il y a tout d’abord votre PC, le <a href="https://www.mistergeek.net/informatique/ipv6-serveur-scaleway-dedibox/">serveur</a> de votre fournisseur d’email ainsi que celui de votre correspondant et pour finir le PC de votre destinataire. Si on prend en compte les redondances mises en place pour assurer les services, se chiffre peut vite augmenter. <img decoding="async" src="/content/images/wordpress/2018/01/vie-privee-edward-snowden-citation.jpg" alt=""></p>
|
||||
</p>
|
||||
<p><strong>À chaque étape de sa transmission, votre email est donc répliqué.</strong> Les autorités possédant les pouvoirs nécessaires comme la NSA ou plus simplement la police, peuvent demander à voir vos emails. Et les fournisseurs sont tenu de les livrer. <strong>Pire encore, des entreprises peuvent utiliser le contenu de vos emails dans un but lucratif.</strong> C’est ce que fait par exemple Google avec Gmail en scannant le contenu de vos échanges, pour vous afficher de la publicité. On peut bien sûr penser que toutes les grandes entreprises peuvent se mettre à jouer à cela. La solution à cela est de mettre en œuvre un chiffrement qui empêche vos échanges d’être lu par des tiers en utilisant <strong>PGP </strong>par exemple.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Chiffrer ses emails avec PGP</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/01/email-chiffre-cryptage-gnupg-178x300.png" alt=""/></figure>
|
||||
</p>
|
||||
<p>Voici à quoi peut ressembler un email chiffré. Vous devez vous en douter, à moins de posséder la clé privée permettant de décoder le message, il est impossible de le lire. <strong>PGP </strong>pour « Pretty Good Privacy » <strong>est un logiciel de cryptographie hybride supportant le chiffrage symétrique et asymétrique.</strong> Il est cependant payant, mais suit le standard OpenPGP, ce qui le rend compatible avec d’autres logiciels équivalents. <strong>GPG </strong>pour « GNU Privacy Guard » est l’implémentation du standard OpenPGP par le projet GNU. De ce fait, <strong>GPG est donc compatible avec la plupart des systèmes d’exploitation</strong>, dont Windows, Mac et Linux. <strong>OpenPGP</strong>, lui est un format de cryptographie créé par l’IETF (<em>Internet Engineering Task Force</em>), qui fixe les formats des messages, des certificats de <a href="https://www.mistergeek.net/vpn/nordvpn/">sécurité</a>, etc. L’objectif est de permettre une compatibilité des chiffrements sur tous les systèmes. ELe tout est défini dans la <em>RFC 4880</em>.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Installer GnuPG / PGP </h3>
|
||||
</p>
|
||||
<p><img decoding="async" src="/content/images/wordpress/2018/01/gnupg-email-cryptage-1024x515.png" alt="">Avant tout il va falloir installer sur son poste GnuPG. GnuPG étant très populaire auprès des Geeks, il s’installe sans problème depuis vos dépôts si vous êtes sur Linux. Sur Windows et Mac, vous pouvez télécharger la dernière version du logiciel sur le <a href="https://gnupg.org/" target="_blank" rel="noreferrer noopener nofollow">site officiel</a>. Dès que vous avez récupéré le logiciel sur votre machine, faites-en sorte de l’installer avec l’ensemble des composants. Ils sont essentiels pour fonctionner par la suite.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Le trousseau de clés</h3>
|
||||
</p>
|
||||
<p>Pour crypter et décrypter un email (ou autre chose), il faut en réalité deux clés. La première est une clé publique, qui est à distribuer à vos contacts. La seconde est une clé privée, que vous devez garder précieusement, car elle sert au décryptage de vos messages. Également, si jamais votre clé privée est comprise il est possible de la révoquer en exportant les certificats.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Installer Enigmail sur Thunderbird</h3>
|
||||
</p>
|
||||
<p>Cette partie du tutoriel n’est plus nécessaire. En effet Thunderbird embarque des méthodes de chiffrement qui permettent maintenant de faire usage directement des fonctions PGP.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/01/enigmail-thunderbird-gnupgp-1024x704.png" alt=""/></figure>
|
||||
</p>
|
||||
<p>Sur Thunderbird, un plugin est essentiel pour pouvoir chiffrer ses emails : Enigmail. Enigmail est un plugin capable d’utiliser GnuPGP précédemment installé. <img decoding="async" src="/content/images/wordpress/2018/01/configuration-enigmail-thunderbird.png" alt="">Une fois Enigmail installé et Thunderbird redémarré, je vous conseille de suivre l’utilitaire de configuration. Notez précieusement le mot de passe que vous entrez. Il sert en fait à déverrouiller votre clé afin de chiffrer et de déchiffrer vos messages. Pour ne rien perdre, vous pouvez par exemple utiliser <a href="https://mistergeek.net/2017/06/03/enpass-gestionnaire-de-de-passe-gratuit-multiplateforme/">Enpass</a>, un excellent utilitaire. Plus tard, vous devrez sauvegarder votre clé de révocation. <img decoding="async" src="/content/images/wordpress/2018/01/email-chiffre-gnupgp-thunderbird.png" alt="">Lorsque vous envoyez un email, la barre d’Enigmail sera présente en haut et vous aurez la possibilité de crypter l’email à l’envoi et d’y insérer votre clé publique. <strong>Remarque 1 : Lorsque vous envoyez un email, celui-ci doit être chiffré avec la clé publique de votre destinataire. Remarque 2 : Lorsque vous recevez un email, celui-ci est chiffré avec votre clé publique et vous pouvez le déchiffrer grâce à votre clé privée.</strong></p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Chiffrer ses emails sur Android</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/01/dl_openkeychain-169x300.png" alt=""/></figure>
|
||||
</p>
|
||||
<p>Sur Android, vous pouvez utiliser <strong>K9 Mail</strong>, qui prend en charge le chiffrage et déchiffrage avec <strong>PGP</strong>. Et en ce qui concerne la partie <strong>PGP</strong>, utilisez donc <a href="https://play.google.com/store/apps/details?id=org.sufficientlysecure.keychain&hl=fr" rel="nofollow">OpenKeyChain</a>. Avec tout cela, vous devriez pouvoir discuter tranquillement par email sans que quelqu’un ne puisse espionner vos conversations. Sur <a href="https://www.mistergeek.net/informatique/apple-event-2020/">iPhone</a>, je n’ai malheureusement pas de réponse pour vous. Si vous connaissez des applications adaptées, laissez-moi un commentaire ou envoyez-moi un email.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">En résumé</h2>
|
||||
</p>
|
||||
<p>Pour finir cet article, je dirais qu’il n’est pas si difficile de gagner en vie privée sur internet. Et utiliser un chiffrement pour ses emails n’est pas obligatoirement un besoin pour tous. Il est toujours utile de savoir le faire, même si ce que l’on transmet n’est pas sensible – ou illégale par exemple. Je tiens à remercier le site Open-Freax, qui m’a inspiré pour la création de cet article. Remarque : Vous remarquerez que dans cet article j’ai pu utiliser le mot « crypter », qui n’existe pas en Français pour traduire littéralement « chiffrer ». Il s’agit ici d’une méthode afin de gagner en SEO.</p></p>
|
||||
@@ -1,26 +0,0 @@
|
||||
---
|
||||
title: "Big Data : bienvenue dans l’ère des données"
|
||||
date: "2018-03-26T21:45:32"
|
||||
draft: false
|
||||
slug: "big-data-bienvenue-dans-lere-des-donnees"
|
||||
wordpress_id: 266
|
||||
excerpt: "Le « big data » est une expression que l’on voit de plus en plus dans les médias…\n"
|
||||
featured_image: ""
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
<p><!--kg-card-begin: html--></p>
|
||||
<p>Le « big data » est une expression que l’on voit de plus en plus dans les médias traitant de l’actualité numérique, mais tout le monde ne sait pas forcément de quoi il en retourne. Et pourtant, il s’agit d’un phénomène majeur auquel nous participons tous. Faisons le point sur ce sujet d’actualité, ainsi que sur ses conséquences dans notre vie quotidienne.</p>
|
||||
<h2>Qu’est-ce que le big data ?</h2>
|
||||
<p>Souvenez-vous de la trilogie Matrix : un monde dans lequel absolument tout n’est que données numériques, où chaque objet, chaque individu n’est rien de plus qu’une succession de 1 et de 0. Bien qu’il s’agisse d’une œuvre de science-fiction, le monde dans lequel nous vivons s’y prête de plus en plus.</p>
|
||||
<p>Nous ne nous en rendons pas forcément compte, mais nous produisons des données numériques tous les jours : lorsque nous achetons dans un magasin, lorsque nous utilisons un transport en commun, ou encore lorsque nous effectuons des tâches administratives… Et si nous nous servons d’un <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">smartphone</a> ou d’un ordinateur, la quantité de données produites explose : chaque connexion, chaque page web visitée, chaque publication sur les réseaux sociaux, chaque message envoyé est une source de données numériques. Ces immenses quantités de données produites quotidiennement s’accumulent et prennent des proportions si grandes que même les ordinateurs les plus puissants ne peuvent pas toutes les traiter. Ce phénomène d’accumulation de données à grande échelle porte un nom : le big data.</p>
|
||||
<h2>Big data et commerce</h2>
|
||||
<p>Pour les entreprises commerciales, il est intéressant d’utiliser les données accumulées afin de prendre les bonnes décisions et toucher le public de manière optimale. Mais face à la quantité colossale desdites données, il est impossible de tout traiter, et puis traiter des données inutiles serait un gaspillage de ressources. Il faut donc explorer les données pour en extraire les plus utiles : on appelle cela le « data mining ». Sur ce sujet, le guide digital de 1&1 nous présente <a href="https://www.1and1.fr/digitalguide/web-marketing/analyse-web/outils-de-data-mining-comparaison/">les outils de data mining les plus utilisés actuellement</a>.</p>
|
||||
<p>Mais afin d’avoir des données à exploiter, il faut bien les accumuler en premier lieu ! C’est pourquoi les cookies par exemple sont des éléments essentiels aux entreprises commercialement actives sur le web. Ils permettent de laisser des « traceurs » dans le navigateur des internautes afin de pouvoir analyser leur comportement de manière plus précise. Ainsi, vous avez peut-être déjà rencontré des sites internet vous demandant d’accepter leur politique de cookies avant de pouvoir les visiter.</p>
|
||||
<h2>Big data et vie privée</h2>
|
||||
<p>Une fois que nous avons <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">produit</a> des données numériques de par notre activité, il est difficile de savoir avec précision ce qu’elles vont devenir, ou qui pourra s’en servir. Cela soulève tout naturellement des problématiques relatives à la vie privée. Des utilisateurs de Tinder ont par exemple eu la mauvaise surprise de constater qu’une faille de <a href="https://www.mistergeek.net/vpn/nordvpn/">sécurité</a> permettait à d’éventuels hackers de voir leur activité sur l’application.</p>
|
||||
<p>Cependant, la problématique du big data et de la vie privée va au-delà des hackers. Beaucoup d’internautes craignent l’utilisation de leurs données personnelles par les autorités gouvernementales, particulièrement depuis les révélations faites lors de l’affaire Snowden. Rappelez-vous : en 2013, Edward Snowden, alors consultant au <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">service</a> de la NSA, révélait au grand jour les pratiques de surveillance de masse réalisées par les autorités américaines et britanniques dans le monde entier. Cela lui vaudra de devoir s’exiler à Hong Kong puis en Russie pour fuir un gouvernement américain qui le poursuit encore aujourd’hui.</p>
|
||||
<p>Au final, le big data est bien plus qu’un simple phénomène technologique. A l’ère du tout numérique, il influe profondément sur notre quotidien, sans même que nous nous en apercevions.</p>
|
||||
<p><!--kg-card-end: html--></p>
|
||||
File diff suppressed because one or more lines are too long
@@ -1,37 +0,0 @@
|
||||
---
|
||||
title: "[Test] Mon avis sur Audials Tunebite Premium"
|
||||
date: "2018-03-23T12:08:44"
|
||||
draft: false
|
||||
slug: "test-et-avis-de-audials-tunebite-premium"
|
||||
wordpress_id: 265
|
||||
excerpt: "J’ai été contacté tout récemment par une entreprise qui développe des logiciels afin de tester l’une de leurs…\n"
|
||||
featured_image: ""
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
<p><!--kg-card-begin: html--></p>
|
||||
<p>J’ai été contacté tout récemment par une entreprise qui développe des logiciels afin de tester l’une de leurs créations, <strong>Audials Tunebite <a href="https://www.mistergeek.net/informatique/spotify-premium-gratuit-ios-iphone/">Premium</a></strong>. Il s’agit un logiciel dont le but principal est l’enregistrement la conversion de musiques et livres <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">audio</a>. On retrouve bien le petit lot habituel des sujets dont j’ai l’habitude de traiter sur Mistergeek.net.</p>
|
||||
<h1>Test de Audials Tunebite Premium</h1>
|
||||
<p>L’année dernière, Samuel avait rédigé un article afin d’obtenir une version modifiée de <a href="https://www.mistergeek.net/informatique/spotify-premium-android/">Spotify</a>. Dans cet article et grâce à quelques <em>techniques</em>, il était possible d’obtenir un abonnement premium Spotify sans avoir à sortir sa carte bancaire. L’un des problèmes qui pouvait se poser était l’impossibilité de télécharger les morceaux. En effet, sur certains <em>smartphones</em> le <a href="https://www.mistergeek.net/vpn/nordvpn/">téléchargement</a> était impossible et seule l’option de <strong><a href="https://www.mistergeek.net/informatique/configurer-obs-streaming/">streaming</a></strong> restait disponible.</p>
|
||||
<p>Aujourd’hui les choses ont changées, car j’ai à ma portée <strong>Audials Tunebite en version Premium</strong>. Et pour essayer ce logiciel, je me suis mis à le tester sur différents services comme <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">Amazon</a>, Deezer ou encore Spotify.</p>
|
||||
<h2>Prise en main du logiciel</h2>
|
||||
<p>Le logiciel se télécharge sur le site de l’éditeur comme n’importe quel autre software pour PC et ne pèse qu’une centaine de Mo. L’installation se déroule sans aucune frustration et le logiciel vient ajouter des interfaces audio à <a href="https://www.mistergeek.net/informatique/etcher-creer-une-cle-usb-bootable-windows-ou-linux/">Windows</a>. Je suppose qu’une interface audio virtuelle doit permettre de simplifier l’enregistrement des morceaux.</p>
|
||||
<h3>Enregistrement depuis les services de streaming Audio</h3>
|
||||
<p>Mon premier test se déroule sur l’un des plus grand site de <a href="https://www.mistergeek.net/informatique/comparatif-camera-youtube/">vidéo</a> du moment. Je préfère ici ne pas citer le nom du site, afin que cet article ne se fasse pas censurer par le moteur de recherche du GAFA.</p>
|
||||
<p><img decoding="async" src="/content/images/wordpress/2018/03/audials-enregistrement-audio-spotify-deezer-napster-itunes-amazon.png" alt="Enregistrer un morceau avec Audials Tunebite ne prend que le temps d'un café"></p>
|
||||
<p>J’initialise le logiciel, puis me rend sur la page de l’un des clips populaire du moment. À ma grande surprise, le logiciel vient détecter le morceau que j’écoute et se met à le télécharger. Au bout de quelques secondes, je retrouve un fichier <strong>MP3</strong> dans mon dossier « Musique » de Windows. Déjà, je me rend compte qu’il n’est plus nécessaire de fouiner sur les sites de téléchargement pour récupérer des morceaux. Le logiciel est parfaitement automatisé, on ne remarque même pas la conversion s’effectuer.</p>
|
||||
<p>Après un petit essai sur <strong>Deezer et Spotify</strong>, je constate que le logiciel utilise ici les interfaces installées plus tôt. L’enregistrement du morceau nécessite la lecture complète de celui-ci. Petit plus tout de même, le logiciel est capable de récuperer les méta-données, et donne donc les informations complémentaires telles que la date de sortie, l’artiste, l’album, etc.</p>
|
||||
<h3>Enregistrement depuis un service de streaming vidéo</h3>
|
||||
<p><img decoding="async" src="/content/images/wordpress/2018/03/services-videos-audials.png" alt=""></p>
|
||||
<p>Pour les services de <strong>streaming</strong> vidéo, le principe reste le même. Il suffit de lancer le logiciel avant et de commencer <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> visionnage. Au programme, Audials Tunebite propose l’enregistrement depuis <strong>Netflix, Canal Play, MyTF1</strong> et plus encore. Selon le site de streaming choisi, la méthode d’acquisition peut différer de la capture d’écran au téléchargement depuis l’URL. La conversion de vidéo étant plus gourmande que la conversion d’un simple fichier audio, préferez un PC plus puissant pour cette tâche.</p>
|
||||
<p><img decoding="async" src="/content/images/wordpress/2018/03/audials-netflix.png" alt="Il est possible de cacher la capture de Tunebite pour gagner en confort de visionnage"></p>
|
||||
<p>Pour clore cette partie, je dirais que le logiciel fait de nouveau très bien la fonction pour laquelle il est destiné. <strong>J’ai pu enregistrer la séquence d’un reportage de Netflix</strong> avec un rendu final en 720p. À noter également que, alors que j’écoutais de la musique en parallèle, ma piste musicale n’est absolument pas présente sur le média final. Rien à dire donc.</p>
|
||||
<h3>Un lecteur média embarqué</h3>
|
||||
<p><img decoding="async" src="/content/images/wordpress/2018/03/lecteur-media-audials-tunebite.png" alt=""></p>
|
||||
<p>J’écoute rarement de la musique et quand je le fait, VLC me suffit. En cherchant, j’arrive à peine à trouver plus de 4 albums de musique sur mon PC. Vous vous rendez donc compte à quel point un lecteur de média n’est pas d’une grande nécessité pour moi. Mais malgré tout, je tiens à mentionner la présence d’une fonction capable d’organiser vos fichiers sur cette <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">application</a>.</p>
|
||||
<h2>En conclusion</h2>
|
||||
<p>Les personnes à la recherche d’une application pour télécharger leurs fichiers audio qu’ils auraient acheter sur Amazon (par exemple) ont ici un outil de choix. Audials Tunebite Premium réalise une fonction et une seule, mais la réalise très bien. J’en suis personnellement satisfait et agréablement surpris.</p>
|
||||
<p>Pour télécharger le logiciel : <a href="https://audials.com/fr/tunebite_premium/index.html"><span lang="FR">Audials Tunebite Premium</span></a></p>
|
||||
<p><!--kg-card-end: html--></p>
|
||||
@@ -1,43 +0,0 @@
|
||||
---
|
||||
title: "Une application pour sortir"
|
||||
date: "2018-06-29T19:35:35"
|
||||
draft: false
|
||||
slug: "du-code-pour-vous-aider-a-sortir"
|
||||
wordpress_id: 301
|
||||
excerpt: "Il nous arrive quelquefois d’écrire des articles après avoir reçu des emails. Aujourd’hui, nous venons avec un projet…\n"
|
||||
featured_image: ""
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Il nous arrive quelquefois d’écrire des articles après avoir reçu des emails. Aujourd’hui, nous venons avec un projet monté par des étudiants en informatique. Le projet est actuellement en cours de développement malgré tout quelques images me sont parvenues. Il est l’heure pour moi de passer en revue les informations que je possède à ce sujet.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Trouver des soirées</h2>
|
||||
</p>
|
||||
<p>Pour resituer un peu cet article, ce sont des jeunes de première année de Master Ingénierie Web, qui m’ont proposé de découvrir leur travail. Il s’agit à terme d’une <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">application</a> à mi-chemin entre un <a href="https://www.mistergeek.net/vpn/nordvpn/">réseau</a> <a href="https://www.mistergeek.net/informatique/lens-instagram-apple-watch/">social</a> et un annuaire. Les points sur lesquels souhaite se focaliser l’équipe sont les aspects communautaires et open-source.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/06/makeyour-night.png" alt="" class="wp-image-10928"/></figure>
|
||||
</p>
|
||||
<p>Dans un premier temps, le projet avait pour but d’être une plateforme de gestion d’événements pour les entreprises. En effet les TPE et PME se tournent vers des prestataires externes pour gérer leurs événements. En partant du principe que ces plateformes sont souvent payantes, le but de ce projet était de fournir une alternative gratuite et libre, tout en étant simple d’utilisation.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Des technologies dans l’ère du temps</h2>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/06/night-vision-api.png" alt="" class="wp-image-10929"/></figure>
|
||||
</p>
|
||||
<p>Étant moi-même <a href="https://www.mistergeek.net/informatique/installer-ios-beta-developpeur/">développeur</a> parler un peu de technique – comme j’ai pu le faire pour monter un workflow Ruby on Rails – me passionne. Pour arriver à s’interfacer avec des services, l’équipe en charge du projet a dû développer une API. Pour faire simple, il s’agit d’une <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">interface</a> sur laquelle n’importe qui peut se greffer pour effectuer des tâches ou récupérer des données.</p>
|
||||
</p>
|
||||
<p>Développé en NodeJS avec Typescript, le <em>backend </em> est disponible en <em>package</em> Docker. Pour le moment le code source est hébergé sur un Gitlab, mais j’attends personnellement la disponibilité du projet sur GitHub.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Une intégration de services externes</h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/06/applications-dispo.png" alt="" class="wp-image-10930"/></figure>
|
||||
</p>
|
||||
<p>Ce script doit permettre aux entreprises de pouvoir se placer comme intermédiaire dans les organisations de soirées. Ainsi grâce aux revenues engendrées par les commissions, la gestion d’évènements aurait une source revenue supplémentaire.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Conclusion</h2>
|
||||
</p>
|
||||
<p>Pour le moment j’attends de voir ce que va donner ce projet. Les débuts semblent prometteurs malgré tout. Je ne demande qu’à avoir l’application en main un samedi soir et voir ce qui s’offre à moi.</p>
|
||||
</p>
|
||||
<p>Pour prendre part au projet, le tout est hébergé sur GitLab : https://git.louis-girones.fr/make-your-night</p></p>
|
||||
@@ -1,86 +0,0 @@
|
||||
---
|
||||
title: "Spotify Premium sur iOS : comment faire ? (2021)"
|
||||
date: "2018-06-27T10:04:34"
|
||||
draft: false
|
||||
slug: "spotify-premium-gratuit-ios-iphone"
|
||||
wordpress_id: 299
|
||||
excerpt: "Spotify est un service de Streaming de musique incontournable aujourd’hui. En tant que grand consommateur de musique, j’adore…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2020/12/20150616163611-spotify.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p><strong><a href="https://www.mistergeek.net/informatique/spotify-premium-android/">Spotify</a></strong> est un service de <a href="https://www.mistergeek.net/informatique/configurer-obs-streaming/">Streaming</a> de <a href="https://www.mistergeek.net/informatique/format-flac/">musique</a> incontournable aujourd’hui. En tant que grand consommateur de musique, j’adore passer mon temps libre avec mon casque sur mes oreilles. Que ce soit pour passer le temps sur le trajet du matin ou bien juste pour se relaxer. Je me suis donc dirigé vers des services de musiques en Streaming. Malheureusement, j’ai également appris à mes dépends que ces services brident leurs fonctionnalités. Il faut donc accéder à la version premium, c’est à dire payante pour les débloquer. J’ai donc découvert une astuce pour pouvoir écouter ses artistes préférés sans dépenser un sous. Nous allons vous montrer comment procéder grâce à ce tutoriel.</p>
|
||||
</p>
|
||||
<p>Avant tout chose, sachez que si vous êtes membre <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">Amazon Prime</a>, vous pouvez disposer gratuitement d’<a href="https://www.amazon.fr/music/unlimited?tag=mistergeek-21">Amazon Music</a>. Prenez-donc le temps de lire notre test. La méthode que je vais vous montrer sera effectuée sur <a href="https://www.mistergeek.net/informatique/installer-ios-beta-developpeur/">iPhone</a> car elle fonctionne uniquement sur les smartphones <a href="https://www.mistergeek.net/informatique/snapchat-screenshot-capture/">iOS</a>.</p>
|
||||
</p>
|
||||
<p>
|
||||
</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Télécharger et utiliser TweakBox pour Spotify</h3>
|
||||
</p>
|
||||
<p>Lancer Safari et dans la barre URL, écrire « tweakboxapp.com » et cliquer sur le premier lien. C’est un <a href="https://mistergeek.net/application/top-meilleurs-marches-alternatifs-android-applications-gratuites/">store</a> alternative à celui d’Apple. Vous allez donc arriver sur la page d’accueil du site. Ici, cliquer sur Get The App.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/02/sopt-1-169x300.png" alt="" class="wp-image-7174"/></figure>
|
||||
</p>
|
||||
<div class="wp-block-image">
|
||||
<figure class="aligncenter"></figure>
|
||||
</div>
|
||||
</p>
|
||||
<p>L’application va vous demander d’installer le certificat. Cliquez sur Installer. A ce moment là, si votre iPhone est protégé par un mot de passe, l’application vous demandera de le taper.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/02/spot-2-169x300.png" alt="" class="wp-image-7175"/></figure>
|
||||
</p>
|
||||
<div class="wp-block-image">
|
||||
<figure class="aligncenter"></figure>
|
||||
</div>
|
||||
</p>
|
||||
<p>Un petit message de remerciement va apparaître, cliquer sur Installer.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/02/spot-3-169x300.png" alt="" class="wp-image-7176"/></figure>
|
||||
</p>
|
||||
<div class="wp-block-image">
|
||||
<figure class="aligncenter"></figure>
|
||||
</div>
|
||||
</p>
|
||||
<p>Une fois l’application installée, lancer l’application et aller dans l’onglet Apps puis sélectionner Tweaked Apps.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/02/spot-4-169x300.png" alt="" class="wp-image-7177"/></figure>
|
||||
</p>
|
||||
<div class="wp-block-image">
|
||||
<figure class="aligncenter"></figure>
|
||||
</div>
|
||||
</p>
|
||||
<p>Sélectionner Spotify++ (N.B. vous pouvez également choisir Deezer++ si vous préférez Deezer)</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/02/spot-5-169x300.png" alt="" class="wp-image-7178"/></figure>
|
||||
</p>
|
||||
<div class="wp-block-image">
|
||||
<figure class="aligncenter"></figure>
|
||||
</div>
|
||||
</p>
|
||||
<p>Appuyer sur Install App.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/02/spot-6-169x300.png" alt="" class="wp-image-7179"/></figure>
|
||||
</p>
|
||||
<div class="wp-block-image">
|
||||
<figure class="aligncenter"></figure>
|
||||
</div>
|
||||
</p>
|
||||
<p>Créez un compte si l’application vous le demande puis vérifiez bien que votre compte est en premium.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2017/02/spot-7-169x300.png" alt="" class="wp-image-7180"/></figure>
|
||||
</p>
|
||||
<div class="wp-block-image">
|
||||
<figure class="aligncenter"></figure>
|
||||
</div>
|
||||
</p>
|
||||
<p>Et voilà ! Dites nous en commentaire si cela a marché pour vous. 😉</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Pour terminer</h2>
|
||||
</p>
|
||||
<p>Cette manipulation est hack comme on peut en trouver beaucoup sur internet. Il s’agit ici d’exploiter des failles de <a href="https://www.mistergeek.net/informatique">l’iPhone</a> afin d’y installer des applications modifiées donnant accès à des services verrouillés. Il est essentiel de se servir de ce <em>hack</em> avec parcimonie. L’application modifiée permet de supprimer les publicités en lien avec l’écoute et même autoriser le <a href="https://www.mistergeek.net/vpn/nordvpn/">téléchargement</a>. Selon les utilisateurs, l’expérience peut être différentes.</p>
|
||||
</p>
|
||||
<p>Remarque : Je tiens à préciser que cette méthode peut aller l’encontre des conditions d’utilisation de l’application et du service. Mistergeek et moi-même, nous nous dégageons de toute responsabilité et problèmes causés suite à cette manipulation.</p></p>
|
||||
@@ -1,85 +0,0 @@
|
||||
---
|
||||
title: "[Test] Amazon Alexa : avis et achat"
|
||||
date: "2018-06-20T16:47:33"
|
||||
draft: false
|
||||
slug: "test-amazon-echo-alexa"
|
||||
wordpress_id: 296
|
||||
excerpt: "Amazon Echo avec l’intelligence artificielle Alexa est enfin disponible en France. Il arrive à tout le monde de…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2021/09/amazon-echo-alexa.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p><a href="https://www.mistergeek.net/streaming/amazon-prime-video/">Amazon</a> Echo avec l’intelligence artificielle Alexa est enfin disponible en France. Il arrive à tout le monde de faire des folies. Ma dernière heureusement n’est pas excessive. J’ai pris la décision d’acheter un Amazon Echo avec un kit de démarrage <strong>Philips Hue</strong> et je viens vous faire part de mon avis sur ces produits dans cet article.</p>
|
||||
</p>
|
||||
<p><div id="ez-toc-container" class="ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction">
|
||||
<p class="ez-toc-title" style="cursor:inherit">Table of Contents</p>
|
||||
<label for="ez-toc-cssicon-toggle-item-68a33a699c1d3" class="ez-toc-cssicon-toggle-label"><span class=""><span class="eztoc-hide" style="display:none;">Toggle</span><span class="ez-toc-icon-toggle-span"><svg style="fill: #999;color:#999" xmlns="http://www.w3.org/2000/svg" class="list-377408" width="20px" height="20px" viewBox="0 0 24 24" fill="none"><path d="M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z" fill="currentColor"></path></svg><svg style="fill: #999;color:#999" class="arrow-unsorted-368013" xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24" version="1.2" baseProfile="tiny"><path d="M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z"/></svg></span></span></label><input type="checkbox" id="ez-toc-cssicon-toggle-item-68a33a699c1d3" aria-label="Toggle" /><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-1" href="https://www.mistergeek.net/informatique/test-amazon-echo-alexa/#Amazon_Echo_en_video" >Amazon Echo en vidéo</a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-2" href="https://www.mistergeek.net/informatique/test-amazon-echo-alexa/#Alexa_avec_Amazon_Echo" >Alexa avec Amazon Echo</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-3" href="https://www.mistergeek.net/informatique/test-amazon-echo-alexa/#Lintelligence_artificielle" >L’intelligence artificielle</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-4" href="https://www.mistergeek.net/informatique/test-amazon-echo-alexa/#Alexa_lintelligence_artificielle_dAmazon" >Alexa : l’intelligence artificielle d’Amazon</a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-5" href="https://www.mistergeek.net/informatique/test-amazon-echo-alexa/#Test_de_lAmazon_Echo" >Test de l’Amazon Echo</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-6" href="https://www.mistergeek.net/informatique/test-amazon-echo-alexa/#Installation_de_lAmazon_Echo" >Installation de l’Amazon Echo</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-7" href="https://www.mistergeek.net/informatique/test-amazon-echo-alexa/#Essai_en_environnement" >Essai en environnement</a></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-8" href="https://www.mistergeek.net/informatique/test-amazon-echo-alexa/#Les_skills" >Les skills</a></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-9" href="https://www.mistergeek.net/informatique/test-amazon-echo-alexa/#Conclusion" >Conclusion</a></li></ul></nav></div>
|
||||
|
||||
</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="Amazon_Echo_en_video"></span>Amazon Echo en vidéo<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<p><iframe loading="lazy" title="UNE IA JUSTE POUR MOI - AMAZON ECHO" src="https://www.youtube.com/embed/joYd-ShV0kk?feature=oembed" allowfullscreen="allowfullscreen" width="840" height="473" frameborder="0"></iframe></p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="Alexa_avec_Amazon_Echo"></span>Alexa avec Amazon Echo<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<p>Pour officialiser le lancement des produits Amazon Echo en France le site de vente de livres a soldé ses périphériques. Ainsi pour un peu moins de 90€ il était possible d’acheter un Amazon Echo un kit <strong>Philips Hue</strong> de démarrage. À ce prix là il faut oublier les ampoules « <em>color</em>« . Malgré tout le <a href="https://www.mistergeek.net/informatique/comparatif-carte-son-xlr/">produit</a> vaut le détour et donne une première dynamique pour ceux qui souhaitent mettre en place de la domotique chez eux.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Lintelligence_artificielle"></span>L’intelligence artificielle<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Les assistants personnels sont apparu avec les smartphones. Nous connaissons <strong>Siri</strong>, qui est présent sur <a href="https://www.mistergeek.net/informatique/installer-ios-beta-developpeur/">iPhone</a> et <strong>Google Assistant</strong> sur <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">Android</a>. Depuis plusieurs années déjà, ces IA sont présentes sur nos smartphones et continuent de gagner en performance.</p>
|
||||
</p>
|
||||
<p>Les IA ont pour objectif de simplifier les taches courantes de la vie quotidienne. Pour le moment nous sommes au début de l’ère IA, cependant les choses évoluent très vite. Et l’arrivée des périphériques maison permet déjà quelques automatisations. On peut citer <a href="https://www.mistergeek.net/informatique/apple-event-2020/">Apple</a> HomeKit et Google comme premières innovations d’Intelligence Artificielle à la maison.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Alexa_lintelligence_artificielle_dAmazon"></span>Alexa : l’intelligence artificielle d’Amazon<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Il y a un leader mondial que nous ne connaissons tous, qui a pris la décision de se lancer dans ce domaine également. <a href="https://amzn.to/2yx82ea" rel="nofollow"><strong>Amazon</strong> </a>développe depuis 2014 sont intelligence artificielle. Disponible sur les Amazon Fire TV, <a href="https://www.mistergeek.net/informatique" rel="nofollow">Android et iPhone</a>, Alexa est un acteur majeur supplémentaire.</p>
|
||||
</p>
|
||||
<p>Sous condition de posséder un compte Amazon, n’importe qui peut profiter d’Alexa. Que vous soyez <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">Amazon Prime</a> ou non. Pour les besoins de cet article, nous présentons l’application Android et l’interface vocale <a href="https://amzn.to/2yx82ea" rel="nofollow">Amazon Echo</a>.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Test_de_lAmazon_Echo"></span>Test de l’Amazon Echo<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.mistergeek.net/wp-content/uploads/2021/09/amazon-echo-1024x576.jpg" alt="" class="wp-image-4486" srcset="https://www.mistergeek.net/wp-content/uploads/2021/09/amazon-echo-1024x576.jpg 1024w, https://www.mistergeek.net/wp-content/uploads/2021/09/amazon-echo-300x169.jpg 300w, https://www.mistergeek.net/wp-content/uploads/2021/09/amazon-echo-768x432.jpg 768w, https://www.mistergeek.net/wp-content/uploads/2021/09/amazon-echo-1536x864.jpg 1536w, https://www.mistergeek.net/wp-content/uploads/2021/09/amazon-echo-2048x1152.jpg 2048w, https://www.mistergeek.net/wp-content/uploads/2021/09/amazon-echo-380x214.jpg 380w, https://www.mistergeek.net/wp-content/uploads/2021/09/amazon-echo-800x450.jpg 800w, https://www.mistergeek.net/wp-content/uploads/2021/09/amazon-echo-1160x653.jpg 1160w, https://www.mistergeek.net/wp-content/uploads/2021/09/amazon-echo.jpg 2080w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
|
||||
</p>
|
||||
<p>Trois périphériques Echo sont en vente. On retrouve donc <a href="https://amzn.to/2yx82ea" rel="nofollow">Echo, Echo Dot et Echo Spot</a>. Ces trois périphériques s’installent chez vous et se connectent à votre Wifi. Les différences se notent sur la puissance des haut-parleurs ou sur la présence d’un écran et d’une <a href="https://www.mistergeek.net/informatique/comparatif-carte-boitier-acquisition-capture-video/">webcam</a> pour l’Echo Spot.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Installation_de_lAmazon_Echo"></span>Installation de l’Amazon Echo<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Quel que soit le <a href="https://www.mistergeek.net/informatique/comparatif-clavier-gamer/">périphérique</a>, la mise en place s’effectue de la même façon pour tous. Tout d’abord, il faut alimenter le périphérique puis s’y connecter en Wifi depuis son smartphone et ouvrir l’application. À partir d’ici il faut se munir de <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> code Wifi, car il va falloir lier l’Amazon Echo à sont <a href="https://www.mistergeek.net/vpn/nordvpn/">réseau</a> habituel.</p>
|
||||
</p>
|
||||
<p>Une fois en place, on peut de suite commencer à poser des questions à Alexa. Malgré tout il vaut mieux passer par la case configuration pour s’assurer que tout tourne rond.</p>
|
||||
</p>
|
||||
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Essai_en_environnement"></span>Essai en environnement<span class="ez-toc-section-end"></span></h4>
|
||||
</p>
|
||||
<p>Il est possible de poser n’importe quelle question à Alexa. Il est par contre plus difficile d’obtenir une réponse correcte à chaque fois. Alexa sait donc le plus naturellement du monde vous donner l’heure, vous renseigner la météo dans n’importe quel pays ou présenter une brève actualité du jour. Amazon ayant fait l’effort d’intégrer des spécificités Française, lorsqu’on lance un « Alexa, bonjour ! », l’IA nous répond avec quelques news du jour. À savoir l’Amazon Echo fait également réveil ou minuteur.</p>
|
||||
</p>
|
||||
<p>Après quelques enquêtes, je constate qu’Alexa ne reste pas en écoute H24. Vos données ne sont collectées (voix et commande), que lorsque vous avez prononcé le mot de <em>trigger </em>– à savoir « Alexa ». Une bonne nouvelle concernant la vie privée à la maison, en espérant que cela reste ainsi.</p>
|
||||
</p>
|
||||
<p>Par défaut il est possible de passer commande sur Amazon depuis l’Echo, cependant je déconseille l’utilisation cette fonction. Vous vous retrouverez souvent avec des produits à l’exact opposé de ce que vous souhaitez.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Les_skills"></span>Les skills<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/06/application-amazon-alexa-162x300.jpg" alt="" class="wp-image-10882"/></figure>
|
||||
</p>
|
||||
<p>La grande force d’Alexa ce n’est pas ce que sait faire l’IA de base. Pour combler de fonctionnalités l’IA, Amazon a mis à disposition une API permettant de concevoir n’importe quelle <a href="https://www.mistergeek.net/informatique/snapchat-screenshot-capture/">application</a>.</p>
|
||||
</p>
|
||||
<p>Dans la <em>skills store</em> on retrouve des applications de radio comme NRJ, RTL ou encore France Info. Ces applications peuvent ainsi être utilisées pour votre <em>flash</em> quotidien où Alexa va vous faire un récapitulatif des news du moment.</p>
|
||||
</p>
|
||||
<p>Pour les fans de cuisine, il est possible d’installer Marmiton et de profiter des recettes et ingrédients vocalement. À noter cependant, la navigation dans les menus vocaux n’est pas ce qu’il y a de plus simple. Jusqu’à présent je n’ai toujours pas trouvé comment faire un retour en arrière. Si vous êtes plutôt du genre à vous faire livrer, vous pouvez toujours installer les applications pour les Pizzas Domino’s ou Hut.</p>
|
||||
</p>
|
||||
<div id="attachment_10880" class="wp-block-image wp-caption alignleft">
|
||||
<figure class="alignleft"><img decoding="async" src="/content/images/wordpress/2018/06/bridge-philips-hue-amazon-alexa-169x300.jpg" alt="Bridge Philips Hue avec Amazon Alexa" class="wp-image-10880"/><figcaption>Il faut l’avouer, posé au mur le bridge de Philips est plutot classe</figcaption></figure>
|
||||
</div>
|
||||
</p>
|
||||
<p>On peut retrouver l’application Hue, qui permet de lier son compte <strong>Philips à Amazon</strong>. Cela permet d’allumer ou éteindre ses lumières à la voix et même d’en changer l’intensité – tout cela à la façon Iron Man. Pour ressembler encore plus à Tony Stark, on peut même commander sa voiture de VTC à la voix avec le skill <em>Uber.</em></p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="Conclusion"></span>Conclusion<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<p>Alors qu’Alexa est toute nouvelle en France, on s’aperçoit qu’il y a un travail conséquent, qui a été fait. On peut passer très simplement du Français à l’Anglais, sans que cela ne pose de soucis à l’IA. Exemple : « Alexa, c’est quoi The Walking Dead ? », on se rend compte qu’Alexa arrive très bien à sortir la définition de Wikipedia. Bien pratique lorsqu’il s’agit de m’épeler des mots, il arrive quelques fois qu’Alexa ne soit pas en mesure de me comprendre et me sorte « Désolé, je ne sais pas ».</p>
|
||||
</p>
|
||||
<p>Au bout d’une semaine, je suis pour le moment assez satisfait de ce qu’a à offrir Amazon avec son produit Amazon Echo et son IA Alexa. Concernant les <a href="https://amzn.to/2KcaF9P" target="_blank" rel="noreferrer noopener nofollow">Philips Hue</a>, je me lance dans la rédaction d’un article afin de vous livrer mes avis.</p>
|
||||
</p>
|
||||
<p><a href="https://amzn.to/2MKHEAG" target="_blank" rel="noreferrer noopener nofollow">Acheter l’Amazon Echo</a></p></p>
|
||||
@@ -1,61 +0,0 @@
|
||||
---
|
||||
title: "Philips Hue : test et guide d’achat"
|
||||
date: "2018-06-23T19:23:24"
|
||||
draft: false
|
||||
slug: "test-philips-hue"
|
||||
wordpress_id: 298
|
||||
excerpt: "Philips Hue s’est placé comme pionnier dans le monde des ampoules connectées. Aujourd’hui lorsqu’on pense domotique et lumière,…\n"
|
||||
featured_image: "https://www.mistergeek.net/wp-content/uploads/2018/06/philips-hue.jpg"
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>Philips Hue s’est placé comme pionnier dans le monde des ampoules connectées. Aujourd’hui lorsqu’on pense domotique et lumière, on pense forcément à Philips Hue. Dans les maisons du futur, nous aurons droit à des ampoules contrôlées. Aujourd’hui nous nous attaquons au système de contrôle des lumières de Philips. Les ampoules Hue sont-ils un bon investissement ?</p>
|
||||
</p>
|
||||
<p><div id="ez-toc-container" class="ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction">
|
||||
<p class="ez-toc-title" style="cursor:inherit">Table of Contents</p>
|
||||
<label for="ez-toc-cssicon-toggle-item-68a33a6991cb8" class="ez-toc-cssicon-toggle-label"><span class=""><span class="eztoc-hide" style="display:none;">Toggle</span><span class="ez-toc-icon-toggle-span"><svg style="fill: #999;color:#999" xmlns="http://www.w3.org/2000/svg" class="list-377408" width="20px" height="20px" viewBox="0 0 24 24" fill="none"><path d="M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z" fill="currentColor"></path></svg><svg style="fill: #999;color:#999" class="arrow-unsorted-368013" xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24" version="1.2" baseProfile="tiny"><path d="M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z"/></svg></span></span></label><input type="checkbox" id="ez-toc-cssicon-toggle-item-68a33a6991cb8" aria-label="Toggle" /><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-1" href="https://www.mistergeek.net/informatique/test-philips-hue/#Les_lampes_connectees_Philips_Hue_en_detail" >Les lampes connectées Philips Hue en détail</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-2" href="https://www.mistergeek.net/informatique/test-philips-hue/#Les_Philips_Hue_en_condition" >Les Philips Hue en condition</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-3" href="https://www.mistergeek.net/informatique/test-philips-hue/#Une_experience_avec_les_ampoules_et_les_televiseurs" >Une expérience avec les ampoules et les téléviseurs</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-4" href="https://www.mistergeek.net/informatique/test-philips-hue/#Se_lancer_avec_la_lumiere_connectee" >Se lancer avec la lumière connectée</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-5" href="https://www.mistergeek.net/informatique/test-philips-hue/#Linstallation_et_la_configuration" >L’installation et la configuration</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-6" href="https://www.mistergeek.net/informatique/test-philips-hue/#Le_controle_des_Hue_par_smartphone" >Le contrôle des Hue par smartphone</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-7" href="https://www.mistergeek.net/informatique/test-philips-hue/#Le_reveil" >Le réveil</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-8" href="https://www.mistergeek.net/informatique/test-philips-hue/#Le_prix_des_Philips_Hue" >Le prix des Philips Hue</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-9" href="https://www.mistergeek.net/informatique/test-philips-hue/#Pour_conclure" >Pour conclure</a></li></ul></li></ul></nav></div>
|
||||
|
||||
</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading"><span class="ez-toc-section" id="Les_lampes_connectees_Philips_Hue_en_detail"></span>Les lampes connectées Philips Hue en détail<span class="ez-toc-section-end"></span></h2>
|
||||
</p>
|
||||
<p>Tout d’abord passons en revue comment Philips s’y est pris pour nous amener des lampes intelligentes. Nous verrons ensuite les fonctionnalités offertes par un kit Hue et pour finir nous aborderons le prix et les détails qui font que les lumières connectées sont l’avenir.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Les_Philips_Hue_en_condition"></span>Les Philips Hue en condition<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Voici un avis sur les ampoules <a href="https://www.mistergeek.net/informatique/ipv6-serveur-scaleway-dedibox/">IoT</a> Philips Hue en condition réelle. Nous avons utilisé ces objets pendant plusieurs semaines avant de vous livrer ce test.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Une_experience_avec_les_ampoules_et_les_televiseurs"></span>Une expérience avec les ampoules et les téléviseurs<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Philips s’est placé sur le marché des ampoules en commercialisant ses produits LEDs à basse consommation. Pour préparer l’avenir et grâce à l’expérience que possède l’entreprise, Phlips a fait le choix également de se lancer dans <a href="https://www.mistergeek.net/informatique">l’IoT</a>. Commercialisant également des TV avec rétro-éclairage, l’entreprise s’est donc lancée en prenant comme porteur sa technologie.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Se_lancer_avec_la_lumiere_connectee"></span>Se lancer avec la lumière connectée<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p><img decoding="async" src="/content/images/wordpress/2018/06/20180624_233247.jpg" alt="">Sur <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">Amazon</a> plusieurs kits de démarrage pour Hue sont disponibles. Quel que soit le kit que vous choisissez, pour avoir vos lampes connectées opérationnelles il faut s’équiper d’un <em>bridge</em> et des ampoules qui vont bien. Le kit que nous possédons était livré avec l’Amazon Echo. Il s’agit d’une box comprenant deux ampoules E27 – les plus communes -, le bridge et les accessoires tel que l’alimentation ou le câble Ethernet. Les ampoules sont en version « <em>white</em> » et non pas en version « <em>color</em>« . Les versions équipées de LEDs couleurs étant plus chères, nous avons pris la décision de les acheter plus tard.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Linstallation_et_la_configuration"></span>L’installation et la configuration<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p><img decoding="async" src="/content/images/wordpress/2018/06/philips-bridge-mur-2-169x300.jpg" alt="">La configuration des Philips Hue est assez simple. Il suffit de télécharger l’application sur <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">smartphone</a>, de mettre en place en place le bridge et les ampoules. Une fois l’application lancée, cette dernière va détecter automatiquement votre installation et vous proposer une configuration. Il est à noter que vous devez posséder une prise RJ45 libre sur <a href="https://gtemps.com/materiel/routeur/">votre routeur</a>. Hormis en utilisant un <em>hack</em> il n’est pas possible pour le moment d’utiliser des canaux wifi.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Le_controle_des_Hue_par_smartphone"></span>Le contrôle des Hue par smartphone<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/06/philips-hue-smartphone-interface-576x1024.png" alt=""/></figure>
|
||||
</p>
|
||||
<p>Les lampes Hue se contrôlent par smartphone et à la voix avec des IA tel que Google Assistant, <a href="https://www.mistergeek.net/informatique/apple-event-2020/">Apple</a> HomeKit ou encore Amazon <a href="https://www.mistergeek.net/informatique/test-amazon-echo-alexa/">Alexa</a>. Dans l’application on peut spécifier des zones afin de regrouper les ampoules. J’ai par exemple réalisé une zone « salon » afin – vous pouvez le deviner – d’éclairer mon salon. Et une zone « entrée » pour la lumière au-dessus de ma porte d’entrée. Disposant d’<a href="https://mistergeek.net/2018/06/20/avis-alexa-avec-amazon-echo-et-philips-hue/">Alexa</a>, à tout moment il me suffit d’énoncer « Alexa, allume le salon » pour que la pièce s’illumine. Il est tout à fait pensable de régler la luminosité et la couleur de cette façon. La nuit par exemple il est très confortable de mettre l’intensité des ampoules à 10 ou 20% afin de se reposer les yeux.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Le_reveil"></span>Le réveil<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/06/reveil-philips-hue-maison-domotique-576x1024.png" alt=""/></figure>
|
||||
</p>
|
||||
<p>Une fonctionnalité inintéressante et qui selon moi est incontournable, c »est le le réveil. Dans l’application, on peut configurer des plages horaires dans lesquelles on souhaite que les lumières s’allument. Après avoir utilisé cette fonctionnalité je peux vous dire que c’est un réel plaisir de se réveiller sans avoir mal aux yeux. Ainsi, il m’arrive même de me réveiller avant mon réveil classique grâce à la lumière émise par les ampoules. Si vous définissez une heure de réveil à 6h par exemple, dès 5h30 les ampoules vont se mettre à s’éclairer jusqu’à atteindre l’intensité lumineuse maximale. Le comble, c’est que l’application laisse libre choix à l’utilisateur pour configurer le temps d’allumage. On peut donc choisir de mettre 1h et non 30 minutes comme c’est le cas par défaut.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Le_prix_des_Philips_Hue"></span>Le prix des Philips Hue<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Philips de par sa position d’innovateur a fait le choix de placer la barre très haute. Pour s’offrir un kit de démarrage <em>white</em>, comptez 130€ pour un kit à ampoules blanches. Pour les Hue color, il va falloir investir 165€ environ. À se prix la l’investissement est conséquent. Si vous pensez que la technologie de Philips est trop onéreuse, vous pouvez toujours vous tourner vers LIFX, , Yeelight de Xiao Mi ou les Français Strangled. D’autant plus que ces ampoules, n’ont pas besoin de bridge, l’application seule suffit.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Pour_conclure"></span>Pour conclure<span class="ez-toc-section-end"></span></h3>
|
||||
</p>
|
||||
<p>Nous ne pouvons dire que du bien des Phlips Hue. L’application est parfaitement codée, on y navigue sans jamais se prendre la tête. Les ampoules remplissent bien leur fonction et même lorsqu’il y a une coupure internet, le bridge assure les fonctions programmées. N’ayez pas peur de rater l’heure de réveil. Les plus geek d’entre vous sauront apprécier le contrôle par la voix, qui donne un côté Tony Stark à sa maison.</p></p>
|
||||
@@ -1,31 +0,0 @@
|
||||
---
|
||||
title: "DNS66 : bloquer la publicité sur Android"
|
||||
date: "2018-07-01T16:50:31"
|
||||
draft: false
|
||||
slug: "dns66-bloquer-la-publicite-sur-android"
|
||||
wordpress_id: 302
|
||||
excerpt: "DNS66 permet de bloquer toutes les publicités sur un smartphone Android. Sur téléphone portable et plus particulièrement Android,…\n"
|
||||
featured_image: ""
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
</p>
|
||||
<p>DNS66 permet de bloquer toutes les publicités sur un <a href="https://www.mistergeek.net/informatique/installer-ios-beta-developpeur/">smartphone</a> <a href="https://www.mistergeek.net/informatique/snapchat-screenshot-capture/">Android</a>. Sur téléphone portable et plus particulièrement Android, hormis les navigateurs web spécialisés il n’existe pas réellement d’application pour ne plus avoir de publicité. Dans cet article, nous venons vous parler d’une <a href="https://www.mistergeek.net/informatique/withings-steel-hr/">application</a> disponible sur le Play Store, qui assure une fonction de blocage publicitaire.</p>
|
||||
</p>
|
||||
<h1 class="wp-block-heading">DNS66 : Changer ses DNS pour bloquer les publicités</h1>
|
||||
</p>
|
||||
<p>Changer ses DNS permet selon ce qu’on désire de bloquer des publicités, mais aussi de contourner la censure. Souvenez-vous lorsque <a href="https://www.mistergeek.net/telechargement/bittorrent/yggtorrent-adresse/">T411</a> était inaccessible il était possible de modifier ses DNS pour atteindre le site. Nous allons utiliser cette même méthode, mais cette fois-ci sur <em>smartphone</em> pour totalement supprimer les publicités sur mobile.</p>
|
||||
</p>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2018/07/dns66-bloqueur-publicite-android-150x150.png" alt="" class="wp-image-10940"/></figure>
|
||||
</p>
|
||||
<p>Disponible sur F-Droid, une place marché pour Android, DNS66 permet de ne plus <a href="https://www.mistergeek.net/telechargement">télécharger</a> les publicités. Il est malheureusement impossible de trouver l’application sur le Play Store. Si vous souhaitez l’installer, il va donc falloir utiliser l’APK. Le code source est disponible sur GitHub et l’application s’appuie sur un système de <em>fake </em><a href="https://mistergeek.net/vpn">VPN</a>.</p>
|
||||
</p>
|
||||
<h3 class="wp-block-heading">Payer pour de la publicité sur smartphone</h3>
|
||||
</p>
|
||||
<p>Sur téléphone portable et sur la grande majorité des abonnements, la bande passante est limité. Ainsi lorsque que vous naviguez sur le web avec votre terminal, vous vous retrouvez à charger de la publicité. Cette publicité vous est alors facturé par votre opérateur. Aujourd’hui bien sûr beaucoup de forfaits ont des limitations de l’ordre de la dizaine de Gigaoctets. Malgré tout des études montrent qu’afficher des publicités sur <em>smartphone</em> a un coût. Pour bloquer les publicités il faut mettre à profit <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> CPU. Heureusement pour nous, il existe des solutions qui ne drainent pas la batterie.</p>
|
||||
</p>
|
||||
<h2 class="wp-block-heading">Conclusion</h2>
|
||||
</p>
|
||||
<p>Je vous présente ici une petite application, qui est simple d’utilisation. Aucune modification du téléphone n’est nécessaire et même sans <em><strong>root</strong> </em>n’importe qui peut exécuter cette application. J’ai personnellement installée cette application sur mon <a href="https://www.mistergeek.net/informatique">Wiko </a>et pour ne pas couper les revenus des créateurs, je n’ai aucun autre <strong>ad block</strong>. Après un petit essai, il est à noter que les publicités de Snapchat et autres ne sont pas bloquées.</p></p>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user