diff --git a/.idea/8-chems.github.io.iml b/.idea/8-chems.github.io.iml new file mode 100644 index 0000000..d0876a7 --- /dev/null +++ b/.idea/8-chems.github.io.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml new file mode 100644 index 0000000..eb35177 --- /dev/null +++ b/.idea/inspectionProfiles/Project_Default.xml @@ -0,0 +1,19 @@ + + + + \ No newline at end of file diff --git a/.idea/inspectionProfiles/profiles_settings.xml b/.idea/inspectionProfiles/profiles_settings.xml new file mode 100644 index 0000000..105ce2d --- /dev/null +++ b/.idea/inspectionProfiles/profiles_settings.xml @@ -0,0 +1,6 @@ + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..f365f24 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..94a25f7 --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/workspace.xml b/.idea/workspace.xml new file mode 100644 index 0000000..e7be6da --- /dev/null +++ b/.idea/workspace.xml @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + 1637049408955 + + + + \ No newline at end of file diff --git a/README.md b/README.md index 0ebc251..9109796 100644 --- a/README.md +++ b/README.md @@ -1 +1,2 @@ -# 8-chems.github.io \ No newline at end of file +# 8-chems.github.io +[Chemseddine Berbague](https://8-chems.github.io/)'s CV website. diff --git a/fol/annaba.jpg b/fol/annaba.jpg new file mode 100644 index 0000000..8a36dd2 Binary files /dev/null and b/fol/annaba.jpg differ diff --git a/fol/icon-192.png b/fol/icon-192.png new file mode 100644 index 0000000..bb2a1c7 Binary files /dev/null and b/fol/icon-192.png differ diff --git a/fol/icon.png b/fol/icon.png new file mode 100644 index 0000000..b812604 Binary files /dev/null and b/fol/icon.png differ diff --git a/fol/meme.jpeg b/fol/meme.jpeg new file mode 100644 index 0000000..4cddcdf Binary files /dev/null and b/fol/meme.jpeg differ diff --git a/fol/style.css b/fol/style.css new file mode 100644 index 0000000..2868396 --- /dev/null +++ b/fol/style.css @@ -0,0 +1,610 @@ +* { + box-sizing: border-box +} + +html { + background-color: #fff +} + +body { + background-color: #fff; + margin: 0; + min-height: 100%; + font-family: raleway, helvetica neue, sans-serif; + color: #112f41; + font-size: 16px +} + +.nav-item>a:hover { + color: green; +} + +@media(max-width:767px) { + body { + line-height: 1.7em + } +} + +ul { + margin-top: -15px +} + +li { + line-height: 1.5em +} + +p::selection { + background-color: #eaedf0; + color: #364049 +} + +p { + display: block; + font-weight: 400; + font-size: 1em; + margin-top: 0; + margin-bottom: 15px; + line-height: 1.5em; + text-align: justify +} + +h1, +h2, +h3, +h4, +h5 { + font-family: montserrat, helvetica neue, sans-serif; + letter-spacing: .02em; + margin-bottom: 10px; + margin-top: 30px; + line-height: 1.5em +} + +h1 { + font-size: 36px; + font-weight: 600 +} + +h2 { + font-size: 30px; + font-weight: 600 +} + +h3 { + font-size: 24px; + font-weight: 500 +} + +h4 { + font-size: 20px; + font-weight: 500 +} + +blockquote { + margin: 0 5px; + font-size: 1em; + line-height: 1.5em; + text-align: justify; + font-style: italic +} + +blockquote:before { + font-family: Georgia, serif; + content: '\201C'; + position: absolute; + top: .15em; + left: -.18em; + color: #dce0e5; + font-size: 7em; + z-index: -1; + font-style: italic +} + +header, +#content { + height: 100% +} + +figure { + margin: 0 +} + +figure img { + margin-bottom: 6px!important +} + +figure figcaption p { + font-size: 14px; + text-align: center +} + +header { + width: 30%; + background-size: cover; + background-position: 50% 0; + position: fixed; + color: #fcfcfd +} + +header h2 { + font-size: 36px; + font-weight: 600 +} + +header .menu { + text-align: left +} + +header .menu p { + margin-bottom: 0 +} + +header .socials { + padding: 35px 45px; + bottom: 0; + position: fixed; + border: 0; + max-width: 30% +} + +header .socials .social-link a svg, +header .socials a:visited svg, +header .socials a:focus svg, +header .socials a:active svg { + fill: #fff +} + +header .socials .social-link a:focus svg, +header .socials a:active svg, +header .socials a:hover svg { + -webkit-transition: fill .7s; + -moz-transition: fill .7s; + -ms-transition: fill .7s; + -o-transition: fill .7s; + transition: fill .7s; + fill: #b9c2cb +} + +header a, +header a:link, +header a:visited { + color: #fff; + border-bottom: 0; + font-weight: 400; + -webkit-transition: all .25s; + -moz-transition: all .25s; + -ms-transition: all .25s; + -o-transition: all .25s; + transition: all .25s; + line-height: 1.9em +} + +header a:hover, +header a:focus, +header a:active { + color: #fd3519 +} + +header .intro { + padding: 35px 45px; + padding-bottom: 50px; + /* position: absolute; */ + bottom: 140px; + top: 0px; +} + +header .rounded-logo { + width: 150px; + height: 150px; + border-radius: 50%; + margin-bottom: 40px; + display: block; + box-shadow: 0 0 5px #112f41 +} + +@media(min-width:768px) and (max-width:1023px) { + header { + width: 42%; + height: 100%; + } + header .intro { + /* bottom: 150px */ + max-width: 250px; + } + header .socials { + max-width: 40% + } + span { + width: 10%!important; + } +} + +@media(max-width:767px) { + .logo-container { + margin-top: 20px; + } + header { + position: relative; + width: 100%; + background: #112f41!important; + display: block; + height: auto + } + header p { + padding-top: 10px + } + header .socials { + padding: 0 45px 35px; + position: relative; + max-width: inherit + } + header .rounded-logo { + text-align: center; + margin: 0 auto + } + header .intro { + bottom: inherit; + display: block; + position: relative; + max-width: 50%; + } +} + +#content, +.breadcrumb { + max-width: 50em; + margin: 0 auto; + display: block +} + +a { + line-height: 1.6em +} + +a, +a:visited, +a:link { + text-decoration: none; + color: inherit; + font-weight: 400; + padding-bottom: 1px; + -webkit-transition: all .2s; + -moz-transition: all .2s; + -ms-transition: all .2s; + -o-transition: all .2s; + transition: all .2s +} + +a svg, +a:visited svg, +a:link svg { + fill: inherit; + -webkit-transition: all .2s; + -moz-transition: all .2s; + -ms-transition: all .2s; + -o-transition: all .2s; + transition: all .2s +} + +a:hover, +a:focus, +a:active { + color: #8d8c8c; + text-decoration: none; + font-weight: 600; + padding-bottom: 1px +} + +a:hover svg, +a:focus svg, +a:active svg { + fill: #fd3519 +} + +.content-wrapper { + padding: 35px 45px; + position: static; + width: 70%; + margin-left: 30%; + float: none; + clear: none; + display: block; + min-height: 88vh +} + +@media(min-width:768px) and (max-width:1023px) { + .content-wrapper { + width: 60%; + margin-left: 40% + } +} + +@media(max-width:767px) { + .content-wrapper { + position: relative; + width: 100%; + margin-left: 0 + } +} + +footer { + position: absolute; + width: 70%; + left: 30%; + background-color: #112f41; + color: #fcfcfd; + padding: 35px 45px +} + +footer .footer-wrapper { + max-width: 35em; + margin: 0 auto; + display: block +} + +@media(min-width:768px) and (max-width:1023px) { + footer { + width: 60%; + left: 40% + } +} + +@media(max-width:767px) { + footer { + position: relative; + width: 100%; + left: 0 + } +} + +footer p { + margin-bottom: 0 +} + +img.gopher { + margin: 0 auto 30px!important; + max-width: 200px +} + +.small { + font-size: 13px +} + +.active { + font-weight: 500 +} + +#content .icon, +header .icon { + margin-right: 5px; + display: inline-block +} + +#content .icon svg, +header .icon svg { + width: auto +} + +header .icon { + fill: #fff; + margin-right: 10px +} + +#content .icon { + fill: #112f41 +} + +#content:not(.portfolio) img { + width: 110%; + display: block; + margin: 0 -5% +} + +.published-date, +.reading-time { + display: inline-block; + margin-bottom: 20px +} + +.reading-time { + margin-right: 20px +} + +.img-caption { + margin-bottom: 5px!important +} + +.portfolio img { + max-width: 100%; + margin-bottom: 30px; + box-shadow: 0 0 5px #112f41 +} + +.portfolio .rounded-img { + width: 150px; + height: 150px; + border-radius: 50% +} + +.portfolio .testimonial-list { + margin: 0 auto; + display: flex +} + +.portfolio .testimonial-list .testimonial-container { + display: inline-block; + text-align: center +} + +.portfolio .testimonial-list .testimonial-container .testimonial-name, +.portfolio .testimonial-list .testimonial-container .testimonial-role { + text-align: center; + font-weight: 600; + font-size: 18px; + margin-top: -20px +} + +.portfolio .testimonial-list .testimonial-container .testimonial-role { + font-weight: 400 +} + +.portfolio .testimonial-list .testimonial-container .testimonial-text { + position: relative; + z-index: 0 +} + +.portfolio .portfolio-tags { + margin-top: 6px +} + +.portfolio .portfolio-tags span { + font-weight: 600 +} + +.portfolio .portfolio-tags a { + overflow-wrap: break-word +} + +.portfolio .tags { + margin-bottom: 10px +} + +#content .portfolio-list h2 { + margin: 0 +} + +#content .portfolio-list a, +#content .portfolio-list a:hover, +#content .portfolio-list a:link, +#content .portfolio-list a:active, +#content .portfolio-list a:visited, +#content .portfolio-list a:focus { + border-bottom: none; + color: inherit +} + +#content .portfolio-list img { + max-width: 100%; + border-radius: 2px; + display: block; + box-shadow: 0 0 5px #112f41; + margin: inherit +} + +#content .portfolio-list .portfolio-container { + position: relative; + max-width: 35em; + margin-bottom: 30px +} + +#content .portfolio-list .portfolio-container .portfolio-details { + opacity: 0; + display: none; + width: 100%; + padding: 2em 1em; + color: #fff; + -webkit-transition: opacity .4s ease; + -moz-transition: opacity .4s ease; + -ms-transition: opacity .4s ease; + -o-transition: opacity .4s ease; + transition: opacity .4s ease +} + +#content .portfolio-list .portfolio-container .portfolio-details p, +#content .portfolio-list .portfolio-container .portfolio-details h2 { + text-align: center; + margin-bottom: 0; + position: relative +} + +#content .portfolio-list .portfolio-container .img-overlay { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + height: 100%; + width: 100%; + opacity: 0; + -webkit-transition: .4s ease; + -moz-transition: .4s ease; + -ms-transition: .4s ease; + -o-transition: .4s ease; + transition: .4s ease; + background-color: #112f41 +} + +#content .portfolio-list .portfolio-container:hover .img-overlay { + opacity: .7 +} + +#content .portfolio-list .portfolio-container:hover .portfolio-details { + opacity: 1; + display: block; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%) +} + +#content .portfolio-list img::hover { + linear-gradient: #112f41, #112f41 +} + +@media(max-width:767px) { + #content .portfolio-list .portfolio-container img { + margin-bottom: 0 + } + #content .portfolio-list .portfolio-container .img-overlay { + display: none + } + #content .portfolio-list .portfolio-container .portfolio-details { + display: block; + opacity: 1; + width: 100%; + padding: 0; + color: #364049 + } + #content .portfolio-list .portfolio-container .portfolio-details h2 { + font-size: 24px; + line-height: 1.5em + } + #content .portfolio-list .portfolio-container .portfolio-details h2 span { + background-image: linear-gradient(180deg, transparent 60%, #FFFFFF 0); + padding: 0 .2em + } + #content .portfolio-list .portfolio-container .portfolio-details p, + #content .portfolio-list .portfolio-container .portfolio-details h2 { + text-align: center; + margin-bottom: 0; + position: relative + } + #content .portfolio-list .portfolio-container:hover .portfolio-details { + -webkit-transform: none; + -ms-transform: none; + transform: none; + position: relative; + left: 0 + } +} + +.designs, +.techs { + display: inline-block +} + +.designs { + margin-right: 20px +} + +.read-more { + margin-top: -10px; + text-align: right; + display: block +} + +.chroma { + padding: 10px +} \ No newline at end of file diff --git a/googledd0c80a3f2480682.html b/googledd0c80a3f2480682.html new file mode 100644 index 0000000..2ad04c0 --- /dev/null +++ b/googledd0c80a3f2480682.html @@ -0,0 +1 @@ +google-site-verification: googledd0c80a3f2480682.html \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..6833a04 --- /dev/null +++ b/index.html @@ -0,0 +1,548 @@ + + + + + + Chemseddine Berbague + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ + + +
+

