Letterboxd_Analysis.ipynb

{
  "nbformat": 4,
  "nbformat_minor": 0,
  "metadata": {
    "colab": {
      "provenance": [],
      "authorship_tag": "ABX9TyOCo6PNKrWS8SxVGaCKf9hw",
      "include_colab_link": true
    },
    "kernelspec": {
      "name": "python3",
      "display_name": "Python 3"
    },
    "language_info": {
      "name": "python"
    }
  },
  "cells": [
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "view-in-github",
        "colab_type": "text"
      },
      "source": [
        "<a href=\"https://colab.research.google.com/github/ilmuneraka/letterboxd-friends-ranker/blob/main/Letterboxd_Analysis.ipynb\" target=\"_parent\"><img src=\"https://colab.research.google.com/assets/colab-badge.svg\" alt=\"Open In Colab\"/></a>"
      ]
    },
    {
      "cell_type": "code",
      "execution_count": 1,
      "metadata": {
        "id": "2B2X-GtdqdrE"
      },
      "outputs": [],
      "source": [
        "from bs4 import BeautifulSoup\n",
        "import requests\n",
        "import pandas as pd\n",
        "\n",
        "DOMAIN = \"https://letterboxd.com\""
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "# Scraping Movies with BeautifulSoup"
      ],
      "metadata": {
        "id": "xfAimNROKXww"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "# we will try to get html of my letterboxd page\n",
        "username = \"cacingpincang\"\n",
        "url = DOMAIN + \"/\" + username + \"/films/\"\n",
        "url_page = requests.get(url)\n",
        "soup = BeautifulSoup(url_page.content, 'html.parser')"
      ],
      "metadata": {
        "id": "Cr2mv1ruqk1E"
      },
      "execution_count": 2,
      "outputs": []
    },
    {
      "cell_type": "code",
      "source": [
        "# we will take a look at the html\n",
        "soup"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "E9v0x_ERrv85",
        "outputId": "681f7f19-fd79-4372-8a0e-1acd76a387ed"
      },
      "execution_count": 3,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "\n",
              "<!DOCTYPE html>\n",
              "\n",
              "<!--[if lt IE 7 ]> <html lang=\"en\" class=\"ie6 lte9 lte8 lte7 lte6 no-js\"> <![endif]-->\n",
              "<!--[if IE 7 ]>    <html lang=\"en\" class=\"ie7 lte9 lte8 lte7 no-js\"> <![endif]-->\n",
              "<!--[if IE 8 ]>    <html lang=\"en\" class=\"ie8 lte9 lte8 no-js\"> <![endif]-->\n",
              "<!--[if IE 9 ]>    <html lang=\"en\" class=\"ie9 lte9 no-js\"> <![endif]-->\n",
              "<!--[if (gt IE 9)|!(IE)]><!--> <html class=\"no-mobile no-js\" id=\"html\" lang=\"en\"> <!--<![endif]-->\n",
              "<head>\n",
              "<meta charset=\"utf-8\"/>\n",
              "<meta content=\"width=1024\" name=\"viewport\"/>\n",
              "<meta content=\"IE=edge,chrome=1\" http-equiv=\"X-UA-Compatible\"/>\n",
              "<meta content=\"Alfian Hakim’s films\" name=\"description\"/>\n",
              "<meta content=\"https://letterboxd.com/cacingpincang/films/\" property=\"og:url\"/>\n",
              "<meta content=\"Alfian Hakim’s films\" property=\"og:title\"/>\n",
              "<meta content=\"Alfian Hakim’s films\" property=\"og:description\"/>\n",
              "<meta content=\"https://s.ltrbxd.com/static/img/default-share.e38c5d62.png\" property=\"og:image\"/>\n",
              "<meta content=\"Letterboxd\" name=\"application-name\"/>\n",
              "<meta content=\"#445566\" name=\"theme-color\"/>\n",
              "<meta content=\"#445566\" name=\"msapplication-TileColor\"/>\n",
              "<meta content=\"app-id=1054271011, affiliate-data=11l5KW, app-argument=https://letterboxd.com/cacingpincang/films/\" name=\"apple-itunes-app\"/>\n",
              "<meta content=\"yes\" name=\"mobile-web-app-capable\"/>\n",
              "<title>‎Alfian Hakim’s films • Letterboxd</title>\n",
              "<script>\n",
              "\t\twindow.dataLayer = window.dataLayer || [];\n",
              "\t\twindow.gtag = window.gtag || function () {\n",
              "\t\t\tdataLayer.push(arguments);\n",
              "\t\t};\n",
              "\t\tfunction ga() {}\n",
              "\n",
              "\t\t// Default consent to 'denied'.\n",
              "\t\tgtag('consent', 'default', {\n",
              "\t\t\t'analytics_storage': 'denied',\n",
              "\t\t\t'ad_storage': 'denied',\n",
              "\t\t});\n",
              "\t</script>\n",
              "<script async=\"\" src=\"https://www.googletagmanager.com/gtag/js?id=G-D3ECBB4D7L\"></script>\n",
              "<script>\n",
              "\t\twindow.dataLayer = window.dataLayer || [];\n",
              "\t\twindow.gtag = window.gtag || function () {\n",
              "\t\t\tdataLayer.push(arguments);\n",
              "\t\t};\n",
              "\t\tgtag('js', new Date());\n",
              "\t\n",
              "\t\tvar analytic_params = {};\n",
              "\t\t\n",
              "\t\t\n",
              "\t\tanalytic_params['user_type'] = 'Visitor';\n",
              "\t\tanalytic_params['template'] = '/object/person/films-watched';\n",
              "\t\t\n",
              "\t\t\n",
              "\n",
              "\t\tif (analytic_params.member_type) {\n",
              "\t\t\tgtag('set', 'user_properties', { \n",
              "\t\t\t\tmember_type: analytic_params.member_type,\n",
              "\t\t\t});\n",
              "\t\t\tdelete analytic_params.member_type;\n",
              "\t\t}\n",
              "\t\tvar config = {\n",
              "\t\t\t...analytic_params,\n",
              "\t\t\t'cookie_domain': 'letterboxd.com', \n",
              "\t\t\t'optimize_id': 'GTM-TB8HSDN', \n",
              "\t\t};\n",
              "\t\tgtag('config', 'G-D3ECBB4D7L', config);\n",
              "\t</script>\n",
              "<script>\n",
              "\t\tvar isMobile = false,\n",
              "\t\t\tisMobileOptimised = true,\n",
              "\t\t\trenderMobile = false,\n",
              "\t\t\tuseStaticFonts = false,\n",
              "\t\t\tdisableFrameProtection = false,\n",
              "\t\t\tbaseURL = \"\",\n",
              "\t\t\tsuccessMessages = [],\n",
              "\t\t\terrorMessages = [],\n",
              "\t\t\tstickyMessages = [],\n",
              "\t\t\tglobals = {\n",
              "\t\t\tautoAddFilm: false\t\t\t\n",
              "\t\t\t\t, spinners: {\n",
              "\t\t\t\t\tajax_242d35: 'https://s.ltrbxd.com/static/img/spinner-dark-2x.fda24f88.gif',\n",
              "\t\t\t\t\tspinner_12_2C3641: 'https://s.ltrbxd.com/static/img/spinner-dark-2x.fda24f88.gif',\n",
              "\t\t\t\t\tspinner_14_20272f: 'https://s.ltrbxd.com/static/img/spinner-dark-2x.fda24f88.gif',\n",
              "\t\t\t\t\tspinner_16_161B21: 'https://s.ltrbxd.com/static/img/spinner-dark-2x.fda24f88.gif'\n",
              "\t\t\t\t}\n",
              "\t\t\t},\n",
              "\t\t\tsupermodelCSRF = \"\",\n",
              "\t\t\tgRecaptchaKey = '6Le3mMIUAAAAAEXbwZ7M1R5jEv0V5xbvj7bgXq2g',\n",
              "\t\t\tperson = {\n",
              "\t\t\t\tusername: \"\"\n",
              "\t\t\t\t, loggedIn: false\n",
              "\t\t\t\t\n",
              "\t\t\t\t, showAds: true\n",
              "\t\t\t\t, role: \"guest\"\n",
              "\t\t\t\t, hasExtendedServiceFilters: false\n",
              "\t\t\t\t, canBulkAddToLists: false\n",
              "\t\t\t\t, canFilterOwned: false\n",
              "\t\t\t\t, hasHqRole: false\n",
              "\t\t\t\t, canHaveHqDashboard: false\n",
              "\t\t\t\t, hasMemberStatistics: false\n",
              "\t\t\t\t, blockedMembers: []\n",
              "\t\t\t\t, showAdultContent: false\n",
              "\t\t\t\t, validated: null\n",
              "\t\t\t\t, trusted: false\n",
              "\t\t\t\t, hasBlocked : function(member) { for (var i = 0; i !== person.blockedMembers.length; i++) {if (person.blockedMembers[i] === member) return true;} return false; }\n",
              "\t\t\t\t, viewingTags: []\n",
              "\t\t\t\t, hasMoreTags: true\n",
              "\t\t\t\t, getCustomPoster : function(filmId) { return null; }\n",
              "\t\t\t},\n",
              "\t\t\tdisableAds = false;\n",
              "\t\t\n",
              "\t\t\n",
              "\t\t\n",
              "supermodelCSRF = \"b44a55dc6d5e01d92f2d\";\n",
              "\n",
              "\t\t\n",
              "\n",
              "\t\t\n",
              "\n",
              "\t\t\n",
              "\n",
              "\t\t\n",
              "\t\t\tif ( screen.width < 768 ) {\n",
              "\t\t\t\tvar date = new Date();\n",
              "\t\t\t\tvar maxAge = 365 * 24 * 60 * 60;\n",
              "\t\t\t\tdate.setTime(date.getTime() + maxAge * 1000);\n",
              "\t\t\t\tvar expires = '; expires=' + date.toUTCString();\n",
              "\t\t\t\tdocument.cookie = \"useMobileSite=yes\" + expires + \"; path=/; maxAge=\" + maxAge;\n",
              "\t\t\t\tif ( document.cookie && document.cookie.indexOf(\"useMobileSite=yes\") >= 0 ) {\n",
              "\t\t\t\t\twindow.location.reload(true);\n",
              "\t\t\t\t} else {\n",
              "\t\t\t\t\t// No cookies.  No Mobile version.\n",
              "\t\t\t\t}\n",
              "\t\t\t}\n",
              "\t\t\n",
              "\n",
              "\t\tvar isWindows = navigator.platform.toUpperCase().indexOf('WIN') >= 0; // Detect windows platform\n",
              "\t\tif (isWindows) { document.documentElement.classList.add('is-windows'); }\n",
              "\t\t\n",
              "\t\t\n",
              "\t</script>\n",
              "<script>\n",
              "\t\twindow.ramp = window.ramp || {};\n",
              "\t\twindow.ramp.que = window.ramp.que || [];\n",
              "\t\twindow.ramp.passiveMode = false; \n",
              "\t\twindow.ramp.forcePath = '';\n",
              "\t\twindow.ramp.custom_tags = [\n",
              "\t\t\t'', \n",
              "\t\t\t'', \n",
              "\t\t\t'', \n",
              "\t\t\t'', \n",
              "\t\t\t'' \n",
              "\t\t];\n",
              "\t</script>\n",
              "<script src=\"//cdn.intergient.com/1024338/72804/ramp_config.js\"></script>\n",
              "<script>\n",
              "\t\twindow._pwGA4PageviewId = ''.concat(Date.now());\n",
              "\t\twindow.dataLayer = window.dataLayer || [];\n",
              "\t\twindow.gtag = window.gtag || function () { \n",
              "\t\t\tdataLayer.push(arguments);\n",
              "\t\t};\n",
              "\t\tgtag('js', new Date());\n",
              "\t\tgtag('config', 'G-L0W7RDZXX3', { 'send_page_view': false });\n",
              "\t\tgtag(\n",
              "\t\t\t'event',\n",
              "\t\t\t'ramp_js',\n",
              "\t\t\t{\n",
              "\t\t\t\t'send_to': 'G-L0W7RDZXX3',\n",
              "\t\t\t\t'pageview_id': window._pwGA4PageviewId\n",
              "\t\t\t}\n",
              "\t\t);\n",
              "\t</script>\n",
              "<link href=\"/manifest.json\" rel=\"manifest\"/>\n",
              "<link href=\"/humans.txt\" rel=\"author\" type=\"text/plain\"/>\n",
              "<link color=\"#445566\" href=\"https://s.ltrbxd.com/static/img/icons/letterboxd-decal-l-16px.5fe24c7d.svg\" rel=\"mask-icon\"/>\n",
              "<link href=\"https://s.ltrbxd.com/static/img/icons/touch-icon-192x192.257b84e7.png\" rel=\"shortcut icon\" sizes=\"196x196\"/>\n",
              "<link href=\"/favicon.ico\" rel=\"shortcut icon\"/>\n",
              "<link href=\"/static/opensearch.xml\" rel=\"search\" title=\"Letterboxd\" type=\"application/opensearchdescription+xml\"/>\n",
              "<!--[if lte IE 9 ]>\n",
              "\t\t<link href=\"https://s.ltrbxd.com/static/css/ie9-1.min.33b3ae5e.css\" rel=\"stylesheet\" media=\"screen, projection\"/>\n",
              "\t\t<link href=\"https://s.ltrbxd.com/static/css/ie9-2.min.b76506f1.css\" rel=\"stylesheet\" media=\"screen, projection\"/>\n",
              "\t<![endif]-->\n",
              "<!--[if (gt IE 9)|!(IE)]><!-->\n",
              "<link href=\"https://s.ltrbxd.com/static/css/main.min.119b8332.css\" media=\"screen, projection\" rel=\"stylesheet\"/>\n",
              "<!--<![endif]-->\n",
              "<!--[if lte IE 6]><script>location.replace(\"/errors/ie6\");</script><![endif]-->\n",
              "<!--[if IE 7]><script>location.replace(\"/errors/ie7\");</script><![endif]-->\n",
              "<!--[if IE 8]><script>location.replace(\"/errors/ie8\");</script><![endif]-->\n",
              "<!--[if IE 9]><script>location.replace(\"/errors/ie9\");</script><![endif]-->\n",
              "<link href=\"https://s.ltrbxd.com/static/css/desktop.min.1c7835d9.css\" media=\"screen, projection\" rel=\"stylesheet\"/>\n",
              "<script src=\"https://s.ltrbxd.com/static/js/main.min.5620f639.js\"></script>\n",
              "<script>\n",
              "\t\tif ( $.cookie(\"letterboxd.admin.signed.in\") === person.username ) {\n",
              "\t\t\tsuccessMessages.push(\"You are signed in as \" + person.username);\n",
              "\t\t\t$(function(){$(\"#header, #content, body\").css(\"background\",\"#543\");});\n",
              "\t\t}\n",
              "\t</script>\n",
              "</head>\n",
              "<body class=\"films-watched wide small-poster-grid\" data-owner=\"cacingpincang\">\n",
              "<script>\n",
              "var mainMenu = [];\n",
              "\n",
              "\t\n",
              "\tmainMenu.push({\n",
              "\t\t\"id\": 1,\n",
              "\t\t\"url\": \"/sign-in/\", \n",
              "\t\t\"name\": \"Sign In\",\n",
              "\t\t\"cssClassCode\": \"sign-in-menu\",\n",
              "\t\t\"hideWhenSignedIn\": true,\n",
              "\t\t\"hideWhenNotSignedIn\": false,\n",
              "\t\t\"showInMainNavForMobile\": true,\n",
              "\t\t\"tooltip\": \"\",\n",
              "\t\t\"selected\": false\n",
              "\t});\n",
              "\n",
              "\t\n",
              "\tmainMenu.push({\n",
              "\t\t\"id\": 2,\n",
              "\t\t\"url\": \"/create-account/\", \n",
              "\t\t\"name\": \"Create Account\",\n",
              "\t\t\"cssClassCode\": \"create-account-menu\",\n",
              "\t\t\"hideWhenSignedIn\": true,\n",
              "\t\t\"hideWhenNotSignedIn\": false,\n",
              "\t\t\"showInMainNavForMobile\": false,\n",
              "\t\t\"tooltip\": \"\",\n",
              "\t\t\"selected\": false\n",
              "\t});\n",
              "\n",
              "\t\n",
              "\tmainMenu.push({\n",
              "\t\t\"id\": 3,\n",
              "\t\t\"url\": \"/\", \n",
              "\t\t\"name\": \"Home\",\n",
              "\t\t\"cssClassCode\": \"person-home\",\n",
              "\t\t\"hideWhenSignedIn\": true,\n",
              "\t\t\"hideWhenNotSignedIn\": true,\n",
              "\t\t\"showInMainNavForMobile\": false,\n",
              "\t\t\"tooltip\": \"\",\n",
              "\t\t\"selected\": false\n",
              "\t});\n",
              "\n",
              "\t\n",
              "\tmainMenu.push({\n",
              "\t\t\"id\": 4,\n",
              "\t\t\"url\": \"/activity/\", \n",
              "\t\t\"name\": \"Activity\",\n",
              "\t\t\"cssClassCode\": \"main-nav-activity\",\n",
              "\t\t\"hideWhenSignedIn\": false,\n",
              "\t\t\"hideWhenNotSignedIn\": true,\n",
              "\t\t\"showInMainNavForMobile\": false,\n",
              "\t\t\"tooltip\": \"Activity\",\n",
              "\t\t\"selected\": false\n",
              "\t});\n",
              "\n",
              "\t\n",
              "\tmainMenu.push({\n",
              "\t\t\"id\": 5,\n",
              "\t\t\"url\": \"/films/\", \n",
              "\t\t\"name\": \"Films\",\n",
              "\t\t\"cssClassCode\": \"films-page main-nav-films\",\n",
              "\t\t\"hideWhenSignedIn\": false,\n",
              "\t\t\"hideWhenNotSignedIn\": false,\n",
              "\t\t\"showInMainNavForMobile\": false,\n",
              "\t\t\"tooltip\": \"\",\n",
              "\t\t\"selected\": false\n",
              "\t});\n",
              "\n",
              "\t\n",
              "\tmainMenu.push({\n",
              "\t\t\"id\": 6,\n",
              "\t\t\"url\": \"/lists/\", \n",
              "\t\t\"name\": \"Lists\",\n",
              "\t\t\"cssClassCode\": \"lists-page main-nav-lists\",\n",
              "\t\t\"hideWhenSignedIn\": false,\n",
              "\t\t\"hideWhenNotSignedIn\": false,\n",
              "\t\t\"showInMainNavForMobile\": false,\n",
              "\t\t\"tooltip\": \"\",\n",
              "\t\t\"selected\": false\n",
              "\t});\n",
              "\n",
              "\t\n",
              "\tmainMenu.push({\n",
              "\t\t\"id\": 7,\n",
              "\t\t\"url\": \"/members/\", \n",
              "\t\t\"name\": \"Members\",\n",
              "\t\t\"cssClassCode\": \"main-nav-people\",\n",
              "\t\t\"hideWhenSignedIn\": false,\n",
              "\t\t\"hideWhenNotSignedIn\": false,\n",
              "\t\t\"showInMainNavForMobile\": false,\n",
              "\t\t\"tooltip\": \"\",\n",
              "\t\t\"selected\": false\n",
              "\t});\n",
              "\n",
              "\t\n",
              "\tmainMenu.push({\n",
              "\t\t\"id\": 8,\n",
              "\t\t\"url\": \"/journal/\", \n",
              "\t\t\"name\": \"Journal\",\n",
              "\t\t\"cssClassCode\": \"main-nav-journal\",\n",
              "\t\t\"hideWhenSignedIn\": false,\n",
              "\t\t\"hideWhenNotSignedIn\": false,\n",
              "\t\t\"showInMainNavForMobile\": false,\n",
              "\t\t\"tooltip\": \"\",\n",
              "\t\t\"selected\": false\n",
              "\t});\n",
              "\n",
              "\t\n",
              "\tmainMenu.push({\n",
              "\t\t\"id\": 9,\n",
              "\t\t\"url\": \"/search/\", \n",
              "\t\t\"name\": \"Search results\",\n",
              "\t\t\"cssClassCode\": \"\",\n",
              "\t\t\"hideWhenSignedIn\": true,\n",
              "\t\t\"hideWhenNotSignedIn\": true,\n",
              "\t\t\"showInMainNavForMobile\": false,\n",
              "\t\t\"tooltip\": \"\",\n",
              "\t\t\"selected\": false\n",
              "\t});\n",
              "\n",
              "</script>\n",
              "<header class=\"site-header js-hide-in-app\" data-allow-user-to-add-all-films-to-a-list=\"true\" id=\"header\">\n",
              "<div class=\"site-header-bg\"></div>\n",
              "<section>\n",
              "<h1 class=\"site-logo\"><a class=\"logo replace\" href=\"/\">Letterboxd — Your life in film</a></h1>\n",
              "<div class=\"react-component\" data-component-class=\"globals.comps.NavComponent\"></div>\n",
              "<form action=\"#\" autocapitalize=\"off\" autocorrect=\"off\" class=\"signin signin-form js-header-signin-form js-signin\" data-recaptcha-action=\"signin\" data-url=\"/user/login.do\" id=\"signin\" method=\"post\" novalidate=\"novalidate\">\n",
              "<input name=\"__csrf\" type=\"hidden\" value=\"placeholder\"/>\n",
              "<fieldset class=\"fieldset\">\n",
              "<div class=\"fields\">\n",
              "<div class=\"col\">\n",
              "<label for=\"username\">Username or Email</label>\n",
              "<input autocomplete=\"email\" class=\"field signin-field\" data-focus-control=\"signingIn\" id=\"username\" inputmode=\"email\" name=\"username\" tabindex=\"1\" type=\"email\" value=\"\"/>\n",
              "</div>\n",
              "<div class=\"col\">\n",
              "<label for=\"password\">Password</label>\n",
              "<input autocomplete=\"current-password\" class=\"field signin-field\" id=\"password\" name=\"password\" tabindex=\"2\" type=\"password\" value=\"\"/>\n",
              "</div>\n",
              "<div class=\"signin-actions\">\n",
              "<label class=\"option-label -checkbox -small\" for=\"remember\">\n",
              "<input class=\"checkbox\" id=\"remember\" name=\"remember\" tabindex=\"3\" type=\"checkbox\" value=\"true\"/><i class=\"substitute\"></i>\n",
              "<span class=\"focus\">Remember<span class=\"mob-hide\"> me</span></span>\n",
              "</label>\n",
              "<p class=\"reset\" tabindex=\"5\"><a class=\"reset-password-link\" href=\"/user/request-password-reset\" target=\"_top\">Forgotten<span class=\"elongated\"> password</span>?</a></p>\n",
              "</div>\n",
              "<div class=\"col buttons\">\n",
              "<div class=\"button-container\"><input class=\"button -action button-green\" tabindex=\"4\" type=\"submit\" value=\"Sign in\"/><i></i></div>\n",
              "<div class=\"close js-close-signin\">×</div>\n",
              "</div>\n",
              "</div>\n",
              "</fieldset>\n",
              "<div class=\"errormessage\" id=\"signin-message\"></div>\n",
              "</form>\n",
              "<form action=\"/search/\" autocorrect=\"off\" class=\"js-search-form search-form\" id=\"search\" method=\"get\">\n",
              "<input autocomplete=\"false\" name=\"hidden\" style=\"display:none;\" type=\"text\"/>\n",
              "<fieldset>\n",
              "<label class=\"hidden\" for=\"search-q\">Search:</label>\n",
              "<input class=\"field -borderless\" data-lpignore=\"true\" id=\"search-q\" inputmode=\"search\" name=\"q\" type=\"text\" value=\"\"/>\n",
              "<input class=\"action\" type=\"submit\" value=\"Search\"/>\n",
              "</fieldset>\n",
              "</form>\n",
              "</section>\n",
              "</header>\n",
              "<div class=\"site-body\" id=\"content\">\n",
              "<div class=\"content-wrap\">\n",
              "<section class=\"js-profile-header -is-mini-nav\" data-person=\"cacingpincang\" id=\"profile-header\">\n",
              "<nav class=\"profile-navigation\">\n",
              "<div class=\"profile-mini-person\">\n",
              "<a class=\"avatar -a24\" href=\"/cacingpincang/\"> <img alt=\"Alfian Hakim\" height=\"24\" src=\"https://a.ltrbxd.com/resized/avatar/upload/5/3/2/4/1/6/7/shard/avtr-0-48-0-48-crop.jpg?v=0757d28c82\" width=\"24\"/> </a>\n",
              "<h1 class=\"title-3\"><a href=\"/cacingpincang/\">Alfian Hakim</a></h1>\n",
              "</div>\n",
              "<ul class=\"navlist\">\n",
              "<li class=\"navitem hide-for-owner\" data-owner=\"cacingpincang\"><a class=\"navlink\" href=\"/cacingpincang/activity/\">Activity</a></li>\n",
              "<li class=\"navitem show-for-owner\" data-owner=\"cacingpincang\"><a class=\"navlink\" href=\"/activity/\">Activity</a></li>\n",
              "<li class=\"navitem -active\" data-owner=\"cacingpincang\"><a class=\"navlink\" href=\"/cacingpincang/films/\">Films</a></li>\n",
              "<li class=\"navitem\" data-owner=\"cacingpincang\"><a class=\"navlink\" href=\"/cacingpincang/films/diary/\">Diary</a></li>\n",
              "<li class=\"navitem\" data-owner=\"cacingpincang\"><a class=\"navlink\" href=\"/cacingpincang/films/reviews/\">Reviews</a></li>\n",
              "<li class=\"navitem\" data-owner=\"cacingpincang\"><a class=\"navlink\" href=\"/cacingpincang/watchlist/\">Watchlist</a></li>\n",
              "<li class=\"navitem show-for-owner\" data-owner=\"cacingpincang\"><a class=\"navlink\" href=\"/cacingpincang/lists/\">Lists</a></li>\n",
              "<li class=\"navitem\" data-owner=\"cacingpincang\"><a class=\"navlink\" href=\"/cacingpincang/likes/\">Likes</a></li>\n",
              "<li class=\"navitem show-for-owner\" data-owner=\"cacingpincang\"><a class=\"navlink\" href=\"/cacingpincang/tags/\">Tags</a></li>\n",
              "<li class=\"navitem\" data-owner=\"cacingpincang\"><a class=\"navlink\" href=\"/cacingpincang/following/\">Network</a></li>\n",
              "<li class=\"navitem show-when-logged-in hide-for-owner\" data-owner=\"cacingpincang\"><a class=\"navlink\" href=\"/pro/gift/cacingpincang/\">Gift Pro</a></li>\n",
              "<li class=\"navitem -rss\">\n",
              "<a class=\"has-icon icon-16 icon-rss tooltip\" href=\"/cacingpincang/rss/\" title=\"RSS feed\">\n",
              "<span class=\"_sr-only\">RSS feed for Alfian</span>\n",
              "</a>\n",
              "</li>\n",
              "</ul>\n",
              "</nav>\n",
              "</section>\n",
              "<div class=\"cols-2 overflow\">\n",
              "<section class=\"section col-main overflow\">\n",
              "<div class=\"tabbed\" id=\"content-nav\"> <section class=\"sub-nav-wrapper\"><ul class=\"sub-nav\"> <li class=\" selected\"><a class=\"tooltip\" href=\"/cacingpincang/films/\" title=\"226 films\">Watched</a></li> <li class=\"\"><a class=\"tooltip\" href=\"/cacingpincang/films/diary/\" title=\"169 films\">Diary</a></li> <li class=\"\"><a class=\"tooltip\" href=\"/cacingpincang/films/reviews/\" title=\"22 films\">Reviews</a></li> </ul></section> <div class=\"sorting-selects has-hide-toggle\"> <section class=\"grid-toggle-menu mob-hide\"> <ul> <li class=\"selected\"><a class=\"grid-toggle ir s grid-toggle-small\" data-toggle=\"large\" href=\"/cacingpincang/films/\">Small</a></li> <li><a class=\"grid-toggle ir s grid-toggle-large\" data-toggle=\"small\" href=\"/cacingpincang/films/size/large/\">Large</a></li> </ul> </section> <section class=\"smenu-wrapper hide-toggle-menu\"> <div class=\"smenu\"> <label><span class=\"ir s hide-toggle-icon\">Visibility Filters</span><i class=\"ir s icon\"></i></label> <ul class=\"smenu-menu\" id=\"hide-toggle-menu\"> <li class=\"divider-line-below\"><a class=\"item js-film-filter-remover\" href=\"#\">Remove filters</a></li> <li class=\"js-account-filters\"> <label class=\"option-label -toggle -small switch-control js-fade-toggle\"> <span class=\"label\">Fade watched films</span> <input checked=\"checked\" class=\"checkbox\" role=\"switch\" type=\"checkbox\"/><span class=\"state\"><span class=\"track\"><span class=\"handle\"></span></span></span> </label> </li> <li class=\"js-account-filters\"> <label class=\"option-label -toggle -small switch-control js-custom-poster-toggle\" data-action=\"/ajax/poster-mode/\"> <span class=\"label\">Show custom posters</span> <input checked=\"checked\" class=\"checkbox\" role=\"switch\" type=\"checkbox\"/><span class=\"state\"><span class=\"track\"><span class=\"handle\"></span></span></span> </label> </li> <li class=\"divider-line js-account-filters\"> <span class=\"smenu-sublabel -uppercase\">Custom posters</span> <div aria-label=\"Change custom poster visibility\" class=\"segmented-control -small custom-poster-control js-custom-poster-control\" data-action=\"/ajax/poster-mode/\" role=\"group\"> <div class=\"options\"> <button class=\"option\" data-js-trigger=\"option\" data-value=\"All\" type=\"button\">Any</button> <button class=\"option\" data-js-trigger=\"option\" data-value=\"Theirs\" type=\"button\">Theirs</button> <button class=\"option\" data-js-trigger=\"option\" data-value=\"Yours\" type=\"button\">Yours</button> <button class=\"option\" data-js-trigger=\"option\" data-value=\"None\" type=\"button\">None</button> </div> </div> </li> <li class=\"divider-line js-account-filters\"> <span class=\"smenu-sublabel -uppercase\">Account Filters</span> <ul> <li class=\"js-film-filter\" data-category=\"watched\" data-type=\"show\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Show watched films</a></li> <li class=\"js-film-filter\" data-category=\"watched\" data-type=\"hide\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Hide watched films</a></li> <li class=\"js-film-filter divider-line -inset\" data-category=\"liked\" data-type=\"show\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Show liked films</a></li> <li class=\"js-film-filter\" data-category=\"liked\" data-type=\"hide\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Hide liked films</a></li> <li class=\"js-film-filter divider-line -inset\" data-category=\"rated\" data-type=\"show\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Show rated films</a></li> <li class=\"js-film-filter\" data-category=\"rated\" data-type=\"hide\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Hide rated films</a></li> <li class=\"js-film-filter divider-line -inset\" data-category=\"logged\" data-type=\"show\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Show logged films</a></li> <li class=\"js-film-filter\" data-category=\"logged\" data-type=\"hide\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Hide logged films</a></li> <li class=\"js-film-filter divider-line -inset\" data-category=\"rewatched\" data-type=\"show\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Show rewatched films</a></li> <li class=\"js-film-filter\" data-category=\"rewatched\" data-type=\"hide\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Hide rewatched films</a></li> <li class=\"js-film-filter divider-line -inset\" data-category=\"reviewed\" data-type=\"show\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Show reviewed films</a></li> <li class=\"js-film-filter\" data-category=\"reviewed\" data-type=\"hide\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Hide reviewed films</a></li> <li class=\"js-film-filter divider-line -inset\" data-category=\"watchlisted\" data-type=\"show\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Show films in watchlist</a></li> <li class=\"js-film-filter\" data-category=\"watchlisted\" data-type=\"hide\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Hide films in watchlist</a></li> <li class=\"js-film-filter divider-line -inset\" data-category=\"owned\" data-type=\"show\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Show films you own</a></li> <li class=\"js-film-filter\" data-category=\"owned\" data-type=\"hide\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Hide films you own</a></li> <li class=\"js-film-filter divider-line -inset\" data-category=\"customised\" data-type=\"show\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Show films you’ve customized</a></li> <li class=\"js-film-filter\" data-category=\"customised\" data-type=\"hide\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Hide films you’ve customized</a></li> </ul> </li> <li class=\"divider-line js-film-filters\"> <span class=\"smenu-sublabel -uppercase\">Content Filters</span> <ul> <li class=\"js-film-filter\" data-category=\"shorts\" data-type=\"show\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Show short films</a></li> <li class=\"js-film-filter\" data-category=\"shorts\" data-type=\"hide\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Hide short films</a></li> <li class=\"js-film-filter divider-line -inset\" data-category=\"tv\" data-type=\"show\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Show TV shows</a></li> <li class=\"js-film-filter\" data-category=\"tv\" data-type=\"hide\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Hide TV shows</a></li> <li class=\"js-film-filter divider-line -inset\" data-category=\"docs\" data-type=\"hide\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Hide documentaries</a></li> <li class=\"js-film-filter divider-line -inset\" data-category=\"unreleased\" data-type=\"hide\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Hide unreleased titles</a></li> <li class=\"js-film-filter divider-line -inset\" data-category=\"obscure\" data-type=\"show\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Show obscure films</a></li> <li class=\"js-film-filter\" data-category=\"obscure\" data-type=\"hide\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Hide obscure films</a></li> <li class=\"js-film-filter divider-line -inset\" data-category=\"backdropped\" data-type=\"show\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Show films with backdrop</a></li> <li class=\"js-film-filter\" data-category=\"backdropped\" data-type=\"hide\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Hide films with backdrop</a></li> <li class=\"js-film-filter divider-line -inset\" data-category=\"nanocrowd\" data-type=\"show\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Show Nanocrowd films</a></li> <li class=\"js-film-filter\" data-category=\"nanocrowd\" data-type=\"hide\"><a class=\"item\" href=\"#\"><i class=\"ir s icon\"></i>Hide Nanocrowd films</a></li> </ul> </li> </ul> </div> </section> <section class=\"smenu-wrapper\"> <strong class=\"smenu-label\">Sort by</strong> <div class=\"smenu\"> <label>Release Date<i class=\"ir s icon\"></i></label> <ul class=\"smenu-menu\"> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/by/name/\">Film Name</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/by/popular/\">Film Popularity</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/by/shuffle/\">Shuffle</a></li> <li class=\"\"><span class=\"smenu-sublabel\">When Added</span> <ul> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/by/date/\">Newest First</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/by/date-earliest/\">Earliest First</a></li> </ul></li> <li class=\"\"><span class=\"smenu-sublabel\">When Rated</span> <ul> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/by/rated-date/\">Newest First</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/by/rated-date-earliest/\">Earliest First</a></li> </ul></li> <li class=\"\"><span class=\"smenu-sublabel\">Release Date</span> <ul> <li class=\" smenu-subselected\"><a class=\"item\" href=\"/cacingpincang/films/\"><i class=\"ir s icon\"></i>Newest First</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/by/release-earliest/\">Earliest First</a></li> </ul></li> <li class=\"\"><span class=\"smenu-sublabel\">Average Rating</span> <ul> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/by/rating/\">Highest First</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/by/rating-lowest/\">Lowest First</a></li> </ul></li> <li class=\"\" data-owner=\"cacingpincang\"><span class=\"smenu-sublabel\" data-owner=\"cacingpincang\" data-owner-label=\"Your Rating\">Alfian’s Rating</span> <ul> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/by/entry-rating/\">Highest First</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/by/entry-rating-lowest/\">Lowest First</a></li> </ul></li> <li class=\" show-when-logged-in hide-for-owner\" data-owner=\"cacingpincang\"><span class=\"smenu-sublabel\">Your Rating</span> <ul> <li class=\" show-when-logged-in hide-for-owner\" data-owner=\"cacingpincang\"><a class=\"item\" href=\"/cacingpincang/films/by/your-rating/\">Highest First</a></li> <li class=\" show-when-logged-in hide-for-owner\" data-owner=\"cacingpincang\"><a class=\"item\" href=\"/cacingpincang/films/by/your-rating-lowest/\">Lowest First</a></li> </ul></li> <li class=\" show-when-logged-in\"><span class=\"smenu-sublabel\">Your Interests</span> <ul> <li class=\" show-when-logged-in\"><a class=\"item\" href=\"/cacingpincang/films/by/your-interest-liked/\">Based on films you liked</a></li> <li class=\" show-when-logged-in\"><a class=\"item\" href=\"/cacingpincang/films/by/your-interest-related/\">Related to films you liked</a></li> </ul></li> <li class=\"\"><span class=\"smenu-sublabel\">Film Length</span> <ul> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/by/shortest/\">Shortest First</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/by/longest/\">Longest First</a></li> </ul></li> </ul> </div> </section>\n",
              "<section class=\"smenu-wrapper\"> <div class=\"smenu\"> <label>Service<i class=\"ir s icon\"></i></label> <ul class=\"smenu-menu\" data-upgrade-url=\"/pro/\" id=\"services-menu\"> <li class=\"availability- smenu-subselected\"> <span class=\"selected\"> All films </span> </li> <li class=\"divider-line availability-fandango\"> <a class=\"item\" href=\"/cacingpincang/films/on/fandango-us/\"> Fandango US </a> </li> <li class=\"availability-amazon\"> <a class=\"item\" href=\"/cacingpincang/films/on/amazon-usa/\"> Amazon US </a> </li> <li class=\"availability-amazon-video\"> <a class=\"item\" href=\"/cacingpincang/films/on/amazon-video-us/\"> Amazon Video US </a> </li> <li class=\"availability-apple-tv-plus\"> <a class=\"item\" href=\"/cacingpincang/films/on/apple-tv-plus-us/\"> Apple TV Plus US </a> </li> <li class=\"availability-apple-itunes\"> <a class=\"item\" href=\"/cacingpincang/films/on/apple-itunes-us/\"> iTunes US </a> </li> <li class=\"note divider-line -upgrade\"> <p>Upgrade to a <a href=\"/pro/\">Letterboxd <span class=\"badge -pro -small\">Pro</span></a> account to add your favorite services to this list—including any service and country pair listed on JustWatch—and to enable one-click filtering by all your favorites.</p></li> <li><a class=\"item item-small\" href=\"https://www.justwatch.com\" rel=\"noopener noreferrer\" target=\"_blank\"><small>Powered by JustWatch</small></a></li> </ul> </div> </section>\n",
              "<section class=\"smenu-wrapper\"> <div class=\"smenu\"> <label> Genre<i class=\"ir s icon\"></i> </label> <ul class=\"smenu-menu\"> <li class=\"smenu-subselected\"><span class=\"selected\">Any genre</span></li> <li class=\"divider-line\"> <ul> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/action/\"><i class=\"ir s icon\"></i>Action</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/adventure/\"><i class=\"ir s icon\"></i>Adventure</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/animation/\"><i class=\"ir s icon\"></i>Animation</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/comedy/\"><i class=\"ir s icon\"></i>Comedy</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/crime/\"><i class=\"ir s icon\"></i>Crime</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/documentary/\"><i class=\"ir s icon\"></i>Documentary</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/drama/\"><i class=\"ir s icon\"></i>Drama</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/family/\"><i class=\"ir s icon\"></i>Family</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/fantasy/\"><i class=\"ir s icon\"></i>Fantasy</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/history/\"><i class=\"ir s icon\"></i>History</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/horror/\"><i class=\"ir s icon\"></i>Horror</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/music/\"><i class=\"ir s icon\"></i>Music</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/mystery/\"><i class=\"ir s icon\"></i>Mystery</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/romance/\"><i class=\"ir s icon\"></i>Romance</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/science-fiction/\"><i class=\"ir s icon\"></i>Science Fiction</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/thriller/\"><i class=\"ir s icon\"></i>Thriller</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/tv-movie/\"><i class=\"ir s icon\"></i>TV Movie</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/war/\"><i class=\"ir s icon\"></i>War</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/genre/western/\"><i class=\"ir s icon\"></i>Western</a></li> </ul> </li> </ul> </div> </section> <section class=\"smenu-wrapper\"> <div class=\"smenu\"> <label class=\"x\"> Decade<i class=\"ir s icon\"></i> </label> <ul class=\"smenu-menu\"> <li class=\"smenu-subselected\"><span class=\"selected\">Any decade</span></li> <li class=\"divider-line \"><a class=\"item\" href=\"/cacingpincang/films/decade/2020s/\">2020s</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/decade/2010s/\">2010s</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/decade/2000s/\">2000s</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/decade/1990s/\">1990s</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/decade/1980s/\">1980s</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/decade/1970s/\">1970s</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/decade/1960s/\">1960s</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/decade/1950s/\">1950s</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/decade/1940s/\">1940s</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/decade/1930s/\">1930s</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/decade/1920s/\">1920s</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/decade/1910s/\">1910s</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/decade/1900s/\">1900s</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/decade/1890s/\">1890s</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/decade/1880s/\">1880s</a></li> <li class=\"\"><a class=\"item\" href=\"/cacingpincang/films/decade/1870s/\">1870s</a></li> </ul> </div> </section> <section class=\"smenu-wrapper\"> <div class=\"smenu\"> <label> Rating <i class=\"ir s icon\"></i> </label> <ul class=\"smenu-menu\"> <li class=\"smenu-subselected\"><a class=\"item\" href=\"/cacingpincang/films/\">Any rating</a></li> <li><a class=\"item\" href=\"/cacingpincang/films/rated/none/\">No rating</a></li> <li class=\"divider-line\"> <span class=\"smenu-sublabel -uppercase\">Rating (or range)</span> <div class=\"menu-rating-filter js-rating-filter\" data-action=\"/cacingpincang/films/rated/%7B%7Bvalue%7D%7D/\" data-rateit-starheight=\"19\" data-rateit-starwidth=\"10\"> <div class=\"rateit-range\"> <div class=\"rateit-selected\"></div> <div class=\"rateit-hover\"></div> </div> </div> <small class=\"note\">Drag to define range</small> </li> </ul> </div> </section> </div> <div class=\"clear\"></div> </div>\n",
              "<ul class=\"poster-list -p70 -grid film-list clear\">\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-842221 linked-film-poster\" data-cache-busting-key=\"037d4721\" data-film-id=\"842221\" data-film-slug=\"/film/a-man-called-otto/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/a-man-called-otto/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/a-man-called-otto/\" data-target-link-target=\"\"> <img alt=\"A Man Called Otto\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-242285 linked-film-poster\" data-cache-busting-key=\"d60f4abc\" data-film-id=\"242285\" data-film-slug=\"/film/puss-in-boots-the-last-wish/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/puss-in-boots-the-last-wish/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/puss-in-boots-the-last-wish/\" data-target-link-target=\"\"> <img alt=\"Puss in Boots: The Last Wish\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-10\">★★★★★</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-521323 linked-film-poster\" data-cache-busting-key=\"8e7be729\" data-film-id=\"521323\" data-film-slug=\"/film/the-menu-2022/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/the-menu-2022/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/the-menu-2022/\" data-target-link-target=\"\"> <img alt=\"The Menu\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-586723 linked-film-poster\" data-cache-busting-key=\"0c10a16c\" data-film-id=\"586723\" data-film-slug=\"/film/glass-onion-a-knives-out-mystery/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/glass-onion-a-knives-out-mystery/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/glass-onion-a-knives-out-mystery/\" data-target-link-target=\"\"> <img alt=\"Glass Onion: A Knives Out Mystery\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-598882 linked-film-poster\" data-cache-busting-key=\"03be9e08\" data-film-id=\"598882\" data-film-slug=\"/film/the-banshees-of-inisherin/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/the-banshees-of-inisherin/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/the-banshees-of-inisherin/\" data-target-link-target=\"\"> <img alt=\"The Banshees of Inisherin\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-10\">★★★★★</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-748410 linked-film-poster\" data-cache-busting-key=\"0cacc4e7\" data-film-id=\"748410\" data-film-slug=\"/film/stealing-raden-saleh/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/stealing-raden-saleh/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/stealing-raden-saleh/\" data-target-link-target=\"\"> <img alt=\"Stealing Raden Saleh\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-9\">★★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-915924 linked-film-poster\" data-cache-busting-key=\"6cf8f54a\" data-film-id=\"915924\" data-film-slug=\"/film/all-or-nothing-arsenal/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/all-or-nothing-arsenal/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/all-or-nothing-arsenal/\" data-target-link-target=\"\"> <img alt=\"All or Nothing: Arsenal\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-682547 linked-film-poster\" data-cache-busting-key=\"8289ec9f\" data-film-id=\"682547\" data-film-slug=\"/film/nope/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/nope/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/nope/\" data-target-link-target=\"\"> <img alt=\"Nope\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-813576 linked-film-poster\" data-cache-busting-key=\"01e8d4e7\" data-film-id=\"813576\" data-film-slug=\"/film/missing-home/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/missing-home/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/missing-home/\" data-target-link-target=\"\"> <img alt=\"Missing Home\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-9\">★★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-542032 linked-film-poster\" data-cache-busting-key=\"83f935ad\" data-film-id=\"542032\" data-film-slug=\"/film/elvis-2022/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/elvis-2022/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/elvis-2022/\" data-target-link-target=\"\"> <img alt=\"Elvis\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-699298 linked-film-poster\" data-cache-busting-key=\"09a6ba69\" data-film-id=\"699298\" data-film-slug=\"/film/men-2022/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/men-2022/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/men-2022/\" data-target-link-target=\"\"> <img alt=\"Men\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-5\">★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-830325 linked-film-poster\" data-cache-busting-key=\"43fbd41c\" data-film-id=\"830325\" data-film-slug=\"/film/srimulat-hil-yang-mustahal-babak-pertama/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/srimulat-hil-yang-mustahal-babak-pertama/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/srimulat-hil-yang-mustahal-babak-pertama/\" data-target-link-target=\"\"> <img alt=\"Srimulat: Hil Yang Mustahal – Babak Pertama\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-385511 linked-film-poster\" data-cache-busting-key=\"81a4fea9\" data-film-id=\"385511\" data-film-slug=\"/film/doctor-strange-in-the-multiverse-of-madness/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/doctor-strange-in-the-multiverse-of-madness/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/doctor-strange-in-the-multiverse-of-madness/\" data-target-link-target=\"\"> <img alt=\"Doctor Strange in the Multiverse of Madness\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-600103 linked-film-poster\" data-cache-busting-key=\"89d972d5\" data-film-id=\"600103\" data-film-slug=\"/film/sonic-the-hedgehog-2/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/sonic-the-hedgehog-2/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/sonic-the-hedgehog-2/\" data-target-link-target=\"\"> <img alt=\"Sonic the Hedgehog 2\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-474474 linked-film-poster\" data-cache-busting-key=\"80fbb370\" data-film-id=\"474474\" data-film-slug=\"/film/everything-everywhere-all-at-once/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/everything-everywhere-all-at-once/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/everything-everywhere-all-at-once/\" data-target-link-target=\"\"> <img alt=\"Everything Everywhere All at Once\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-9\">★★★★½</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-348914 linked-film-poster\" data-cache-busting-key=\"0438ab74\" data-film-id=\"348914\" data-film-slug=\"/film/the-batman/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/the-batman/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/the-batman/\" data-target-link-target=\"\"> <img alt=\"The Batman\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-9\">★★★★½</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-836165 linked-film-poster\" data-cache-busting-key=\"837d366c\" data-film-id=\"836165\" data-film-slug=\"/film/neymar-the-perfect-chaos/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/neymar-the-perfect-chaos/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/neymar-the-perfect-chaos/\" data-target-link-target=\"\"> <img alt=\"Neymar: The Perfect Chaos\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-560787 linked-film-poster\" data-cache-busting-key=\"85a9e72a\" data-film-id=\"560787\" data-film-slug=\"/film/spider-man-no-way-home/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/spider-man-no-way-home/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/spider-man-no-way-home/\" data-target-link-target=\"\"> <img alt=\"Spider-Man: No Way Home\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-606030 linked-film-poster\" data-cache-busting-key=\"858b3072\" data-film-id=\"606030\" data-film-slug=\"/film/nussa/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/nussa/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/nussa/\" data-target-link-target=\"\"> <img alt=\"Nussa\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-780166 linked-film-poster\" data-cache-busting-key=\"05f76be8\" data-film-id=\"780166\" data-film-slug=\"/film/clickbait-2021/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/clickbait-2021/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/clickbait-2021/\" data-target-link-target=\"\"> <img alt=\"Clickbait\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-479814 linked-film-poster\" data-cache-busting-key=\"0385d7f0\" data-film-id=\"479814\" data-film-slug=\"/film/free-guy/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/free-guy/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/free-guy/\" data-target-link-target=\"\"> <img alt=\"Free Guy\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-369835 linked-film-poster\" data-cache-busting-key=\"065e9e62\" data-film-id=\"369835\" data-film-slug=\"/film/the-suicide-squad/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/the-suicide-squad/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/the-suicide-squad/\" data-target-link-target=\"\"> <img alt=\"The Suicide Squad\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-683620 linked-film-poster\" data-cache-busting-key=\"88c58cd4\" data-film-id=\"683620\" data-film-slug=\"/film/red-rocket-2021/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/red-rocket-2021/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/red-rocket-2021/\" data-target-link-target=\"\"> <img alt=\"Red Rocket\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-9\">★★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-266676 linked-film-poster\" data-cache-busting-key=\"8797a490\" data-film-id=\"266676\" data-film-slug=\"/film/cruella/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/cruella/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/cruella/\" data-target-link-target=\"\"> <img alt=\"Cruella\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-6\">★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-563643 linked-film-poster\" data-cache-busting-key=\"86927384\" data-film-id=\"563643\" data-film-slug=\"/film/wrath-of-man/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/wrath-of-man/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/wrath-of-man/\" data-target-link-target=\"\"> <img alt=\"Wrath of Man\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-392290 linked-film-poster\" data-cache-busting-key=\"846d7195\" data-film-id=\"392290\" data-film-slug=\"/film/mortal-kombat-2021/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/mortal-kombat-2021/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/mortal-kombat-2021/\" data-target-link-target=\"\"> <img alt=\"Mortal Kombat\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-542555 linked-film-poster\" data-cache-busting-key=\"0d239160\" data-film-id=\"542555\" data-film-slug=\"/film/nobody-2021/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/nobody-2021/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/nobody-2021/\" data-target-link-target=\"\"> <img alt=\"Nobody\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-597511 linked-film-poster\" data-cache-busting-key=\"8fb31aa7\" data-film-id=\"597511\" data-film-slug=\"/film/the-heartbreak-club/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/the-heartbreak-club/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/the-heartbreak-club/\" data-target-link-target=\"\"> <img alt=\"The Heartbreak Club\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-6\">★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-662656 linked-film-poster\" data-cache-busting-key=\"85e44a4c\" data-film-id=\"662656\" data-film-slug=\"/film/borat-subsequent-moviefilm/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/borat-subsequent-moviefilm/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/borat-subsequent-moviefilm/\" data-target-link-target=\"\"> <img alt=\"Borat Subsequent Moviefilm\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-662819 linked-film-poster\" data-cache-busting-key=\"829c8742\" data-film-id=\"662819\" data-film-slug=\"/film/blackpink-light-up-the-sky/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/blackpink-light-up-the-sky/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/blackpink-light-up-the-sky/\" data-target-link-target=\"\"> <img alt=\"BLACKPINK: Light Up the Sky\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-559941 linked-film-poster\" data-cache-busting-key=\"8be5ad08\" data-film-id=\"559941\" data-film-slug=\"/film/the-east-2020/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/the-east-2020/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/the-east-2020/\" data-target-link-target=\"\"> <img alt=\"The East\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-427852 linked-film-poster\" data-cache-busting-key=\"8e71e2b6\" data-film-id=\"427852\" data-film-slug=\"/film/enola-holmes/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/enola-holmes/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/enola-holmes/\" data-target-link-target=\"\"> <img alt=\"Enola Holmes\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-529203 linked-film-poster\" data-cache-busting-key=\"8ee33931\" data-film-id=\"529203\" data-film-slug=\"/film/i-care-a-lot/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/i-care-a-lot/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/i-care-a-lot/\" data-target-link-target=\"\"> <img alt=\"I Care a Lot\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-429945 linked-film-poster\" data-cache-busting-key=\"06d92715\" data-film-id=\"429945\" data-film-slug=\"/film/the-devil-all-the-time/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/the-devil-all-the-time/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/the-devil-all-the-time/\" data-target-link-target=\"\"> <img alt=\"The Devil All the Time\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-9\">★★★★½</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-662409 linked-film-poster\" data-cache-busting-key=\"044cb2db\" data-film-id=\"662409\" data-film-slug=\"/film/all-or-nothing-tottenham-hotspur/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/all-or-nothing-tottenham-hotspur/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/all-or-nothing-tottenham-hotspur/\" data-target-link-target=\"\"> <img alt=\"All or Nothing: Tottenham Hotspur\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-430806 linked-film-poster\" data-cache-busting-key=\"81c45f6b\" data-film-id=\"430806\" data-film-slug=\"/film/im-thinking-of-ending-things/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/im-thinking-of-ending-things/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/im-thinking-of-ending-things/\" data-target-link-target=\"\"> <img alt=\"I'm Thinking of Ending Things\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-334268 linked-film-poster\" data-cache-busting-key=\"0cb7a63a\" data-film-id=\"334268\" data-film-slug=\"/film/the-spongebob-movie-sponge-on-the-run/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/the-spongebob-movie-sponge-on-the-run/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/the-spongebob-movie-sponge-on-the-run/\" data-target-link-target=\"\"> <img alt=\"The SpongeBob Movie: Sponge on the Run\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-6\">★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-763562 linked-film-poster\" data-cache-busting-key=\"80973ed8\" data-film-id=\"763562\" data-film-slug=\"/film/backstreet-rookie/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/backstreet-rookie/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/backstreet-rookie/\" data-target-link-target=\"\"> <img alt=\"Backstreet Rookie\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-319927 linked-film-poster\" data-cache-busting-key=\"0dc6239c\" data-film-id=\"319927\" data-film-slug=\"/film/scoob/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/scoob/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/scoob/\" data-target-link-target=\"\"> <img alt=\"Scoob!\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-5\">★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-617825 linked-film-poster\" data-cache-busting-key=\"808fd9c8\" data-film-id=\"617825\" data-film-slug=\"/film/the-last-dance-2020/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/the-last-dance-2020/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/the-last-dance-2020/\" data-target-link-target=\"\"> <img alt=\"The Last Dance\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-444424 linked-film-poster\" data-cache-busting-key=\"0057b634\" data-film-id=\"444424\" data-film-slug=\"/film/the-hunt-2020/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/the-hunt-2020/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/the-hunt-2020/\" data-target-link-target=\"\"> <img alt=\"The Hunt\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-509814 linked-film-poster\" data-cache-busting-key=\"08c1d350\" data-film-id=\"509814\" data-film-slug=\"/film/spenser-confidential/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/spenser-confidential/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/spenser-confidential/\" data-target-link-target=\"\"> <img alt=\"Spenser Confidential\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-6\">★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-581924 linked-film-poster\" data-cache-busting-key=\"8a72dbf7\" data-film-id=\"581924\" data-film-slug=\"/film/the-social-dilemma/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/the-social-dilemma/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/the-social-dilemma/\" data-target-link-target=\"\"> <img alt=\"The Social Dilemma\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-386608 linked-film-poster\" data-cache-busting-key=\"051784d3\" data-film-id=\"386608\" data-film-slug=\"/film/sonic-the-hedgehog/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/sonic-the-hedgehog/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/sonic-the-hedgehog/\" data-target-link-target=\"\"> <img alt=\"Sonic the Hedgehog\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-510047 linked-film-poster\" data-cache-busting-key=\"0723fe3d\" data-film-id=\"510047\" data-film-slug=\"/film/promising-young-woman/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/promising-young-woman/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/promising-young-woman/\" data-target-link-target=\"\"> <img alt=\"Promising Young Woman\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-9\">★★★★½</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-25911 linked-film-poster\" data-cache-busting-key=\"8259716a\" data-film-id=\"25911\" data-film-slug=\"/film/bad-boys-for-life/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/bad-boys-for-life/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/bad-boys-for-life/\" data-target-link-target=\"\"> <img alt=\"Bad Boys for Life\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-6\">★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-540865 linked-film-poster\" data-cache-busting-key=\"071a6cc9\" data-film-id=\"540865\" data-film-slug=\"/film/one-day-well-talk-about-today/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/one-day-well-talk-about-today/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/one-day-well-talk-about-today/\" data-target-link-target=\"\"> <img alt=\"One Day We'll Talk About Today\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-538317 linked-film-poster\" data-cache-busting-key=\"0c8aa136\" data-film-id=\"538317\" data-film-slug=\"/film/imperfect-2019/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/imperfect-2019/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/imperfect-2019/\" data-target-link-target=\"\"> <img alt=\"Imperfect\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-9\">★★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-460155 linked-film-poster\" data-cache-busting-key=\"0f5f97c3\" data-film-id=\"460155\" data-film-slug=\"/film/1917/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/1917/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/1917/\" data-target-link-target=\"\"> <img alt=\"1917\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-9\">★★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-452289 linked-film-poster\" data-cache-busting-key=\"8edd8790\" data-film-id=\"452289\" data-film-slug=\"/film/the-gentlemen/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/the-gentlemen/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/the-gentlemen/\" data-target-link-target=\"\"> <img alt=\"The Gentlemen\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-518440 linked-film-poster\" data-cache-busting-key=\"09c243d2\" data-film-id=\"518440\" data-film-slug=\"/film/the-queen-of-black-magic-2019/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/the-queen-of-black-magic-2019/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/the-queen-of-black-magic-2019/\" data-target-link-target=\"\"> <img alt=\"The Queen of Black Magic\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-500969 linked-film-poster\" data-cache-busting-key=\"890343df\" data-film-id=\"500969\" data-film-slug=\"/film/impetigore/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/impetigore/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/impetigore/\" data-target-link-target=\"\"> <img alt=\"Impetigore\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-6\">★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-488575 linked-film-poster\" data-cache-busting-key=\"057426ab\" data-film-id=\"488575\" data-film-slug=\"/film/el-camino-a-breaking-bad-movie/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/el-camino-a-breaking-bad-movie/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/el-camino-a-breaking-bad-movie/\" data-target-link-target=\"\"> <img alt=\"El Camino: A Breaking Bad Movie\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-6\">★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-389270 linked-film-poster\" data-cache-busting-key=\"892b4846\" data-film-id=\"389270\" data-film-slug=\"/film/guns-akimbo/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/guns-akimbo/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/guns-akimbo/\" data-target-link-target=\"\"> <img alt=\"Guns Akimbo\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-444600 linked-film-poster\" data-cache-busting-key=\"0b2431ee\" data-film-id=\"444600\" data-film-slug=\"/film/jojo-rabbit/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/jojo-rabbit/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/jojo-rabbit/\" data-target-link-target=\"\"> <img alt=\"Jojo Rabbit\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata -rated-and-liked\"> <span class=\"rating -tiny -darker rated-10\">★★★★★</span> <span class=\"like has-icon icon-liked icon-16\"><span class=\"icon\"></span></span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-475370 linked-film-poster\" data-cache-busting-key=\"81d75d0c\" data-film-id=\"475370\" data-film-slug=\"/film/knives-out-2019/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/knives-out-2019/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/knives-out-2019/\" data-target-link-target=\"\"> <img alt=\"Knives Out\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-406775 linked-film-poster\" data-cache-busting-key=\"8fa9c403\" data-film-id=\"406775\" data-film-slug=\"/film/joker-2019/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/joker-2019/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/joker-2019/\" data-target-link-target=\"\"> <img alt=\"Joker\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-405545 linked-film-poster\" data-cache-busting-key=\"0cbebe90\" data-film-id=\"405545\" data-film-slug=\"/film/it-chapter-two/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/it-chapter-two/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/it-chapter-two/\" data-target-link-target=\"\"> <img alt=\"It Chapter Two\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-354539 linked-film-poster\" data-cache-busting-key=\"0ed589ce\" data-film-id=\"354539\" data-film-slug=\"/film/the-lion-king-2019/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/the-lion-king-2019/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/the-lion-king-2019/\" data-target-link-target=\"\"> <img alt=\"The Lion King\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-6\">★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-459564 linked-film-poster\" data-cache-busting-key=\"8143a809\" data-film-id=\"459564\" data-film-slug=\"/film/midsommar/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/midsommar/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/midsommar/\" data-target-link-target=\"\"> <img alt=\"Midsommar\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-228628 linked-film-poster\" data-cache-busting-key=\"0100e808\" data-film-id=\"228628\" data-film-slug=\"/film/toy-story-4/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/toy-story-4/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/toy-story-4/\" data-target-link-target=\"\"> <img alt=\"Toy Story 4\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-467422 linked-film-poster\" data-cache-busting-key=\"8b5d3c41\" data-film-id=\"467422\" data-film-slug=\"/film/deadwood-the-movie/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/deadwood-the-movie/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/deadwood-the-movie/\" data-target-link-target=\"\"> <img alt=\"Deadwood: The Movie\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-426406 linked-film-poster\" data-cache-busting-key=\"0968db69\" data-film-id=\"426406\" data-film-slug=\"/film/parasite-2019/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/parasite-2019/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/parasite-2019/\" data-target-link-target=\"\"> <img alt=\"Parasite\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-9\">★★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-397859 linked-film-poster\" data-cache-busting-key=\"0152a634\" data-film-id=\"397859\" data-film-slug=\"/film/once-upon-a-time-in-hollywood/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/once-upon-a-time-in-hollywood/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/once-upon-a-time-in-hollywood/\" data-target-link-target=\"\"> <img alt=\"Once Upon a Time… in Hollywood\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-9\">★★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-532074 linked-film-poster\" data-cache-busting-key=\"86334bd9\" data-film-id=\"532074\" data-film-slug=\"/film/chase-2019/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/chase-2019/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/chase-2019/\" data-target-link-target=\"\"> <img alt=\"Chase\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-390039 linked-film-poster\" data-cache-busting-key=\"87991b44\" data-film-id=\"390039\" data-film-slug=\"/film/john-wick-chapter-3-parabellum/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/john-wick-chapter-3-parabellum/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/john-wick-chapter-3-parabellum/\" data-target-link-target=\"\"> <img alt=\"John Wick: Chapter 3 - Parabellum\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-430641 linked-film-poster\" data-cache-busting-key=\"827f17bd\" data-film-id=\"430641\" data-film-slug=\"/film/the-highwaymen/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/the-highwaymen/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/the-highwaymen/\" data-target-link-target=\"\"> <img alt=\"The Highwaymen\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-442715 linked-film-poster\" data-cache-busting-key=\"0708e797\" data-film-id=\"442715\" data-film-slug=\"/film/stuber/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/stuber/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/stuber/\" data-target-link-target=\"\"> <img alt=\"Stuber\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-7\">★★★½</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-390520 linked-film-poster\" data-cache-busting-key=\"8e09fc83\" data-film-id=\"390520\" data-film-slug=\"/film/us-2019/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/us-2019/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/us-2019/\" data-target-link-target=\"\"> <img alt=\"Us\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-8\">★★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-378081 linked-film-poster\" data-cache-busting-key=\"0fa711ca\" data-film-id=\"378081\" data-film-slug=\"/film/fighting-with-my-family/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/fighting-with-my-family/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/fighting-with-my-family/\" data-target-link-target=\"\"> <img alt=\"Fighting with My Family\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-6\">★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-414763 linked-film-poster\" data-cache-busting-key=\"0ded50d2\" data-film-id=\"414763\" data-film-slug=\"/film/polar-2019/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/polar-2019/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/polar-2019/\" data-target-link-target=\"\"> <img alt=\"Polar\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-6\">★★★</span> </p>\n",
              "</li>\n",
              "<li class=\"poster-container\">\n",
              "<div class=\"really-lazy-load poster film-poster film-poster-434068 linked-film-poster\" data-cache-busting-key=\"850edcaa\" data-film-id=\"434068\" data-film-slug=\"/film/the-mule-2018/\" data-image-height=\"105\" data-image-width=\"70\" data-linked=\"linked\" data-poster-url=\"/film/the-mule-2018/image-150/\" data-show-menu=\"true\" data-target-link=\"/film/the-mule-2018/\" data-target-link-target=\"\"> <img alt=\"The Mule\" class=\"image\" height=\"105\" src=\"https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png\" width=\"70\"/> <span class=\"frame\"><span class=\"frame-title\"></span></span> </div> <p class=\"poster-viewingdata\"> <span class=\"rating -tiny -darker rated-6\">★★★</span> </p>\n",
              "</li>\n",
              "</ul>\n",
              "<div class=\"pagination\"> <div class=\"paginate-nextprev paginate-disabled\"><span class=\"previous\">Newer</span></div> <div class=\"paginate-nextprev\"><a class=\"next\" href=\"/cacingpincang/films/page/2/\">Older</a></div> <div class=\"paginate-pages\"> <ul> <li class=\"paginate-page paginate-current\"><span>1</span></li> <li class=\"paginate-page\"><a href=\"/cacingpincang/films/page/2/\">2</a></li> <li class=\"paginate-page\"><a href=\"/cacingpincang/films/page/3/\">3</a></li> <li class=\"paginate-page\"><a href=\"/cacingpincang/films/page/4/\">4</a></li> </ul> </div> </div>\n",
              "<div class=\"clear\"></div>\n",
              "</section>\n",
              "<div class=\"clear\"></div>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "<footer class=\"page-footer js-page-footer js-hide-in-app\" id=\"page-footer\">\n",
              "<div class=\"content-wrap\">\n",
              "<nav class=\"footer-nav js-footer-nav\">\n",
              "<ul>\n",
              "<li><a href=\"/about/\">About</a></li>\n",
              "<li><a href=\"/journal/\">News</a></li>\n",
              "<li class=\"js-hide-in-app\"><a href=\"/pro/\">Pro</a></li>\n",
              "<li><a href=\"/apps/\">Apps</a></li>\n",
              "<li><a href=\"https://apple.co/3TfzHVG\" rel=\"noopener noreferrer\" target=\"_blank\">Podcast</a></li>\n",
              "<li><a href=\"/year-in-review/\">Year in Review</a></li>\n",
              "<li><a href=\"/gift-guide/\">Gift Guide</a></li>\n",
              "<li><a href=\"/welcome/\">Help</a></li>\n",
              "<li><a href=\"/legal/terms-of-use/\">Terms</a></li>\n",
              "<li><a href=\"/api-beta/\">API</a></li>\n",
              "<li><a href=\"/contact/\">Contact</a></li>\n",
              "</ul>\n",
              "</nav>\n",
              "<div class=\"socials\">\n",
              "<nav class=\"social-service-list -inline\">\n",
              "<div class=\"listitem -icononly\">\n",
              "<a class=\"trigger tooltip\" href=\"https://twitter.com/letterboxd\" rel=\"noopener noreferrer\" target=\"_blank\" title=\"Letterboxd on Twitter\">\n",
              "<svg aria-hidden=\"true\" class=\"glyph\" height=\"16\" role=\"presentation\" width=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17.96 4.51V4c.8-.56 1.49-1.28 2.04-2.1-.74.33-1.53.54-2.36.65.85-.5 1.5-1.3 1.8-2.24-.78.46-1.66.8-2.6.98a4.13 4.13 0 0 0-7.1 2.76c0 .31.04.62.1.92A11.72 11.72 0 0 1 1.38.74a3.99 3.99 0 0 0 1.28 5.4A4.2 4.2 0 0 1 .8 5.62v.06c0 1.95 1.42 3.59 3.29 3.96a4.06 4.06 0 0 1-1.85.07 4.1 4.1 0 0 0 3.83 2.8A8.32 8.32 0 0 1 0 14.2C1.8 15.33 3.97 16 6.28 16A11.5 11.5 0 0 0 17.96 4.51Z\"></path></svg>\n",
              "<span class=\"label\">Twitter</span>\n",
              "</a>\n",
              "</div>\n",
              "<div class=\"listitem -icononly\">\n",
              "<a class=\"trigger tooltip\" href=\"https://www.facebook.com/letterboxd\" rel=\"noopener noreferrer\" target=\"_blank\" title=\"Letterboxd on Facebook\">\n",
              "<svg aria-hidden=\"true\" class=\"glyph\" height=\"19\" role=\"presentation\" width=\"19\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.5 0a9.5 9.5 0 0 0-1.48 18.89V12H5.6V9.25h2.42V7.41c0-2.38 1.41-3.7 3.58-3.7 1.04 0 2.13.19 2.13.19v2.33h-1.2c-1.18 0-1.54.74-1.54 1.49v1.53h2.63L13.2 12h-2.21v6.89A9.5 9.5 0 0 0 9.5 0Z\"></path></svg>\n",
              "<span class=\"label\">Facebook</span>\n",
              "</a>\n",
              "</div>\n",
              "<div class=\"listitem -icononly\">\n",
              "<a class=\"trigger tooltip\" href=\"https://www.instagram.com/letterboxd\" rel=\"noopener noreferrer\" target=\"_blank\" title=\"Letterboxd on Instagram\">\n",
              "<svg aria-hidden=\"true\" class=\"glyph\" height=\"20\" role=\"presentation\" width=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.12.06c1.07.05 1.8.22 2.43.46.66.26 1.21.6 1.77 1.16.56.55.9 1.11 1.15 1.77.25.63.42 1.36.47 2.43.04.94.06 1.32.06 3.3v1.37c0 1.54 0 2.19-.03 2.77v.22l-.03.58a7.34 7.34 0 0 1-.47 2.43 4.9 4.9 0 0 1-1.15 1.77 4.9 4.9 0 0 1-1.77 1.16c-.64.24-1.36.41-2.43.46l-.61.03h-.23c-.5.02-1.06.03-2.21.03H9.2c-2 0-2.37-.02-3.32-.06a7.34 7.34 0 0 1-2.43-.46 4.9 4.9 0 0 1-1.77-1.16 4.9 4.9 0 0 1-1.16-1.77 7.34 7.34 0 0 1-.46-2.43l-.03-.61v-.2A60.9 60.9 0 0 1 0 11.5V8.75C0 7.7.01 7.17.03 6.7v-.2l.03-.61C.1 4.8.28 4.08.52 3.45a4.9 4.9 0 0 1 1.16-1.77A4.9 4.9 0 0 1 3.45.52 7.34 7.34 0 0 1 5.88.06l.61-.03h.2C7.12 0 7.6 0 8.5 0h2.74c1.62 0 2 .02 2.88.06ZM11.02 2H8.97c-1.7 0-2.05.02-2.92.06a5.4 5.4 0 0 0-1.82.33c-.45.18-.78.39-1.12.73-.34.34-.55.67-.73 1.12-.13.35-.3.86-.33 1.82C2.02 6.93 2 7.29 2 8.98v2.04c0 1.7.02 2.05.06 2.92.04.95.2 1.47.33 1.81.18.46.39.78.73 1.13.34.34.67.55 1.12.73.35.13.86.29 1.82.33.83.04 1.2.05 2.7.06h2.47c1.51 0 1.87-.02 2.71-.06a5.4 5.4 0 0 0 1.81-.33c.46-.18.78-.4 1.12-.73.35-.35.56-.67.73-1.13.14-.34.3-.86.34-1.8a49 49 0 0 0 .06-2.72V8.77a49 49 0 0 0-.06-2.71 5.4 5.4 0 0 0-.34-1.82 3.02 3.02 0 0 0-.73-1.12 3.02 3.02 0 0 0-1.12-.73 5.4 5.4 0 0 0-1.81-.33c-.88-.04-1.23-.06-2.93-.06ZM10 4.86a5.14 5.14 0 1 1 0 10.28 5.14 5.14 0 0 1 0-10.28ZM10 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.25-3.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Z\"></path></svg>\n",
              "<span class=\"label\">Instagram</span>\n",
              "</a>\n",
              "</div>\n",
              "<div class=\"listitem -icononly\">\n",
              "<a class=\"trigger tooltip\" href=\"https://www.youtube.com/letterboxdhq\" rel=\"noopener noreferrer\" target=\"_blank\" title=\"Letterboxd on YouTube\">\n",
              "<svg aria-hidden=\"true\" class=\"glyph\" height=\"16\" role=\"presentation\" width=\"23\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.74 0c.61 0 2.33.02 4.11.08l.54.02c1.7.06 3.35.18 4.1.38a2.87 2.87 0 0 1 2.03 2.02c.45 1.67.48 5.04.48 5.46v.08c0 .42-.03 3.8-.48 5.46a2.87 2.87 0 0 1-2.03 2.02c-.75.2-2.4.32-4.1.38l-.54.02c-1.78.07-3.5.08-4.11.08H11.26c-.62 0-2.33-.01-4.11-.08l-.54-.02c-1.7-.06-3.36-.18-4.1-.38A2.87 2.87 0 0 1 .48 13.5C.04 11.9 0 8.68 0 8.1v-.2c0-.58.04-3.79.48-5.4A2.87 2.87 0 0 1 2.5.48c.74-.2 2.4-.32 4.1-.38l.54-.02C8.93.02 10.65 0 11.26 0ZM9 4.57v6.86L15 8 9 4.57Z\"></path></svg>\n",
              "<span class=\"label\">YouTube</span>\n",
              "</a>\n",
              "</div>\n",
              "<div class=\"listitem -icononly\">\n",
              "<a class=\"trigger tooltip\" href=\"https://www.tiktok.com/@letterboxd\" rel=\"noopener noreferrer\" target=\"_blank\" title=\"Letterboxd on TikTok\">\n",
              "<svg aria-hidden=\"true\" class=\"glyph\" height=\"18\" role=\"presentation\" width=\"17\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16.48 4.32a4.62 4.62 0 0 1-3.92-2.66A4.04 4.04 0 0 1 12.23 0H9.07v11.85c0 1.93-1.19 3.07-2.65 3.07a2.71 2.71 0 0 1-2.04-.9 2.57 2.57 0 0 1-.6-2.1 2.55 2.55 0 0 1 1.26-1.81 2.7 2.7 0 0 1 2.24-.21V6.77a5.92 5.92 0 0 0-4.08.86 5.7 5.7 0 0 0-2.15 2.55 5.53 5.53 0 0 0 1.26 6.16 5.86 5.86 0 0 0 6.33 1.23 5.78 5.78 0 0 0 2.6-2.08c.64-.94.98-2.03.98-3.15V5.96a7.74 7.74 0 0 0 4.25 1.25V4.32Z\"></path></svg>\n",
              "<span class=\"label\">TikTok</span>\n",
              "</a>\n",
              "</div>\n",
              "</nav>\n",
              "</div>\n",
              "<p class=\"copyright\">\n",
              "\t\t\t\t© Letterboxd Limited. Made by <a class=\"mute\" href=\"/crew/\">fans</a> in Aotearoa New Zealand.\n",
              "\t\t\t\t<span class=\"nobr\"><a class=\"mute\" href=\"https://letterboxd.com/about/film-data/\">Film data</a> from <a class=\"mute\" href=\"https://www.themoviedb.org\">TMDb</a>. \n",
              "\t\t\t\t\n",
              "\t\t\t\t\t\t<a class=\"mute mobile-site-switch\" data-use-mobile-site=\"yes\" href=\"#\">Mobile site</a>.\n",
              "\t\t\t\t\t\n",
              "\t</span>\n",
              "<span class=\"recap\" style=\"display:none\"><br/>This site is protected by reCAPTCHA and the Google <a class=\"mute\" href=\"https://policies.google.com/privacy\" rel=\"noopener noreferrer\" target=\"_blank\">privacy policy</a> and <a class=\"mute\" href=\"https://policies.google.com/terms\" rel=\"noopener noreferrer\" target=\"_blank\">terms of service</a> apply.</span>\n",
              "</p>\n",
              "</div>\n",
              "</footer>\n",
              "<div aria-hidden=\"true\" aria-labelledby=\"remove-ads-modal-title\" class=\"modal-neue fade\" id=\"remove-ads-modal\" tabindex=\"-1\">\n",
              "<div class=\"modal-dialog -sm modal-dialog-centered\">\n",
              "<div class=\"modal-content\">\n",
              "<div class=\"modal-header\">\n",
              "<h5 class=\"modal-title\" id=\"remove-ads-modal-title\">Upgrade to remove ads</h5>\n",
              "<button aria-label=\"Close\" class=\"close\" data-bs-dismiss=\"modal-neue\" type=\"button\">\n",
              "<svg class=\"glyph\" height=\"16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" stroke=\"#000\" stroke-linecap=\"round\" stroke-width=\"2\"><path d=\"m1 1 14 14M1 15 15 1\"></path></g></svg>\n",
              "</button>\n",
              "</div>\n",
              "<div class=\"modal-body\">\n",
              "<div class=\"body-text -hero\">\n",
              "<p>Letterboxd is an independent service created by a small team, and we rely mostly on the support of our members to maintain our site and apps. Please consider upgrading to a <a href=\"/pro/\">Pro account</a>—for less than a couple bucks a month, you’ll get cool additional features like all-time and annual stats pages (<a href=\"https://letterboxd.com/jack/stats/\">example</a>), the ability to select (and filter by) your favorite streaming services, and no ads!</p>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"modal-footer\">\n",
              "<a class=\"button -action button-action\" href=\"/pro/\">Learn more about Pro</a>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "<form action=\"\" aria-hidden=\"true\" aria-labelledby=\"poster-picker-modal-title\" class=\"modal-neue fade poster-picker-modal\" data-bs-backdrop=\"static\" id=\"poster-picker-modal\" method=\"post\" novalidate=\"novalidate\" role=\"dialog\" tabindex=\"-1\">\n",
              "<div class=\"modal-dialog -lg modal-dialog-centered modal-dialog-scrollable\">\n",
              "<div class=\"modal-content\">\n",
              "<div class=\"modal-header\">\n",
              "<h5 class=\"modal-title\" id=\"poster-picker-modal-title\">Select your preferred poster</h5>\n",
              "<button aria-label=\"Close\" class=\"close\" data-bs-dismiss=\"modal-neue\" type=\"button\">\n",
              "<svg class=\"glyph\" height=\"16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" stroke=\"#000\" stroke-linecap=\"round\" stroke-width=\"2\"><path d=\"m1 1 14 14M1 15 15 1\"></path></g></svg>\n",
              "</button>\n",
              "</div>\n",
              "<div class=\"modal-body\">\n",
              "<div data-js-target=\"poster-picker\" data-poster-picker-options='{\"id\": \"1950f699-d0c6-43e3-a280-732fe1b1d294\"}' id=\"poster-picker-1950f699-d0c6-43e3-a280-732fe1b1d294\"></div>\n",
              "</div>\n",
              "<div class=\"modal-footer\">\n",
              "<div class=\"poster-picker-note\">\n",
              "<div class=\"body-text -small\">\n",
              "<p>Posters are sourced from <a href=\"https://www.themoviedb.org\" target=\"_blank\">TMDb</a> and <a href=\"https://posteritati.com\" target=\"_blank\">Posteritati</a>, and appear for you and visitors to your profile and content, depending on settings. <a href=\"https://letterboxd.com/journal/posterity-custom-posters/\" target=\"_blank\">Learn more.</a></p>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"poster-picker-controls\" data-poster-picker-controls-for=\"1950f699-d0c6-43e3-a280-732fe1b1d294\">\n",
              "<div class=\"modal-action-group -center\">\n",
              "<button class=\"button -destructive\" data-js-trigger=\"reset\" disabled=\"\" type=\"button\"><span class=\"label\">Reset poster</span></button>\n",
              "<button class=\"button -action\" data-js-trigger=\"submit\" disabled=\"\" type=\"submit\"><span class=\"label\">Save<span class=\"mob-hide\"> changes</span></span></button>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "</form>\n",
              "<script defer=\"\" src=\"https://s.ltrbxd.com/static/js/partner-publishers.min.6fc86c8d.js\"></script>\n",
              "</body>\n",
              "</html>"
            ]
          },
          "metadata": {},
          "execution_count": 3
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "### Checkpoint 1\n",
        "- the movie list is inside unordered list (ul) tag with class name of \"poster-list -p70 -grid film-list clear\", so we will find that tag to get the list of movies\n",
        "- the information we could take is the movie's rating, title, liked or not, and link\n",
        "- the rating format is in stars, so we need a function that transforms it into number\n",
        "- we also need to deal with pagination"
      ],
      "metadata": {
        "id": "4qdp9wrLtLzb"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "def transform_ratings(some_str):\n",
        "    \"\"\"\n",
        "    transforms raw star rating into float value\n",
        "    :param: some_str: actual star rating\n",
        "    :rtype: returns the float representation of the given star(s)\n",
        "    \"\"\"\n",
        "    stars = {\n",
        "        \"★\": 1,\n",
        "        \"★★\": 2,\n",
        "        \"★★★\": 3,\n",
        "        \"★★★★\": 4,\n",
        "        \"★★★★★\": 5,\n",
        "        \"½\": 0.5,\n",
        "        \"★½\": 1.5,\n",
        "        \"★★½\": 2.5,\n",
        "        \"★★★½\": 3.5,\n",
        "        \"★★★★½\": 4.5\n",
        "    }\n",
        "    try:\n",
        "        return stars[some_str]\n",
        "    except:\n",
        "        return -1\n",
        "\n",
        "# find the unordered list\n",
        "ul = soup.find(\"ul\", {\"class\": \"poster-list\"})\n",
        "\n",
        "# find the <li> inside <ul>\n",
        "movies = ul.find_all(\"li\")\n",
        "# we will try to iterate through the movies and then print the title and rating\n",
        "for movie in movies:\n",
        "  print(movie.find('img')['alt'])\n",
        "  print(movie.find('p', {\"class\": \"poster-viewingdata\"}).get_text().strip())\n",
        "  print(transform_ratings(movie.find('p', {\"class\": \"poster-viewingdata\"}).get_text().strip()))\n",
        "  print(\"Liked: \" + str(movie.find('span', {'class': 'like'})!=None))"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "WgHJxooDsos6",
        "outputId": "6396605d-b805-462a-9b62-8e9cdfd2ac84"
      },
      "execution_count": 4,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "A Man Called Otto\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "Puss in Boots: The Last Wish\n",
            "★★★★★\n",
            "5\n",
            "Liked: True\n",
            "The Menu\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "Glass Onion: A Knives Out Mystery\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "The Banshees of Inisherin\n",
            "★★★★★\n",
            "5\n",
            "Liked: True\n",
            "Stealing Raden Saleh\n",
            "★★★★½\n",
            "4.5\n",
            "Liked: False\n",
            "All or Nothing: Arsenal\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "Nope\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "Missing Home\n",
            "★★★★½\n",
            "4.5\n",
            "Liked: False\n",
            "Elvis\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "Men\n",
            "★★½\n",
            "2.5\n",
            "Liked: False\n",
            "Srimulat: Hil Yang Mustahal – Babak Pertama\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "Doctor Strange in the Multiverse of Madness\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "Sonic the Hedgehog 2\n",
            "★★★★\n",
            "4\n",
            "Liked: True\n",
            "Everything Everywhere All at Once\n",
            "★★★★½\n",
            "4.5\n",
            "Liked: True\n",
            "The Batman\n",
            "★★★★½\n",
            "4.5\n",
            "Liked: True\n",
            "Neymar: The Perfect Chaos\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "Spider-Man: No Way Home\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "Nussa\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "Clickbait\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "Free Guy\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "The Suicide Squad\n",
            "★★★★\n",
            "4\n",
            "Liked: True\n",
            "Red Rocket\n",
            "★★★★½\n",
            "4.5\n",
            "Liked: False\n",
            "Cruella\n",
            "★★★\n",
            "3\n",
            "Liked: False\n",
            "Wrath of Man\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "Mortal Kombat\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "Nobody\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "The Heartbreak Club\n",
            "★★★\n",
            "3\n",
            "Liked: False\n",
            "Borat Subsequent Moviefilm\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "BLACKPINK: Light Up the Sky\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "The East\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "Enola Holmes\n",
            "★★★★\n",
            "4\n",
            "Liked: True\n",
            "I Care a Lot\n",
            "★★★★\n",
            "4\n",
            "Liked: True\n",
            "The Devil All the Time\n",
            "★★★★½\n",
            "4.5\n",
            "Liked: True\n",
            "All or Nothing: Tottenham Hotspur\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "I'm Thinking of Ending Things\n",
            "★★★★\n",
            "4\n",
            "Liked: True\n",
            "The SpongeBob Movie: Sponge on the Run\n",
            "★★★\n",
            "3\n",
            "Liked: False\n",
            "Backstreet Rookie\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "Scoob!\n",
            "★★½\n",
            "2.5\n",
            "Liked: False\n",
            "The Last Dance\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "The Hunt\n",
            "★★★½\n",
            "3.5\n",
            "Liked: True\n",
            "Spenser Confidential\n",
            "★★★\n",
            "3\n",
            "Liked: False\n",
            "The Social Dilemma\n",
            "★★★★\n",
            "4\n",
            "Liked: True\n",
            "Sonic the Hedgehog\n",
            "★★★★\n",
            "4\n",
            "Liked: True\n",
            "Promising Young Woman\n",
            "★★★★½\n",
            "4.5\n",
            "Liked: True\n",
            "Bad Boys for Life\n",
            "★★★\n",
            "3\n",
            "Liked: False\n",
            "One Day We'll Talk About Today\n",
            "★★★★\n",
            "4\n",
            "Liked: True\n",
            "Imperfect\n",
            "★★★★½\n",
            "4.5\n",
            "Liked: False\n",
            "1917\n",
            "★★★★½\n",
            "4.5\n",
            "Liked: False\n",
            "The Gentlemen\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "The Queen of Black Magic\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "Impetigore\n",
            "★★★\n",
            "3\n",
            "Liked: False\n",
            "El Camino: A Breaking Bad Movie\n",
            "★★★\n",
            "3\n",
            "Liked: False\n",
            "Guns Akimbo\n",
            "★★★½\n",
            "3.5\n",
            "Liked: True\n",
            "Jojo Rabbit\n",
            "★★★★★\n",
            "5\n",
            "Liked: True\n",
            "Knives Out\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "Joker\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "It Chapter Two\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "The Lion King\n",
            "★★★\n",
            "3\n",
            "Liked: False\n",
            "Midsommar\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "Toy Story 4\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "Deadwood: The Movie\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "Parasite\n",
            "★★★★½\n",
            "4.5\n",
            "Liked: False\n",
            "Once Upon a Time… in Hollywood\n",
            "★★★★½\n",
            "4.5\n",
            "Liked: False\n",
            "Chase\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "John Wick: Chapter 3 - Parabellum\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "The Highwaymen\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "Stuber\n",
            "★★★½\n",
            "3.5\n",
            "Liked: False\n",
            "Us\n",
            "★★★★\n",
            "4\n",
            "Liked: False\n",
            "Fighting with My Family\n",
            "★★★\n",
            "3\n",
            "Liked: False\n",
            "Polar\n",
            "★★★\n",
            "3\n",
            "Liked: False\n",
            "The Mule\n",
            "★★★\n",
            "3\n",
            "Liked: False\n"
          ]
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# dealing with pagination\n",
        "li_pagination = soup.findAll(\"li\", {\"class\": \"paginate-page\"})\n",
        "li_pagination"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "gz-yXPf0uCie",
        "outputId": "0221c2c8-0347-4f49-82ff-f425bc84f3bb"
      },
      "execution_count": 5,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "[<li class=\"paginate-page paginate-current\"><span>1</span></li>,\n",
              " <li class=\"paginate-page\"><a href=\"/cacingpincang/films/page/2/\">2</a></li>,\n",
              " <li class=\"paginate-page\"><a href=\"/cacingpincang/films/page/3/\">3</a></li>,\n",
              " <li class=\"paginate-page\"><a href=\"/cacingpincang/films/page/4/\">4</a></li>]"
            ]
          },
          "metadata": {},
          "execution_count": 5
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "if len(li_pagination) == 0:\n",
        "  # this is when there's only one page\n",
        "  ul = soup.find(\"ul\", {\"class\": \"poster-list\"})\n",
        "  if (ul != None):\n",
        "    movies = ul.find_all(\"li\")\n",
        "else:\n",
        "  # this is when there's more than one page\n",
        "  for i in range(len(li_pagination)):\n",
        "    url = DOMAIN + \"/\" + username + \"/films/page/\" + str(i+1)\n",
        "    url_page = requests.get(url)\n",
        "    soup = BeautifulSoup(url_page.content, 'html.parser')\n",
        "    ul = soup.find(\"ul\", {\"class\": \"poster-list\"})\n",
        "    if (ul != None):\n",
        "      movies = ul.find_all(\"li\")\n",
        "      print(\"the first movie of page {} is {}\".format(i+1, movies[0].find('img')['alt']))"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "kSJgrK7Rz1oX",
        "outputId": "fe4ec1a8-382e-4514-b100-930206e7aaae"
      },
      "execution_count": 6,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "the first movie of page 1 is A Man Called Otto\n",
            "the first movie of page 2 is Take the Ball, Pass the Ball\n",
            "the first movie of page 3 is 3 Idiots\n",
            "the first movie of page 4 is Reservoir Dogs\n"
          ]
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# we will store the data to a pandas dataframe\n",
        "# so the final function will be like this\n",
        "\n",
        "def scrape_films(username):\n",
        "    movies_dict = {}\n",
        "    movies_dict['id'] = []\n",
        "    movies_dict['title'] = []\n",
        "    movies_dict['rating'] = []\n",
        "    movies_dict['liked'] = []\n",
        "    movies_dict['link'] = []\n",
        "    url = DOMAIN + \"/\" + username + \"/films/\"\n",
        "    url_page = requests.get(url)\n",
        "    soup = BeautifulSoup(url_page.content, 'html.parser')\n",
        "    \n",
        "    # check number of pages\n",
        "    li_pagination = soup.findAll(\"li\", {\"class\": \"paginate-page\"})\n",
        "    if len(li_pagination) == 0:\n",
        "        ul = soup.find(\"ul\", {\"class\": \"poster-list\"})\n",
        "        if (ul != None):\n",
        "            movies = ul.find_all(\"li\")\n",
        "            for movie in movies:\n",
        "                movies_dict['id'].append(movie.find('div')['data-film-id'])\n",
        "                movies_dict['title'].append(movie.find('img')['alt'])\n",
        "                movies_dict['rating'].append(transform_ratings(movie.find('p', {\"class\": \"poster-viewingdata\"}).get_text().strip()))\n",
        "                movies_dict['liked'].append(movie.find('span', {'class': 'like'})!=None)\n",
        "                movies_dict['link'].append(movie.find('div')['data-target-link'])\n",
        "    else:\n",
        "        for i in range(len(li_pagination)):\n",
        "            url = DOMAIN + \"/\" + username + \"/films/page/\" + str(i+1)\n",
        "            url_page = requests.get(url)\n",
        "            soup = BeautifulSoup(url_page.content, 'html.parser')\n",
        "            ul = soup.find(\"ul\", {\"class\": \"poster-list\"})\n",
        "            if (ul != None):\n",
        "                movies = ul.find_all(\"li\")\n",
        "                for movie in movies:\n",
        "                    movies_dict['id'].append(movie.find('div')['data-film-id'])\n",
        "                    movies_dict['title'].append(movie.find('img')['alt'])\n",
        "                    movies_dict['rating'].append(transform_ratings(movie.find('p', {\"class\": \"poster-viewingdata\"}).get_text().strip()))\n",
        "                    movies_dict['liked'].append(movie.find('span', {'class': 'like'})!=None)\n",
        "                    movies_dict['link'].append(movie.find('div')['data-target-link'])\n",
        "    \n",
        "    df_film = pd.DataFrame(movies_dict)    \n",
        "    return df_film"
      ],
      "metadata": {
        "id": "0T8DxOj4JaMy"
      },
      "execution_count": 7,
      "outputs": []
    },
    {
      "cell_type": "code",
      "source": [
        "# let's try it\n",
        "my_film = scrape_films(\"cacingpincang\")"
      ],
      "metadata": {
        "id": "XcBzG2z7KSgY"
      },
      "execution_count": 8,
      "outputs": []
    },
    {
      "cell_type": "code",
      "source": [
        "my_film.head()"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 206
        },
        "id": "kt-9FlWUKnZp",
        "outputId": "8dec7c61-189f-4be5-8a61-7e609a195d61"
      },
      "execution_count": 9,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "       id                              title  rating  liked  \\\n",
              "0  842221                  A Man Called Otto     4.0  False   \n",
              "1  242285       Puss in Boots: The Last Wish     5.0   True   \n",
              "2  521323                           The Menu     4.0  False   \n",
              "3  586723  Glass Onion: A Knives Out Mystery     4.0  False   \n",
              "4  598882          The Banshees of Inisherin     5.0   True   \n",
              "\n",
              "                                      link  \n",
              "0                 /film/a-man-called-otto/  \n",
              "1       /film/puss-in-boots-the-last-wish/  \n",
              "2                     /film/the-menu-2022/  \n",
              "3  /film/glass-onion-a-knives-out-mystery/  \n",
              "4         /film/the-banshees-of-inisherin/  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-c37e5d2f-10f8-4837-91a4-4b13e6b945b2\">\n",
              "    <div class=\"colab-df-container\">\n",
              "      <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>id</th>\n",
              "      <th>title</th>\n",
              "      <th>rating</th>\n",
              "      <th>liked</th>\n",
              "      <th>link</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>0</th>\n",
              "      <td>842221</td>\n",
              "      <td>A Man Called Otto</td>\n",
              "      <td>4.0</td>\n",
              "      <td>False</td>\n",
              "      <td>/film/a-man-called-otto/</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>242285</td>\n",
              "      <td>Puss in Boots: The Last Wish</td>\n",
              "      <td>5.0</td>\n",
              "      <td>True</td>\n",
              "      <td>/film/puss-in-boots-the-last-wish/</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>521323</td>\n",
              "      <td>The Menu</td>\n",
              "      <td>4.0</td>\n",
              "      <td>False</td>\n",
              "      <td>/film/the-menu-2022/</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>586723</td>\n",
              "      <td>Glass Onion: A Knives Out Mystery</td>\n",
              "      <td>4.0</td>\n",
              "      <td>False</td>\n",
              "      <td>/film/glass-onion-a-knives-out-mystery/</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>598882</td>\n",
              "      <td>The Banshees of Inisherin</td>\n",
              "      <td>5.0</td>\n",
              "      <td>True</td>\n",
              "      <td>/film/the-banshees-of-inisherin/</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-c37e5d2f-10f8-4837-91a4-4b13e6b945b2')\"\n",
              "              title=\"Convert this dataframe to an interactive table.\"\n",
              "              style=\"display:none;\">\n",
              "        \n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "       width=\"24px\">\n",
              "    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n",
              "    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n",
              "  </svg>\n",
              "      </button>\n",
              "      \n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      flex-wrap:wrap;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "      <script>\n",
              "        const buttonEl =\n",
              "          document.querySelector('#df-c37e5d2f-10f8-4837-91a4-4b13e6b945b2 button.colab-df-convert');\n",
              "        buttonEl.style.display =\n",
              "          google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "        async function convertToInteractive(key) {\n",
              "          const element = document.querySelector('#df-c37e5d2f-10f8-4837-91a4-4b13e6b945b2');\n",
              "          const dataTable =\n",
              "            await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                     [key], {});\n",
              "          if (!dataTable) return;\n",
              "\n",
              "          const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "            + ' to learn more about interactive tables.';\n",
              "          element.innerHTML = '';\n",
              "          dataTable['output_type'] = 'display_data';\n",
              "          await google.colab.output.renderOutput(dataTable, element);\n",
              "          const docLink = document.createElement('div');\n",
              "          docLink.innerHTML = docLinkHtml;\n",
              "          element.appendChild(docLink);\n",
              "        }\n",
              "      </script>\n",
              "    </div>\n",
              "  </div>\n",
              "  "
            ]
          },
          "metadata": {},
          "execution_count": 9
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "## Checkpoint 2\n",
        "- It worked!!"
      ],
      "metadata": {
        "id": "K0JFpA3FNLkQ"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "# Creating Other Functions\n",
        "- Now we will scrape the friends list with similar approach, but for efficiency I will directly give the final function\n",
        "- In this case, I will give 4 different interpretation of 'friends', (1) following, (2) followers, (3) union of following and followers, and (4) mutual/intersection of following and followers"
      ],
      "metadata": {
        "id": "il_Krf3FcBC6"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "def list_friends(username, ftype='following'):\n",
        "    friends_list = []\n",
        "    if ((ftype == 'following') | (ftype == 'followers')):\n",
        "        url = DOMAIN + \"/\" + username + \"/{0}/\".format(ftype)\n",
        "        while True:\n",
        "            url_page = requests.get(url)\n",
        "            soup = BeautifulSoup(url_page.content, 'html.parser')\n",
        "            friends = soup.findAll('div', {'class':'person-summary'})\n",
        "\n",
        "            for friend in friends:\n",
        "                username_b = friend.find('a', {'class':'avatar'})['href'].replace('/','')\n",
        "                friends_list.append(username_b)\n",
        "\n",
        "            # check if there's next page\n",
        "            if soup.find('a', {'class':'next'}) is None:\n",
        "                break\n",
        "            else:\n",
        "                url = DOMAIN + soup.find('a', {'class':'next'})['href']\n",
        "    elif (ftype == 'both'):\n",
        "        url = DOMAIN + \"/\" + username + \"/following/\"\n",
        "        while True:\n",
        "            url_page = requests.get(url)\n",
        "            soup = BeautifulSoup(url_page.content, 'html.parser')\n",
        "            friends = soup.findAll('div', {'class':'person-summary'})\n",
        "\n",
        "            for friend in friends:\n",
        "                username_b = friend.find('a', {'class':'avatar'})['href'].replace('/','')\n",
        "                friends_list.append(username_b)\n",
        "\n",
        "            # check if there's next page\n",
        "            if soup.find('a', {'class':'next'}) is None:\n",
        "                break\n",
        "            else:\n",
        "                url = DOMAIN + soup.find('a', {'class':'next'})['href']\n",
        "        url = DOMAIN + \"/\" + username + \"/followers/\"\n",
        "        while True:\n",
        "            url_page = requests.get(url)\n",
        "            soup = BeautifulSoup(url_page.content, 'html.parser')\n",
        "            friends = soup.findAll('div', {'class':'person-summary'})\n",
        "\n",
        "            for friend in friends:\n",
        "                username_b = friend.find('a', {'class':'avatar'})['href'].replace('/','')\n",
        "                friends_list.append(username_b)\n",
        "\n",
        "            # check if there's next page\n",
        "            if soup.find('a', {'class':'next'}) is None:\n",
        "                break\n",
        "            else:\n",
        "                url = DOMAIN + soup.find('a', {'class':'next'})['href']\n",
        "        friends_list = list(dict.fromkeys(friends_list))\n",
        "    elif (ftype == 'mutual'):\n",
        "        following_list = []\n",
        "        url = DOMAIN + \"/\" + username + \"/following/\"\n",
        "        while True:\n",
        "            url_page = requests.get(url)\n",
        "            soup = BeautifulSoup(url_page.content, 'html.parser')\n",
        "            friends = soup.findAll('div', {'class':'person-summary'})\n",
        "\n",
        "            for friend in friends:\n",
        "                username_b = friend.find('a', {'class':'avatar'})['href'].replace('/','')\n",
        "                following_list.append(username_b)\n",
        "\n",
        "            # check if there's next page\n",
        "            if soup.find('a', {'class':'next'}) is None:\n",
        "                break\n",
        "            else:\n",
        "                url = DOMAIN + soup.find('a', {'class':'next'})['href']\n",
        "        followers_list = []\n",
        "        url = DOMAIN + \"/\" + username + \"/followers/\"\n",
        "        while True:\n",
        "            url_page = requests.get(url)\n",
        "            soup = BeautifulSoup(url_page.content, 'html.parser')\n",
        "            friends = soup.findAll('div', {'class':'person-summary'})\n",
        "\n",
        "            for friend in friends:\n",
        "                username_b = friend.find('a', {'class':'avatar'})['href'].replace('/','')\n",
        "                followers_list.append(username_b)\n",
        "\n",
        "            # check if there's next page\n",
        "            if soup.find('a', {'class':'next'}) is None:\n",
        "                break\n",
        "            else:\n",
        "                url = DOMAIN + soup.find('a', {'class':'next'})['href']\n",
        "        for following in following_list:\n",
        "            if following in followers_list:\n",
        "                friends_list.append(following)\n",
        "    return friends_list"
      ],
      "metadata": {
        "id": "FvofcCUhKp-k"
      },
      "execution_count": 10,
      "outputs": []
    },
    {
      "cell_type": "code",
      "source": [
        "my_friends = list_friends('cacingpincang', 'mutual')"
      ],
      "metadata": {
        "id": "SHKxNqRXOQ3x"
      },
      "execution_count": 11,
      "outputs": []
    },
    {
      "cell_type": "code",
      "source": [
        "my_friends[:10]"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "TRqC0ZCpOW2H",
        "outputId": "9f660473-2a49-480f-e124-38beb937a8b9"
      },
      "execution_count": 12,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "['jigsaw123',\n",
              " 'ashleewilliams',\n",
              " 'sefitofransgiox',\n",
              " 'alamledp',\n",
              " 'imajinasi',\n",
              " 'vonnysimarmata',\n",
              " 'ajinur',\n",
              " 'mukhlis',\n",
              " 'rez4',\n",
              " 'perryshadow']"
            ]
          },
          "metadata": {},
          "execution_count": 12
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "## Checkpoint 3\n",
        "- Now that we could get the username of our friends, we will use the previous function to get our friends' movies\n",
        "- We will also compare our friends' movies to ours so we need a function that defines similarity score\n",
        "- Lastly, we need a function to do comparison and summarize it in a table"
      ],
      "metadata": {
        "id": "vqGnwninO-7C"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "## My Simple Similarity Scoring System (the index_score column)\n",
        "- If you both like/don't like the movie and give the same ratings, the score is perfect (in this case: 2) it means you have the same exact opinion on that movie\n",
        "- If you both like the movie and give different ratings, the score is 2 (you both like it) minus the rating points difference divided by 5 (the range of the rating)\n",
        "- If you both don't like the movie and give different ratings, the score is 1 minus the rating points difference divided by 5 (the range of the rating)\n",
        "\n",
        "And the final score is similarity score multiplied by number of movies both have rated\n",
        "### why multiply it with number of movies?\n",
        "my assumption is if I have very similar rating and liking behavior with my friend, but we watch different movies then we're not really close because we have different references"
      ],
      "metadata": {
        "id": "lgfzgBpmP67j"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "def score_index(rating_x, liked_x, rating_y, liked_y):\n",
        "    score = 0.0\n",
        "    if ((rating_x == rating_y) & (liked_x == liked_y)):\n",
        "        score = 2.0\n",
        "    # both like but different ratings\n",
        "    elif ((liked_x == True) & (liked_x == liked_y)):\n",
        "        score = 2.0-(abs(rating_x-rating_y)/5)\n",
        "    else:\n",
        "        score = 1.0-(abs(rating_x-rating_y)/5)\n",
        "    return score\n",
        "\n",
        "\n",
        "def compare_ratings_friends(username_a, df_a, username_b, df_b):\n",
        "    \n",
        "    # movies they both liked\n",
        "    df_liked = pd.merge(df_a[['id', 'title', 'link', 'liked']], df_b[['id', 'liked']])\n",
        "    df_liked = df_liked[df_liked['liked']==True].reset_index(drop=True)\n",
        "    \n",
        "    # movies they gave same rate\n",
        "    df_same = pd.merge(df_a[['id', 'title', 'rating']], df_b[['id', 'rating']])\n",
        "    \n",
        "    # movies they gave different rate\n",
        "    df_different = pd.merge(df_a[['id', 'title', 'rating']], df_b[['id', 'rating']], how='inner', on='id')\n",
        "    df_different = df_different[df_different['rating_x']!=df_different['rating_y']].reset_index(drop=True)\n",
        "    df_different['difference'] = df_different['rating_x']-df_different['rating_y']\n",
        "    df_different['difference_abs'] = abs(df_different['rating_x']-df_different['rating_y'])\n",
        "    df_different = df_different.rename(columns={'rating_x': 'rating_{0}'.format(username_a), 'rating_y': 'rating_{0}'.format(username_b)})\n",
        "    \n",
        "    # calculate index\n",
        "    df_merge = pd.merge(df_a, df_b, on = ['id', 'title'])\n",
        "    if len(df_merge) > 0:\n",
        "        df_merge['score'] = df_merge.apply(lambda row: score_index(row['rating_x'], row['liked_x'],\n",
        "                                                                   row['rating_y'], row['liked_y']),\n",
        "                                           axis = 1)\n",
        "        index = df_merge['score'].sum()/(2*len(df_merge))\n",
        "    else:\n",
        "        index = 0\n",
        "    return df_liked, df_same, df_different, index\n",
        "\n",
        "def scrape_friends(username, friends_list, limit=20):\n",
        "    df_a = scrape_films(username)\n",
        "    df_a = df_a[df_a['rating']!=-1].reset_index(drop=True)\n",
        "    \n",
        "    friends_dict = {}\n",
        "    friends_dict['username'] = []\n",
        "    friends_dict['index_score'] = []\n",
        "    friends_dict['no_of_movies'] = []\n",
        "    \n",
        "    friends_data = {}\n",
        "    for username_b in friends_list:\n",
        "        print('scraping for '+username_b)\n",
        "        df_b = scrape_films(username_b)\n",
        "        df_b = df_b[df_b['rating']!=-1].reset_index(drop=True)\n",
        "        no_of_movies = len(pd.merge(df_a[['id']], df_b[['id']]))\n",
        "        # limit is the minimum number of movies you and your friend both rated\n",
        "        # if number of movies you both have rated is less than the limit, then we won't calculate similarity\n",
        "        if no_of_movies >= limit:\n",
        "            friends_dict['username'].append(username_b)\n",
        "            print('comparing for '+username_b)\n",
        "            df_liked, df_same, df_different, index = compare_ratings_friends(username, df_a, username_b, df_b)\n",
        "            friends_dict['index_score'].append(index)\n",
        "            friends_dict['no_of_movies'].append(no_of_movies)\n",
        "            friends_data[username_b] = {}\n",
        "            friends_data[username_b]['df_b'] = df_b\n",
        "            friends_data[username_b]['df_liked'] = df_liked\n",
        "            friends_data[username_b]['df_same'] = df_same\n",
        "            friends_data[username_b]['df_different'] = df_different\n",
        "\n",
        "    df_friends = pd.DataFrame(friends_dict)\n",
        "    # the final score of friends is similarity*number of movies you both have watched\n",
        "    # why multiply it with number of movies?\n",
        "    # my assumption is if I have very similar rating and liking behavior with my friend,\n",
        "    # but we watch different movies then we're not really close because we have different references\n",
        "    df_friends['total_index'] = df_friends['index_score']*df_friends['no_of_movies']\n",
        "    return df_friends, friends_data, df_a"
      ],
      "metadata": {
        "id": "EmSleMbDOZtO"
      },
      "execution_count": 13,
      "outputs": []
    },
    {
      "cell_type": "code",
      "source": [
        "df_friends, friends_data, df_a = scrape_friends('cacingpincang', my_friends)"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "pgvZGJy9nzgG",
        "outputId": "083a2e77-101d-40f9-f871-2fddec7091b0"
      },
      "execution_count": 14,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "scraping for jigsaw123\n",
            "scraping for ashleewilliams\n",
            "scraping for sefitofransgiox\n",
            "scraping for alamledp\n",
            "comparing for alamledp\n",
            "scraping for imajinasi\n",
            "scraping for vonnysimarmata\n",
            "comparing for vonnysimarmata\n",
            "scraping for ajinur\n",
            "comparing for ajinur\n",
            "scraping for mukhlis\n",
            "comparing for mukhlis\n",
            "scraping for rez4\n",
            "scraping for perryshadow\n",
            "comparing for perryshadow\n",
            "scraping for vitaminc1\n",
            "comparing for vitaminc1\n",
            "scraping for wetuburubur\n",
            "scraping for omarlae2106\n",
            "comparing for omarlae2106\n",
            "scraping for brendonyu668\n",
            "comparing for brendonyu668\n",
            "scraping for bluewhale307\n",
            "scraping for ccj6529\n",
            "comparing for ccj6529\n",
            "scraping for katekidz\n",
            "comparing for katekidz\n",
            "scraping for jenniferrx\n",
            "comparing for jenniferrx\n",
            "scraping for inanamaa\n",
            "comparing for inanamaa\n",
            "scraping for asddljhgfh\n",
            "comparing for asddljhgfh\n",
            "scraping for outkastatlast\n",
            "scraping for christine2597\n",
            "comparing for christine2597\n",
            "scraping for jordlyphe\n",
            "comparing for jordlyphe\n",
            "scraping for resulonrsl\n",
            "comparing for resulonrsl\n",
            "scraping for txmnxwton\n",
            "comparing for txmnxwton\n",
            "scraping for laythtbaileh\n",
            "comparing for laythtbaileh\n",
            "scraping for ikiefriandi\n",
            "comparing for ikiefriandi\n",
            "scraping for bardjan\n",
            "comparing for bardjan\n",
            "scraping for theorollason\n",
            "comparing for theorollason\n",
            "scraping for zandar\n"
          ]
        },
        {
          "output_type": "stream",
          "name": "stderr",
          "text": [
            "/usr/local/lib/python3.8/dist-packages/pandas/core/reshape/merge.py:1204: UserWarning: You are merging on int and float columns where the float values are not equal to their int representation\n",
            "  warnings.warn(\n"
          ]
        },
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "comparing for zandar\n",
            "scraping for hjc2244\n",
            "comparing for hjc2244\n",
            "scraping for skipperjens\n",
            "comparing for skipperjens\n",
            "scraping for matthewzeitoun\n",
            "scraping for kikyrahmannisa\n",
            "comparing for kikyrahmannisa\n",
            "scraping for djdoublem3\n",
            "comparing for djdoublem3\n",
            "scraping for rom0618\n",
            "comparing for rom0618\n"
          ]
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# let's see my top 10 friends\n",
        "df_friends.sort_values('total_index', ascending=False).head(10)"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 363
        },
        "id": "XBax-5Z1oBHU",
        "outputId": "ba3d4f84-0366-4b07-a4b4-94df5379c2ae"
      },
      "execution_count": 15,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "         username  index_score  no_of_movies  total_index\n",
              "7    brendonyu668     0.641509            53        34.00\n",
              "5       vitaminc1     0.596364            55        32.80\n",
              "9        katekidz     0.573585            53        30.40\n",
              "26        rom0618     0.571277            47        26.85\n",
              "22        hjc2244     0.489815            54        26.45\n",
              "17   laythtbaileh     0.625610            41        25.65\n",
              "11       inanamaa     0.558889            45        25.15\n",
              "0        alamledp     0.610256            39        23.80\n",
              "3         mukhlis     0.547500            40        21.90\n",
              "13  christine2597     0.487500            44        21.45"
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-e0155586-de9c-419d-b06c-4a1a2ec19ebc\">\n",
              "    <div class=\"colab-df-container\">\n",
              "      <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>username</th>\n",
              "      <th>index_score</th>\n",
              "      <th>no_of_movies</th>\n",
              "      <th>total_index</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>brendonyu668</td>\n",
              "      <td>0.641509</td>\n",
              "      <td>53</td>\n",
              "      <td>34.00</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>vitaminc1</td>\n",
              "      <td>0.596364</td>\n",
              "      <td>55</td>\n",
              "      <td>32.80</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>katekidz</td>\n",
              "      <td>0.573585</td>\n",
              "      <td>53</td>\n",
              "      <td>30.40</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>26</th>\n",
              "      <td>rom0618</td>\n",
              "      <td>0.571277</td>\n",
              "      <td>47</td>\n",
              "      <td>26.85</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>hjc2244</td>\n",
              "      <td>0.489815</td>\n",
              "      <td>54</td>\n",
              "      <td>26.45</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>laythtbaileh</td>\n",
              "      <td>0.625610</td>\n",
              "      <td>41</td>\n",
              "      <td>25.65</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>inanamaa</td>\n",
              "      <td>0.558889</td>\n",
              "      <td>45</td>\n",
              "      <td>25.15</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>0</th>\n",
              "      <td>alamledp</td>\n",
              "      <td>0.610256</td>\n",
              "      <td>39</td>\n",
              "      <td>23.80</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>mukhlis</td>\n",
              "      <td>0.547500</td>\n",
              "      <td>40</td>\n",
              "      <td>21.90</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>christine2597</td>\n",
              "      <td>0.487500</td>\n",
              "      <td>44</td>\n",
              "      <td>21.45</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-e0155586-de9c-419d-b06c-4a1a2ec19ebc')\"\n",
              "              title=\"Convert this dataframe to an interactive table.\"\n",
              "              style=\"display:none;\">\n",
              "        \n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "       width=\"24px\">\n",
              "    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n",
              "    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n",
              "  </svg>\n",
              "      </button>\n",
              "      \n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      flex-wrap:wrap;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "      <script>\n",
              "        const buttonEl =\n",
              "          document.querySelector('#df-e0155586-de9c-419d-b06c-4a1a2ec19ebc button.colab-df-convert');\n",
              "        buttonEl.style.display =\n",
              "          google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "        async function convertToInteractive(key) {\n",
              "          const element = document.querySelector('#df-e0155586-de9c-419d-b06c-4a1a2ec19ebc');\n",
              "          const dataTable =\n",
              "            await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                     [key], {});\n",
              "          if (!dataTable) return;\n",
              "\n",
              "          const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "            + ' to learn more about interactive tables.';\n",
              "          element.innerHTML = '';\n",
              "          dataTable['output_type'] = 'display_data';\n",
              "          await google.colab.output.renderOutput(dataTable, element);\n",
              "          const docLink = document.createElement('div');\n",
              "          docLink.innerHTML = docLinkHtml;\n",
              "          element.appendChild(docLink);\n",
              "        }\n",
              "      </script>\n",
              "    </div>\n",
              "  </div>\n",
              "  "
            ]
          },
          "metadata": {},
          "execution_count": 15
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "## Checkpoint 4\n",
        "- Now that I know **brendonyu668** is my closest friend, I will try to look more into his highly rated movies hoping that I will probably like those movies too because we have similar taste"
      ],
      "metadata": {
        "id": "4RJDzmQTqUR-"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "# movies that I and brendonyu668 liked\n",
        "friends_data['brendonyu668']['df_liked']"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 425
        },
        "id": "n0OyD4Z8pUh0",
        "outputId": "6d2381f9-a5f8-47d8-f4bc-d355637e3761"
      },
      "execution_count": 26,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "        id                                      title  \\\n",
              "0   598882                  The Banshees of Inisherin   \n",
              "1   474474          Everything Everywhere All at Once   \n",
              "2   348914                                 The Batman   \n",
              "3   369835                          The Suicide Squad   \n",
              "4   510047                      Promising Young Woman   \n",
              "5   291610  Three Billboards Outside Ebbing, Missouri   \n",
              "6   353117                                    Get Out   \n",
              "7    52516                           Django Unchained   \n",
              "8    45409                             Shutter Island   \n",
              "9    40100                               The Hangover   \n",
              "10   41352                       Inglourious Basterds   \n",
              "11   43302                                         Up   \n",
              "\n",
              "                                               link  liked  \n",
              "0                  /film/the-banshees-of-inisherin/   True  \n",
              "1          /film/everything-everywhere-all-at-once/   True  \n",
              "2                                 /film/the-batman/   True  \n",
              "3                          /film/the-suicide-squad/   True  \n",
              "4                      /film/promising-young-woman/   True  \n",
              "5   /film/three-billboards-outside-ebbing-missouri/   True  \n",
              "6                               /film/get-out-2017/   True  \n",
              "7                           /film/django-unchained/   True  \n",
              "8                             /film/shutter-island/   True  \n",
              "9                               /film/the-hangover/   True  \n",
              "10                      /film/inglourious-basterds/   True  \n",
              "11                                        /film/up/   True  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-6e0b5f20-9ef7-4356-b4a2-8d299920253a\">\n",
              "    <div class=\"colab-df-container\">\n",
              "      <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>id</th>\n",
              "      <th>title</th>\n",
              "      <th>link</th>\n",
              "      <th>liked</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>0</th>\n",
              "      <td>598882</td>\n",
              "      <td>The Banshees of Inisherin</td>\n",
              "      <td>/film/the-banshees-of-inisherin/</td>\n",
              "      <td>True</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>474474</td>\n",
              "      <td>Everything Everywhere All at Once</td>\n",
              "      <td>/film/everything-everywhere-all-at-once/</td>\n",
              "      <td>True</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>348914</td>\n",
              "      <td>The Batman</td>\n",
              "      <td>/film/the-batman/</td>\n",
              "      <td>True</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>369835</td>\n",
              "      <td>The Suicide Squad</td>\n",
              "      <td>/film/the-suicide-squad/</td>\n",
              "      <td>True</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>510047</td>\n",
              "      <td>Promising Young Woman</td>\n",
              "      <td>/film/promising-young-woman/</td>\n",
              "      <td>True</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>291610</td>\n",
              "      <td>Three Billboards Outside Ebbing, Missouri</td>\n",
              "      <td>/film/three-billboards-outside-ebbing-missouri/</td>\n",
              "      <td>True</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>353117</td>\n",
              "      <td>Get Out</td>\n",
              "      <td>/film/get-out-2017/</td>\n",
              "      <td>True</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>52516</td>\n",
              "      <td>Django Unchained</td>\n",
              "      <td>/film/django-unchained/</td>\n",
              "      <td>True</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>45409</td>\n",
              "      <td>Shutter Island</td>\n",
              "      <td>/film/shutter-island/</td>\n",
              "      <td>True</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>40100</td>\n",
              "      <td>The Hangover</td>\n",
              "      <td>/film/the-hangover/</td>\n",
              "      <td>True</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>41352</td>\n",
              "      <td>Inglourious Basterds</td>\n",
              "      <td>/film/inglourious-basterds/</td>\n",
              "      <td>True</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>43302</td>\n",
              "      <td>Up</td>\n",
              "      <td>/film/up/</td>\n",
              "      <td>True</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-6e0b5f20-9ef7-4356-b4a2-8d299920253a')\"\n",
              "              title=\"Convert this dataframe to an interactive table.\"\n",
              "              style=\"display:none;\">\n",
              "        \n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "       width=\"24px\">\n",
              "    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n",
              "    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n",
              "  </svg>\n",
              "      </button>\n",
              "      \n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      flex-wrap:wrap;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "      <script>\n",
              "        const buttonEl =\n",
              "          document.querySelector('#df-6e0b5f20-9ef7-4356-b4a2-8d299920253a button.colab-df-convert');\n",
              "        buttonEl.style.display =\n",
              "          google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "        async function convertToInteractive(key) {\n",
              "          const element = document.querySelector('#df-6e0b5f20-9ef7-4356-b4a2-8d299920253a');\n",
              "          const dataTable =\n",
              "            await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                     [key], {});\n",
              "          if (!dataTable) return;\n",
              "\n",
              "          const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "            + ' to learn more about interactive tables.';\n",
              "          element.innerHTML = '';\n",
              "          dataTable['output_type'] = 'display_data';\n",
              "          await google.colab.output.renderOutput(dataTable, element);\n",
              "          const docLink = document.createElement('div');\n",
              "          docLink.innerHTML = docLinkHtml;\n",
              "          element.appendChild(docLink);\n",
              "        }\n",
              "      </script>\n",
              "    </div>\n",
              "  </div>\n",
              "  "
            ]
          },
          "metadata": {},
          "execution_count": 26
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# movies that brendonyu668 liked\n",
        "friends_data['brendonyu668']['df_b'][friends_data['brendonyu668']['df_b']['liked'] == True].head(10)"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 363
        },
        "id": "IwYPzQAlpoSD",
        "outputId": "fca95635-19fe-4b28-9e8b-ddfa5898f060"
      },
      "execution_count": 28,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "        id                              title  rating  liked  \\\n",
              "1   484263     Guillermo del Toro's Pinocchio     4.5   True   \n",
              "2   521323                           The Menu     4.0   True   \n",
              "3   586723  Glass Onion: A Knives Out Mystery     4.0   True   \n",
              "4   598882          The Banshees of Inisherin     5.0   True   \n",
              "12  293465                  Top Gun: Maverick     5.0   True   \n",
              "14  565852                       The Northman     4.5   True   \n",
              "16  474474  Everything Everywhere All at Once     5.0   True   \n",
              "18  348914                         The Batman     4.5   True   \n",
              "21  441471                    West Side Story     4.5   True   \n",
              "23  466291                 tick, tick...BOOM!     4.5   True   \n",
              "\n",
              "                                        link  \n",
              "1       /film/guillermo-del-toros-pinocchio/  \n",
              "2                       /film/the-menu-2022/  \n",
              "3    /film/glass-onion-a-knives-out-mystery/  \n",
              "4           /film/the-banshees-of-inisherin/  \n",
              "12                   /film/top-gun-maverick/  \n",
              "14                       /film/the-northman/  \n",
              "16  /film/everything-everywhere-all-at-once/  \n",
              "18                         /film/the-batman/  \n",
              "21               /film/west-side-story-2021/  \n",
              "23                /film/tick-tick-boom-2021/  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-116a3185-7ad1-4e87-88be-554e2f698a99\">\n",
              "    <div class=\"colab-df-container\">\n",
              "      <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>id</th>\n",
              "      <th>title</th>\n",
              "      <th>rating</th>\n",
              "      <th>liked</th>\n",
              "      <th>link</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>484263</td>\n",
              "      <td>Guillermo del Toro's Pinocchio</td>\n",
              "      <td>4.5</td>\n",
              "      <td>True</td>\n",
              "      <td>/film/guillermo-del-toros-pinocchio/</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>521323</td>\n",
              "      <td>The Menu</td>\n",
              "      <td>4.0</td>\n",
              "      <td>True</td>\n",
              "      <td>/film/the-menu-2022/</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>586723</td>\n",
              "      <td>Glass Onion: A Knives Out Mystery</td>\n",
              "      <td>4.0</td>\n",
              "      <td>True</td>\n",
              "      <td>/film/glass-onion-a-knives-out-mystery/</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>598882</td>\n",
              "      <td>The Banshees of Inisherin</td>\n",
              "      <td>5.0</td>\n",
              "      <td>True</td>\n",
              "      <td>/film/the-banshees-of-inisherin/</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>293465</td>\n",
              "      <td>Top Gun: Maverick</td>\n",
              "      <td>5.0</td>\n",
              "      <td>True</td>\n",
              "      <td>/film/top-gun-maverick/</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>565852</td>\n",
              "      <td>The Northman</td>\n",
              "      <td>4.5</td>\n",
              "      <td>True</td>\n",
              "      <td>/film/the-northman/</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>474474</td>\n",
              "      <td>Everything Everywhere All at Once</td>\n",
              "      <td>5.0</td>\n",
              "      <td>True</td>\n",
              "      <td>/film/everything-everywhere-all-at-once/</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>348914</td>\n",
              "      <td>The Batman</td>\n",
              "      <td>4.5</td>\n",
              "      <td>True</td>\n",
              "      <td>/film/the-batman/</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>441471</td>\n",
              "      <td>West Side Story</td>\n",
              "      <td>4.5</td>\n",
              "      <td>True</td>\n",
              "      <td>/film/west-side-story-2021/</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>466291</td>\n",
              "      <td>tick, tick...BOOM!</td>\n",
              "      <td>4.5</td>\n",
              "      <td>True</td>\n",
              "      <td>/film/tick-tick-boom-2021/</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-116a3185-7ad1-4e87-88be-554e2f698a99')\"\n",
              "              title=\"Convert this dataframe to an interactive table.\"\n",
              "              style=\"display:none;\">\n",
              "        \n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "       width=\"24px\">\n",
              "    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n",
              "    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n",
              "  </svg>\n",
              "      </button>\n",
              "      \n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      flex-wrap:wrap;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "      <script>\n",
              "        const buttonEl =\n",
              "          document.querySelector('#df-116a3185-7ad1-4e87-88be-554e2f698a99 button.colab-df-convert');\n",
              "        buttonEl.style.display =\n",
              "          google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "        async function convertToInteractive(key) {\n",
              "          const element = document.querySelector('#df-116a3185-7ad1-4e87-88be-554e2f698a99');\n",
              "          const dataTable =\n",
              "            await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                     [key], {});\n",
              "          if (!dataTable) return;\n",
              "\n",
              "          const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "            + ' to learn more about interactive tables.';\n",
              "          element.innerHTML = '';\n",
              "          dataTable['output_type'] = 'display_data';\n",
              "          await google.colab.output.renderOutput(dataTable, element);\n",
              "          const docLink = document.createElement('div');\n",
              "          docLink.innerHTML = docLinkHtml;\n",
              "          element.appendChild(docLink);\n",
              "        }\n",
              "      </script>\n",
              "    </div>\n",
              "  </div>\n",
              "  "
            ]
          },
          "metadata": {},
          "execution_count": 28
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# let's see my bottom 10 friends\n",
        "df_friends.sort_values('total_index').head(10)"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 363
        },
        "id": "TIyJ2_Gne5z5",
        "outputId": "3d0bb15e-08d5-4109-a720-89491b446b6d"
      },
      "execution_count": 16,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "          username  index_score  no_of_movies  total_index\n",
              "25      djdoublem3     0.480952            21        10.10\n",
              "1   vonnysimarmata     0.565000            20        11.30\n",
              "6      omarlae2106     0.421667            30        12.65\n",
              "23     skipperjens     0.607143            21        12.75\n",
              "18     ikiefriandi     0.593182            22        13.05\n",
              "12      asddljhgfh     0.578261            23        13.30\n",
              "24  kikyrahmannisa     0.593478            23        13.65\n",
              "20    theorollason     0.503448            29        14.60\n",
              "8          ccj6529     0.551724            29        16.00\n",
              "10      jenniferrx     0.543333            30        16.30"
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-3728c68d-1e1d-4ccf-b223-e28b7e02ee48\">\n",
              "    <div class=\"colab-df-container\">\n",
              "      <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>username</th>\n",
              "      <th>index_score</th>\n",
              "      <th>no_of_movies</th>\n",
              "      <th>total_index</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>25</th>\n",
              "      <td>djdoublem3</td>\n",
              "      <td>0.480952</td>\n",
              "      <td>21</td>\n",
              "      <td>10.10</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>vonnysimarmata</td>\n",
              "      <td>0.565000</td>\n",
              "      <td>20</td>\n",
              "      <td>11.30</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>omarlae2106</td>\n",
              "      <td>0.421667</td>\n",
              "      <td>30</td>\n",
              "      <td>12.65</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>skipperjens</td>\n",
              "      <td>0.607143</td>\n",
              "      <td>21</td>\n",
              "      <td>12.75</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>ikiefriandi</td>\n",
              "      <td>0.593182</td>\n",
              "      <td>22</td>\n",
              "      <td>13.05</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>asddljhgfh</td>\n",
              "      <td>0.578261</td>\n",
              "      <td>23</td>\n",
              "      <td>13.30</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>24</th>\n",
              "      <td>kikyrahmannisa</td>\n",
              "      <td>0.593478</td>\n",
              "      <td>23</td>\n",
              "      <td>13.65</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>theorollason</td>\n",
              "      <td>0.503448</td>\n",
              "      <td>29</td>\n",
              "      <td>14.60</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>ccj6529</td>\n",
              "      <td>0.551724</td>\n",
              "      <td>29</td>\n",
              "      <td>16.00</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>jenniferrx</td>\n",
              "      <td>0.543333</td>\n",
              "      <td>30</td>\n",
              "      <td>16.30</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-3728c68d-1e1d-4ccf-b223-e28b7e02ee48')\"\n",
              "              title=\"Convert this dataframe to an interactive table.\"\n",
              "              style=\"display:none;\">\n",
              "        \n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "       width=\"24px\">\n",
              "    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n",
              "    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n",
              "  </svg>\n",
              "      </button>\n",
              "      \n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      flex-wrap:wrap;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "      <script>\n",
              "        const buttonEl =\n",
              "          document.querySelector('#df-3728c68d-1e1d-4ccf-b223-e28b7e02ee48 button.colab-df-convert');\n",
              "        buttonEl.style.display =\n",
              "          google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "        async function convertToInteractive(key) {\n",
              "          const element = document.querySelector('#df-3728c68d-1e1d-4ccf-b223-e28b7e02ee48');\n",
              "          const dataTable =\n",
              "            await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                     [key], {});\n",
              "          if (!dataTable) return;\n",
              "\n",
              "          const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "            + ' to learn more about interactive tables.';\n",
              "          element.innerHTML = '';\n",
              "          dataTable['output_type'] = 'display_data';\n",
              "          await google.colab.output.renderOutput(dataTable, element);\n",
              "          const docLink = document.createElement('div');\n",
              "          docLink.innerHTML = docLinkHtml;\n",
              "          element.appendChild(docLink);\n",
              "        }\n",
              "      </script>\n",
              "    </div>\n",
              "  </div>\n",
              "  "
            ]
          },
          "metadata": {},
          "execution_count": 16
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "# Creating Functions to Rank Movies\n",
        "- Notice that the function we created before stores the movie list of our friends inside friends_data, we need these to make movie recommendations\n",
        "- The main goal of this simple recommendation system is finding movie that's been rated and liked by our friends, our friends gave good rating on that movie, and if our closer friends rated that movies highly, it should have higher score"
      ],
      "metadata": {
        "id": "cGxTFemXdG2M"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "4 variables to be considered when ranking movies\n",
        "1. Number of friends that have rated the movie\n",
        "2. Number of friends that liked the movie\n",
        "3. Ratings given by our friends on the movie\n",
        "4. Friends index score so our closer friends' favorite movies will be ranked higher"
      ],
      "metadata": {
        "id": "6V0j7PDYfYka"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "def recommend_movies(df_friends, friends_data, df_a):\n",
        "    df_movies = pd.DataFrame()\n",
        "\n",
        "    # adding friends index score\n",
        "    for i in friends_data.keys():\n",
        "        df_friend_movies = friends_data[i]['df_b'].copy()\n",
        "        df_friend_movies['friends_score'] = df_friends[df_friends['username'] == i]['total_index'].values[0]\n",
        "        df_movies = pd.concat([df_movies, df_friend_movies])\n",
        "        \n",
        "    df_no_of_rate = pd.DataFrame(df_movies.id.value_counts()).reset_index()\n",
        "    df_no_of_rate.rename({'index':'id', 'id':'no_of_rate'}, axis='columns', inplace=True)\n",
        "    \n",
        "    df_recom = df_movies.groupby(['id', 'title', 'link']).agg({'rating':'mean', 'liked':'sum', 'friends_score':'mean'})\n",
        "    df_recom = df_recom.reset_index()\n",
        "    df_recom = pd.merge(df_recom, df_no_of_rate)\n",
        "    \n",
        "    # excluding movies that we already watched\n",
        "    df_recom = pd.merge(df_recom, df_a[['id']], how=\"outer\", indicator=True)\n",
        "    df_recom = df_recom[df_recom['_merge'] == 'left_only']\n",
        "    del df_recom['_merge']\n",
        "\n",
        "    # in this case, i use weights on the 4 attributes\n",
        "    # you can customize the weights yourself, r_w is rating weight, l_w is liked weight, fs_w is friends score weight, nor_w is number of friends that rated the movie weight\n",
        "    # i make the nor_w to 0 because I already use 'total_index' which is similarity score * number of friends that rated the movie, so basically i only use 3 of 4 attributes available\n",
        "    # you can formulate your own calculation here\n",
        "    r_w = 6\n",
        "    l_w = 3\n",
        "    fs_w = 2\n",
        "    nor_w = 0\n",
        "    df_recom['index'] = r_w/5*df_recom['rating']+l_w*df_recom['liked']/df_recom['liked'].max()+fs_w*df_recom['friends_score']/df_recom['friends_score'].max()+nor_w*df_recom['no_of_rate']/df_recom['no_of_rate'].max()\n",
        "    return df_recom"
      ],
      "metadata": {
        "id": "8irZgCmrc26n"
      },
      "execution_count": 17,
      "outputs": []
    },
    {
      "cell_type": "code",
      "source": [
        "# let's try it\n",
        "df_recom = recommend_movies(df_friends, friends_data, df_a)"
      ],
      "metadata": {
        "id": "72czP-p5oiCa"
      },
      "execution_count": 18,
      "outputs": []
    },
    {
      "cell_type": "code",
      "source": [
        "# let's see my top 10 recommendations\n",
        "df_recom.sort_values('index', ascending=False).head(10)"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 363
        },
        "id": "KwVhprT4jhhb",
        "outputId": "5405e4cd-6be1-4d8c-bd9f-7714c3fdd685"
      },
      "execution_count": 19,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "          id                              title  \\\n",
              "702   293465                  Top Gun: Maverick   \n",
              "525   251943  Spider-Man: Into the Spider-Verse   \n",
              "1010  371378                               Dune   \n",
              "233   171384                           Whiplash   \n",
              "1300  422682                     Marriage Story   \n",
              "389   216086                     The Handmaiden   \n",
              "35    114564                                Her   \n",
              "2364   51896                    The Dark Knight   \n",
              "1387  433863                     The Lighthouse   \n",
              "954   359859                               Roma   \n",
              "\n",
              "                                         link    rating  liked  friends_score  \\\n",
              "702                   /film/top-gun-maverick/  4.607143   11.0      21.121429   \n",
              "525   /film/spider-man-into-the-spider-verse/  4.562500   10.0      21.550000   \n",
              "1010                         /film/dune-2021/  4.175000   11.0      19.862500   \n",
              "233                      /film/whiplash-2014/  4.500000    8.0      22.240909   \n",
              "1300               /film/marriage-story-2019/  4.250000    9.0      22.404167   \n",
              "389                     /film/the-handmaiden/  4.916667    5.0      25.691667   \n",
              "35                                 /film/her/  4.208333    8.0      22.858333   \n",
              "2364                   /film/the-dark-knight/  4.555556    6.0      24.200000   \n",
              "1387               /film/the-lighthouse-2019/  4.300000    8.0      19.590000   \n",
              "954                          /film/roma-2018/  4.600000    6.0      21.350000   \n",
              "\n",
              "      no_of_rate     index  \n",
              "702         14.0  9.771008  \n",
              "525         16.0  9.469920  \n",
              "1010        20.0  9.178382  \n",
              "233         11.0  8.890107  \n",
              "1300        12.0  8.872438  \n",
              "389          6.0  8.774911  \n",
              "35          12.0  8.576426  \n",
              "2364         9.0  8.526560  \n",
              "1387        15.0  8.494171  \n",
              "954         10.0  8.412246  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-5dedb2c5-3f5e-43b5-b89e-57310b01b00b\">\n",
              "    <div class=\"colab-df-container\">\n",
              "      <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>id</th>\n",
              "      <th>title</th>\n",
              "      <th>link</th>\n",
              "      <th>rating</th>\n",
              "      <th>liked</th>\n",
              "      <th>friends_score</th>\n",
              "      <th>no_of_rate</th>\n",
              "      <th>index</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>702</th>\n",
              "      <td>293465</td>\n",
              "      <td>Top Gun: Maverick</td>\n",
              "      <td>/film/top-gun-maverick/</td>\n",
              "      <td>4.607143</td>\n",
              "      <td>11.0</td>\n",
              "      <td>21.121429</td>\n",
              "      <td>14.0</td>\n",
              "      <td>9.771008</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>525</th>\n",
              "      <td>251943</td>\n",
              "      <td>Spider-Man: Into the Spider-Verse</td>\n",
              "      <td>/film/spider-man-into-the-spider-verse/</td>\n",
              "      <td>4.562500</td>\n",
              "      <td>10.0</td>\n",
              "      <td>21.550000</td>\n",
              "      <td>16.0</td>\n",
              "      <td>9.469920</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>1010</th>\n",
              "      <td>371378</td>\n",
              "      <td>Dune</td>\n",
              "      <td>/film/dune-2021/</td>\n",
              "      <td>4.175000</td>\n",
              "      <td>11.0</td>\n",
              "      <td>19.862500</td>\n",
              "      <td>20.0</td>\n",
              "      <td>9.178382</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>233</th>\n",
              "      <td>171384</td>\n",
              "      <td>Whiplash</td>\n",
              "      <td>/film/whiplash-2014/</td>\n",
              "      <td>4.500000</td>\n",
              "      <td>8.0</td>\n",
              "      <td>22.240909</td>\n",
              "      <td>11.0</td>\n",
              "      <td>8.890107</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>1300</th>\n",
              "      <td>422682</td>\n",
              "      <td>Marriage Story</td>\n",
              "      <td>/film/marriage-story-2019/</td>\n",
              "      <td>4.250000</td>\n",
              "      <td>9.0</td>\n",
              "      <td>22.404167</td>\n",
              "      <td>12.0</td>\n",
              "      <td>8.872438</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>389</th>\n",
              "      <td>216086</td>\n",
              "      <td>The Handmaiden</td>\n",
              "      <td>/film/the-handmaiden/</td>\n",
              "      <td>4.916667</td>\n",
              "      <td>5.0</td>\n",
              "      <td>25.691667</td>\n",
              "      <td>6.0</td>\n",
              "      <td>8.774911</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>35</th>\n",
              "      <td>114564</td>\n",
              "      <td>Her</td>\n",
              "      <td>/film/her/</td>\n",
              "      <td>4.208333</td>\n",
              "      <td>8.0</td>\n",
              "      <td>22.858333</td>\n",
              "      <td>12.0</td>\n",
              "      <td>8.576426</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2364</th>\n",
              "      <td>51896</td>\n",
              "      <td>The Dark Knight</td>\n",
              "      <td>/film/the-dark-knight/</td>\n",
              "      <td>4.555556</td>\n",
              "      <td>6.0</td>\n",
              "      <td>24.200000</td>\n",
              "      <td>9.0</td>\n",
              "      <td>8.526560</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>1387</th>\n",
              "      <td>433863</td>\n",
              "      <td>The Lighthouse</td>\n",
              "      <td>/film/the-lighthouse-2019/</td>\n",
              "      <td>4.300000</td>\n",
              "      <td>8.0</td>\n",
              "      <td>19.590000</td>\n",
              "      <td>15.0</td>\n",
              "      <td>8.494171</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>954</th>\n",
              "      <td>359859</td>\n",
              "      <td>Roma</td>\n",
              "      <td>/film/roma-2018/</td>\n",
              "      <td>4.600000</td>\n",
              "      <td>6.0</td>\n",
              "      <td>21.350000</td>\n",
              "      <td>10.0</td>\n",
              "      <td>8.412246</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-5dedb2c5-3f5e-43b5-b89e-57310b01b00b')\"\n",
              "              title=\"Convert this dataframe to an interactive table.\"\n",
              "              style=\"display:none;\">\n",
              "        \n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "       width=\"24px\">\n",
              "    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n",
              "    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n",
              "  </svg>\n",
              "      </button>\n",
              "      \n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      flex-wrap:wrap;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "      <script>\n",
              "        const buttonEl =\n",
              "          document.querySelector('#df-5dedb2c5-3f5e-43b5-b89e-57310b01b00b button.colab-df-convert');\n",
              "        buttonEl.style.display =\n",
              "          google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "        async function convertToInteractive(key) {\n",
              "          const element = document.querySelector('#df-5dedb2c5-3f5e-43b5-b89e-57310b01b00b');\n",
              "          const dataTable =\n",
              "            await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                     [key], {});\n",
              "          if (!dataTable) return;\n",
              "\n",
              "          const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "            + ' to learn more about interactive tables.';\n",
              "          element.innerHTML = '';\n",
              "          dataTable['output_type'] = 'display_data';\n",
              "          await google.colab.output.renderOutput(dataTable, element);\n",
              "          const docLink = document.createElement('div');\n",
              "          docLink.innerHTML = docLinkHtml;\n",
              "          element.appendChild(docLink);\n",
              "        }\n",
              "      </script>\n",
              "    </div>\n",
              "  </div>\n",
              "  "
            ]
          },
          "metadata": {},
          "execution_count": 19
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "## Checkpoint 5\n",
        "- Looks like I need to watch Top Gun: Maverick because because it my friends rated it very highly, 11 of 14 liked it\n",
        "- I will try to explore more with advanced queries, for example I want movies that have index higher than 7.5, but unpopular (rated by not more than 7 but more than 2 friends)"
      ],
      "metadata": {
        "id": "14zW3jK_kDVt"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "df_recom[(df_recom['index']>7.5) & (df_recom['no_of_rate'] <= 8) & (df_recom['no_of_rate'] > 2)].sort_values('index', ascending=False).head(10)"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 363
        },
        "id": "gtQs6n3ZjsRQ",
        "outputId": "47b2e71a-817f-4121-a8ea-13544b337e22"
      },
      "execution_count": 24,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "          id               title                         link    rating  \\\n",
              "389   216086      The Handmaiden        /film/the-handmaiden/  4.916667   \n",
              "2457  532082           Chernobyl             /film/chernobyl/  4.750000   \n",
              "1451  441471     West Side Story  /film/west-side-story-2021/  4.750000   \n",
              "3007  668077  The Queen's Gambit     /film/the-queens-gambit/  4.250000   \n",
              "3109  695473                CODA             /film/coda-2021/  4.437500   \n",
              "2366   51902               Akira                 /film/akira/  4.750000   \n",
              "2443  527671          The Father       /film/the-father-2020/  4.357143   \n",
              "743   310705       The Favourite         /film/the-favourite/  4.250000   \n",
              "2351   51858              Amélie                /film/amelie/  4.666667   \n",
              "903   350384        The Big Sick          /film/the-big-sick/  4.833333   \n",
              "\n",
              "      liked  friends_score  no_of_rate     index  \n",
              "389     5.0      25.691667         6.0  8.774911  \n",
              "2457    5.0      21.975000         6.0  8.356283  \n",
              "1451    5.0      20.408333         6.0  8.264127  \n",
              "3007    6.0      23.343750         8.0  8.109525  \n",
              "3109    5.0      20.456250         8.0  7.891945  \n",
              "2366    3.0      23.287500         4.0  7.888035  \n",
              "2443    5.0      22.000000         7.0  7.886325  \n",
              "743     5.0      23.887500         8.0  7.868783  \n",
              "2351    3.0      24.616667         3.0  7.866221  \n",
              "903     3.0      20.816667         3.0  7.842692  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-cd502140-13ec-4548-a7df-b3fe3dc731a0\">\n",
              "    <div class=\"colab-df-container\">\n",
              "      <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>id</th>\n",
              "      <th>title</th>\n",
              "      <th>link</th>\n",
              "      <th>rating</th>\n",
              "      <th>liked</th>\n",
              "      <th>friends_score</th>\n",
              "      <th>no_of_rate</th>\n",
              "      <th>index</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>389</th>\n",
              "      <td>216086</td>\n",
              "      <td>The Handmaiden</td>\n",
              "      <td>/film/the-handmaiden/</td>\n",
              "      <td>4.916667</td>\n",
              "      <td>5.0</td>\n",
              "      <td>25.691667</td>\n",
              "      <td>6.0</td>\n",
              "      <td>8.774911</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2457</th>\n",
              "      <td>532082</td>\n",
              "      <td>Chernobyl</td>\n",
              "      <td>/film/chernobyl/</td>\n",
              "      <td>4.750000</td>\n",
              "      <td>5.0</td>\n",
              "      <td>21.975000</td>\n",
              "      <td>6.0</td>\n",
              "      <td>8.356283</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>1451</th>\n",
              "      <td>441471</td>\n",
              "      <td>West Side Story</td>\n",
              "      <td>/film/west-side-story-2021/</td>\n",
              "      <td>4.750000</td>\n",
              "      <td>5.0</td>\n",
              "      <td>20.408333</td>\n",
              "      <td>6.0</td>\n",
              "      <td>8.264127</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3007</th>\n",
              "      <td>668077</td>\n",
              "      <td>The Queen's Gambit</td>\n",
              "      <td>/film/the-queens-gambit/</td>\n",
              "      <td>4.250000</td>\n",
              "      <td>6.0</td>\n",
              "      <td>23.343750</td>\n",
              "      <td>8.0</td>\n",
              "      <td>8.109525</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3109</th>\n",
              "      <td>695473</td>\n",
              "      <td>CODA</td>\n",
              "      <td>/film/coda-2021/</td>\n",
              "      <td>4.437500</td>\n",
              "      <td>5.0</td>\n",
              "      <td>20.456250</td>\n",
              "      <td>8.0</td>\n",
              "      <td>7.891945</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2366</th>\n",
              "      <td>51902</td>\n",
              "      <td>Akira</td>\n",
              "      <td>/film/akira/</td>\n",
              "      <td>4.750000</td>\n",
              "      <td>3.0</td>\n",
              "      <td>23.287500</td>\n",
              "      <td>4.0</td>\n",
              "      <td>7.888035</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2443</th>\n",
              "      <td>527671</td>\n",
              "      <td>The Father</td>\n",
              "      <td>/film/the-father-2020/</td>\n",
              "      <td>4.357143</td>\n",
              "      <td>5.0</td>\n",
              "      <td>22.000000</td>\n",
              "      <td>7.0</td>\n",
              "      <td>7.886325</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>743</th>\n",
              "      <td>310705</td>\n",
              "      <td>The Favourite</td>\n",
              "      <td>/film/the-favourite/</td>\n",
              "      <td>4.250000</td>\n",
              "      <td>5.0</td>\n",
              "      <td>23.887500</td>\n",
              "      <td>8.0</td>\n",
              "      <td>7.868783</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2351</th>\n",
              "      <td>51858</td>\n",
              "      <td>Amélie</td>\n",
              "      <td>/film/amelie/</td>\n",
              "      <td>4.666667</td>\n",
              "      <td>3.0</td>\n",
              "      <td>24.616667</td>\n",
              "      <td>3.0</td>\n",
              "      <td>7.866221</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>903</th>\n",
              "      <td>350384</td>\n",
              "      <td>The Big Sick</td>\n",
              "      <td>/film/the-big-sick/</td>\n",
              "      <td>4.833333</td>\n",
              "      <td>3.0</td>\n",
              "      <td>20.816667</td>\n",
              "      <td>3.0</td>\n",
              "      <td>7.842692</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-cd502140-13ec-4548-a7df-b3fe3dc731a0')\"\n",
              "              title=\"Convert this dataframe to an interactive table.\"\n",
              "              style=\"display:none;\">\n",
              "        \n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "       width=\"24px\">\n",
              "    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n",
              "    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n",
              "  </svg>\n",
              "      </button>\n",
              "      \n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      flex-wrap:wrap;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "      <script>\n",
              "        const buttonEl =\n",
              "          document.querySelector('#df-cd502140-13ec-4548-a7df-b3fe3dc731a0 button.colab-df-convert');\n",
              "        buttonEl.style.display =\n",
              "          google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "        async function convertToInteractive(key) {\n",
              "          const element = document.querySelector('#df-cd502140-13ec-4548-a7df-b3fe3dc731a0');\n",
              "          const dataTable =\n",
              "            await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                     [key], {});\n",
              "          if (!dataTable) return;\n",
              "\n",
              "          const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "            + ' to learn more about interactive tables.';\n",
              "          element.innerHTML = '';\n",
              "          dataTable['output_type'] = 'display_data';\n",
              "          await google.colab.output.renderOutput(dataTable, element);\n",
              "          const docLink = document.createElement('div');\n",
              "          docLink.innerHTML = docLinkHtml;\n",
              "          element.appendChild(docLink);\n",
              "        }\n",
              "      </script>\n",
              "    </div>\n",
              "  </div>\n",
              "  "
            ]
          },
          "metadata": {},
          "execution_count": 24
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "Voila! I will probably watch The Handmaiden next since it has an average ratings of 4.91 from 6 friends, with 5 likes"
      ],
      "metadata": {
        "id": "6hA4nI5Bm-oq"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "# Deployment with Streamlit\n",
        "I also deployed these functions to Streamlit web app, you can access it on https://letterboxd-friends-ranker.streamlit.app\n",
        "**Thank you!**"
      ],
      "metadata": {
        "id": "mJLZgUEXn7pa"
      }
    }
  ]
}