{"id":130929,"date":"2023-11-06T11:01:14","date_gmt":"2023-11-06T16:01:14","guid":{"rendered":"https:\/\/revsinstitute.org\/?page_id=130929"},"modified":"2025-09-23T10:53:16","modified_gmt":"2025-09-23T14:53:16","slug":"the-collection","status":"publish","type":"page","link":"https:\/\/revsinstitute.org\/the-collection","title":{"rendered":"The Collection"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;151020&#8243;][vc_column][vc_column_text]<span class=\"markdown-inline-code leading-[1.4]\">        <div class=\"revs-vehicle-collection-container\">\n        <!-- Loading Screen -->\n        <div id=\"loading-screen\" class=\"loading-screen\">\n            <div class=\"loading-content\">\n                <div class=\"loading-speedometer\">\n                    <div class=\"speedometer\">\n                        <div class=\"tachometer-background\">\n                            <div class=\"tachometer-needle\" id=\"speedometer-needle\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"loading-progress\">\n                    <div class=\"progress-bar\">\n                        <div class=\"progress-fill\" id=\"progress-fill\"><\/div>\n                    <\/div>\n                    <div class=\"loading-text\" id=\"loading-text\">Looking in the garage...<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Hero Section -->\n        <section class=\"hero-section\">\n            <div class=\"hero-background\">\n                <video autoplay muted loop playsinline class=\"hero-video\" preload=\"auto\">\n                    <source src=\"https:\/\/revsinstitute.org\/wp-content\/plugins\/revs-collection\/assets\/media\/videos\/collection-video.mp4\" type=\"video\/mp4\">\n                    Your browser does not support the video tag.\n                <\/video>\n                <div class=\"hero-video-overlay\"><\/div>\n            <\/div>\n            <div class=\"hero-content\">\n                <div class=\"hero-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/revsinstitute.org\/wp-content\/plugins\/revs-collection\/assets\/media\/revs-logo.svg\" alt=\"Revs Institute\" class=\"revs-logo\">\n                <\/div>\n                <p class=\"hero-subtitle\">View a curated assemblage of the most profound and rare automotive resources and innovations of our time, professionally preserved or authentically restored to their original build standards.<\/p>\n                \n                <button class=\"explore-btn\" onclick=\"scrollToCollection()\">\n                    EXPLORE THE COLLECTION\n                <\/button>\n            <\/div>\n        <\/section>\n\n        <!-- Main Collection -->\n        <div class=\"main-container\">\n            \n            <!-- Controls Section -->\n            <section class=\"controls-section\">\n                <div class=\"search-box\">\n                    <input type=\"text\" class=\"search-input\" id=\"search-input\" placeholder=\"Search by manufacturer, model, or year...\">\n                    <button type=\"button\" class=\"search-btn\" id=\"search-btn\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                            <path d=\"M21 21l-4.35-4.35\"><\/path>\n                        <\/svg>\n                    <\/button>\n                    <div class=\"search-autocomplete\" id=\"search-autocomplete\"><\/div>\n                <\/div>\n                \n                <div class=\"filters-grid\">\n                    <div class=\"filter-group\">\n                        <label>Manufacturer<\/label>\n                        <select class=\"filter-input\" id=\"manufacturer-filter\">\n                            <option value=\"\">All Manufacturers<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"filter-group\">\n                        <label>Year Range<\/label>\n                        <select class=\"filter-input\" id=\"year-filter\">\n                            <option value=\"\">All Years<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"filter-group\">\n                        <label>Sort By<\/label>\n                        <select class=\"filter-input\" id=\"sort-filter\">\n                            <option value=\"year-desc\">Year (Newest First)<\/option>\n                            <option value=\"year-asc\">Year (Oldest First)<\/option>\n                            <option value=\"manufacturer\">Manufacturer<\/option>\n                            <option value=\"model\">Model<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"filter-group\">\n                        <label>&nbsp;<\/label>\n                        <button type=\"button\" class=\"clear-filters-btn\" id=\"clear-filters\">Clear Filters<\/button>\n                    <\/div>\n                <\/div>\n            <\/section>\n            \n            <!-- Results and View Controls -->\n            <section class=\"results-section\">\n                <div class=\"results-info\">\n                    <span id=\"results-count\">Loading...<\/span>\n                    <div class=\"results-controls\">\n                        <!-- Gallery View Filters -->\n                        <div class=\"gallery-view-filters\">\n                            <button class=\"view-filter active\" data-view=\"front\" onclick=\"switchGalleryView('front')\">3\/4<\/button>\n                            <button class=\"view-filter\" data-view=\"engine\" onclick=\"switchGalleryView('engine')\">ENGINE<\/button>\n                            <button class=\"view-filter\" data-view=\"rear\" onclick=\"switchGalleryView('rear')\">REAR<\/button>\n                            <button class=\"view-filter\" data-view=\"profile\" onclick=\"switchGalleryView('profile')\">PROFILE<\/button>\n                        <\/div>\n                        \n                        <div class=\"view-toggle\">\n                            <button class=\"view-btn active\" data-view=\"grid\" title=\"Grid View\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n                                    <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n                                    <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n                                    <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"view-btn\" data-view=\"list\" title=\"List View\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\n                                    <line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\n                                    <line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\n                                    <line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"><\/line>\n                                    <line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"><\/line>\n                                    <line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"><\/line>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n            \n            <!-- Vehicle Grid -->\n            <section class=\"vehicles-grid\" id=\"vehicles-grid\">\n                <!-- Vehicles will be loaded here by JavaScript -->\n            <\/section>\n            \n            <!-- Load More -->\n            <div class=\"load-more-container\" id=\"load-more-container\">\n                <button class=\"load-more-btn\" id=\"load-more-btn\">Load More Vehicles<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Fullscreen overlay will be created dynamically by JavaScript -->\n        \n        <script>window.revsShortcodeAtts = {\"manufacturer\":\"\",\"year\":\"\",\"view\":\"grid\",\"per_page\":12};<\/script>        <\/div> <!-- \/.revs-vehicle-collection-container -->\n        <\/span>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;151020&#8243;][vc_column][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":130977,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","om_disable_all_campaigns":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-130929","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/revsinstitute.org\/wp-json\/wp\/v2\/pages\/130929","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/revsinstitute.org\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/revsinstitute.org\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/revsinstitute.org\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/revsinstitute.org\/wp-json\/wp\/v2\/comments?post=130929"}],"version-history":[{"count":0,"href":"https:\/\/revsinstitute.org\/wp-json\/wp\/v2\/pages\/130929\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/revsinstitute.org\/wp-json\/wp\/v2\/media\/130977"}],"wp:attachment":[{"href":"https:\/\/revsinstitute.org\/wp-json\/wp\/v2\/media?parent=130929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}