Chemseddine Berbague

+

Data Scientist & Developer

+
+ +
+ + + + + + + + + + + + + + + + + +
+
+ + + +
+ +
+ + + + + + HOME + / + + + + + Biography + + + +
+ + +
+

Biography

+
+

+ Hi! I’m Chemseddine Eddine Berbague and welcome to my little corner of the internet. I am a developer and a data scientist. I have got my Ph.D. from the University of Badji Mokhtar-Annaba, Algeria, in 2021. Under my research, I investigate the development + of new ideas and solutions to improve the performances of recommender systems, which are critical in any customization system. I am an author of several international conferences and journals, in which I treated the multi-objective + recommendation quality problem by developing better collaborative-based filtering techniques. My current interest is improving the evolutionary algorithms using deep learning and solving more pressing real recommendation problems such + as the issues related to health, education, and news applications. +

+
+ + + +
+ +

Education

+ + +
+
+
    +
    +
  • +

    +
    + + + + PhD in Computer Science, 2021. + + +
    +

    + +
    +
    +

    + Durnig my doctoral research, we interested by improving the recommendation quality in e-commerce applications. In effect, we proposed a multi-objective genetic-based clustering algorthim to balance diversity, novelty, and relevancy of recommendation, + which are conflicting quality metrics. In more details, we used performant optmization and data reduction techniques to group together the users into similar and diverse clusters. Our proposed solutions + have achieved comparative results in comparison to similar appraoches. You find on + Slideshare a more detailed presentation of our proposition or + you can contact me to get a copy of my thesis.

    +
    +
    +
    • +
  • +

    + + + Badji Mokhtar University, Annaba, Algeria + +

    +
    • +
    +
+
+
+ + +
+ +
+ +

Research Interest

+ +
+ +
+ + +

Experiences

+ +

Professional experiences

+
+
    +
  • +

    + + Data Management Engineer + +

    +
    +
    + +

    + As an Odoo developer, and a business analyst, at Nechma Group Company, I have collaborated within a team + to analyze the needs of the company and proposed adequate solutions for automatizing the information process. In the projects I worked on, I had a cumulative experience with Python, XML, business analysis, and team + work. +

    +
    +
    +
    • +
  • +

    + + Freelance Web Developer + +

    +
    +
    +

    + I have worked as an independent web developer on some web applications. In such projects, I used known web technologies and frameworks such as react, VueJS, and bootstrap. + + Have a look on some of my open source samples.

    +
    +
    +
    • +
+
+ +

Academic experiences

+
+
    +
  • +

    + + Teacher + +

    +
    +
    + During 3 years, I have worked as a part-time teacher and gave Matlab practical activities, in both science and techniques department (ST), and computer and mathematics department (MIAS) at the university Badji-Mokhtar, Annaba, Algeria. +
    +
    + +
    • + +
  • +

    + + Reviewer + +

    + +
    + RecSys 2020,ECAI 2020, TheWebConf 2020, TheWebConf 2019, and ACM UMAP 2019 +
    +
    • + + +
  • +

    + + Researcher + +

    +
    +
    +
    +
    +
    • +
+
+ +

Research work

+ +
+
Selected publication
+
+

+ + An Overlapping Clustering Approach for Precision, Diversity and NoveltyAware + Recommendations. + +

+
+

Chemseddine Berbague, Karabadji Nour El-Islem, Seridi Hassina, Panagiotis Symeionidis, Yannis Manopolous, Wajdi Dhifli.

+
+

+ Check My Google Scholar + DOI + +
+
+ + + + +

Development skills

+ +
+
+ +
+
+
+ +
+ + + + + + + + + + + + + + + \ No newline at end of file